/* KIT-1 starter. Shared tokens/components; never include legacy page styles with this file. */
:root{font:14px/1.45 Arial,Helvetica,sans-serif;color-scheme:light;--ink:#111829;--navy:#091333;--muted:#54709b;--blue:#075aff;--line:rgba(99,151,220,.22);--shadow:0 8px 25px #2763ac14,0 2px 5px #3879c90b;--radius:22px;--gap:16px;color:var(--ink)}
*{box-sizing:border-box;min-width:0}html{scrollbar-gutter:stable}body{margin:0;background:radial-gradient(ellipse at 79% 18%,rgba(112,171,245,.28),transparent 65%),repeating-linear-gradient(31deg,transparent 0 125px,rgba(255,255,255,.65) 126px 127px,rgba(92,146,218,.16) 128px 130px,rgba(152,194,249,.12) 131px 235px,rgba(255,255,255,.5) 236px 237px,transparent 238px 370px),linear-gradient(135deg,#eaf4ff,#dcecff 46%,#e2f0ff);background-attachment:fixed;isolation:isolate;overflow-x:clip}#app{position:relative;z-index:1;min-height:100dvh}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}[hidden]{display:none!important}
button{display:inline-flex;position:relative;flex-flow:row nowrap;align-items:center;justify-content:center;gap:8px;padding:0;border:0;background:transparent;cursor:pointer;line-height:1.25;touch-action:manipulation}button>*:not(canvas){position:relative;z-index:1;pointer-events:none}button:disabled{cursor:wait;opacity:1}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #1464e6;outline-offset:3px}
svg{display:block;flex:none}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#liquid-scene{position:fixed;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none}
.glass,[data-glass]{position:relative;isolation:isolate;background:rgba(180,215,249,.15);border:1px solid rgba(242,250,255,.5);border-radius:var(--radius);box-shadow:var(--shadow)}.glass-painted.glass{background:transparent;border-color:rgba(240,251,255,.3)}.glass::before,.glass::after{content:none}
.sg-pane{position:absolute!important;inset:-1px!important;display:block!important;width:calc(100% + 2px)!important;height:calc(100% + 2px)!important;max-width:none!important;border-radius:inherit;pointer-events:none!important;z-index:-1!important;contain:strict}
.glass-off .sg-pane{visibility:hidden!important}.glass-off .glass{background:rgba(218,234,250,.25)}
.app-frame{max-width:1740px;margin:auto;padding:16px 20px 24px}.app-header{position:sticky;top:14px;z-index:100;min-height:66px;display:flex;align-items:center;gap:20px;padding:10px 16px;border-radius:23px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:750;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;aspect-ratio:1;flex:0 0 36px;background:var(--blue);color:#fff;border-radius:10px}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand em{font-style:normal;color:var(--blue)}
.header-actions,.desktop-tools{display:flex;align-items:center;gap:8px}.header-actions{margin-left:auto}.desktop-tools>label{font-size:11px;color:var(--muted)}
.icon-btn{width:44px;height:44px;min-width:44px;flex:0 0 44px;aspect-ratio:1;border-radius:12px;color:#111}.avatar{border-radius:50%;font-weight:700}.mobile-menu,.drawer-close{display:none}
.button,.select-trigger{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;font-weight:600;font-size:12px;color:#111;gap:10px}.select-trigger{justify-content:space-between;min-width:140px}.select-trigger>.selected-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger>.icon,.setting-trigger>.icon{margin-left:auto;width:15px;height:15px}.primary{color:#fff}.primary:not(.glass-painted),.glass-off .primary{background:#075aff}.block{width:100%}
button.is-loading{overflow:hidden;color:#111!important}button.is-loading>:not(.sg-pane):not(.loading-label){visibility:hidden}button>.loading-label{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;white-space:nowrap;color:#111!important;font:inherit;font-weight:600}
:root:not(.glass-ready) button.is-loading::after,:root:not(.glass-ready) button.phone-busy::after,.glass-off button.is-loading::after,.glass-off button.phone-busy::after{content:'';position:absolute;z-index:3;top:50%;left:12px;width:13px;height:13px;border-radius:2px 75% 75% 75%;transform:translateY(-50%) rotate(45deg);background:linear-gradient(135deg,#f3ffffd9,#75d5f1a8 58%,#246eb88c);border:1px solid #ecffffaf;box-shadow:inset 1px 1px 3px #fff9,0 3px 12px #2e90c56b;pointer-events:none;animation:loading-drop-travel 1.36s ease-in-out infinite alternate}
:root:not(.glass-ready) button[data-loading-size="small"]::after,.glass-off button[data-loading-size="small"]::after{left:calc(50% - 7px);animation:loading-drop-pulse 1.15s ease-in-out infinite}
@keyframes loading-drop-travel{from{left:12px;transform:translateY(-50%) rotate(45deg)}to{left:calc(100% - 25px);transform:translateY(-50%) rotate(45deg)}}
@keyframes loading-drop-pulse{0%,100%{opacity:.7;transform:translateY(-50%) rotate(45deg) scale(.82)}50%{opacity:1;transform:translateY(-50%) rotate(45deg) scale(1.08)}}
@media(prefers-reduced-motion:reduce){:root:not(.glass-ready) button.is-loading::after,:root:not(.glass-ready) button.phone-busy::after,.glass-off button.is-loading::after,.glass-off button.phone-busy::after{left:calc(50% - 7px);animation:none}}
.layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:24px;align-items:start;margin-top:16px}.sidebar{position:sticky;top:98px;z-index:80;display:flex;flex-direction:column;min-height:510px;height:calc(100dvh - 116px);padding:24px 12px 14px;border-radius:24px}.workspace{padding:0 14px 22px}.eyebrow{font-size:10px;letter-spacing:1.65px;text-transform:uppercase;color:var(--blue);font-weight:700}.workspace strong{display:block;margin-top:7px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:46px;padding:0 10px;border:1px solid transparent;border-radius:14px;color:#49648d;font-size:12px}.nav-item.active{font-weight:750;color:#111;box-shadow:-3px 0 0 #0862fa,0 4px 12px #3979c211}.nav-item:focus-visible,.nav-item:hover{color:#111}.nav-icon,.badge-icon{display:inline-grid;place-items:center;width:34px;height:36px;flex:0 0 34px;border-radius:11px;color:#1268ec}.nav-icon{width:29px;height:30px;flex-basis:29px;color:inherit}.nav-icon>.icon{width:17px;height:17px}.sidebar-footer{margin-top:auto;padding-top:24px}.sidebar-footer .button{width:100%;font-size:11px}
.page-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:145px;padding:13px 8px 22px}.page-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.13;letter-spacing:-1.15px;color:var(--navy);margin:7px 0 10px;font-weight:750}.page-heading p{font-size:12px;color:var(--muted);line-height:1.65;max-width:680px}.heading-copy{flex:1}.hero-art{width:150px;height:110px;flex:none;pointer-events:none}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.panel{padding:22px;border-radius:22px}.panel h2{font-size:18px;color:var(--navy);margin-bottom:9px;line-height:1.35}.panel p,.muted{font-size:12px;color:var(--muted);line-height:1.7}.stat-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}.stat-value{font-size:29px;font-weight:750;color:var(--navy)}.demo-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.field-label{display:block;font-size:12px;color:var(--muted);margin:14px 0 7px}.field-shell{display:block;border-radius:12px}.field-shell input{width:100%;min-height:44px;padding:10px 12px;background:transparent;color:var(--ink);border:0;border-radius:inherit}.field-shell:focus-within{outline:2px solid #3a83ee;outline-offset:2px}.field-shell input:focus-visible{outline:none}.feature-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:12px;font-size:12px;color:var(--muted)}.feature-list li{display:flex;gap:9px;align-items:center}.feature-list .icon{width:15px;height:15px;color:var(--blue)}
html.has-modal,html.has-drawer{overflow:hidden}.dialog-scrim{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:22px;background:#254a751e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.dialog{position:relative;width:min(490px,100%);max-height:calc(100dvh - 44px);border-radius:26px;box-shadow:0 24px 75px #2549753f;overflow:visible}.dialog-scroll{max-height:calc(100dvh - 46px);overflow-y:auto;overflow-x:clip;padding:28px;border-radius:inherit}.dialog h2{font-size:24px;line-height:1.25;letter-spacing:-.5px;color:var(--navy);margin:5px 40px 15px 0}.dialog-close{position:absolute;right:12px;top:12px;z-index:5;color:#111}.dialog-close .icon{stroke:#111}.dialog .button{color:#111}.dialog-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:16px}.dialog .primary:not(.glass-painted){background:rgba(28,102,233,.08)}
.select-menu,.profile-menu{position:fixed;z-index:1200;padding:8px;border-radius:19px;max-width:calc(100vw - 24px);overflow-x:clip;box-shadow:0 16px 45px #25487d35}.select-scroll{display:grid;gap:4px;max-height:min(370px,60dvh);overflow-y:auto;overflow-x:clip;border-radius:13px}.select-option{display:flex;align-items:center;justify-content:space-between;min-height:40px;width:100%;padding:0 12px;border-radius:12px;font-size:12px;gap:10px}.select-option>.icon{opacity:0;width:15px;height:15px}.select-option.selected{color:#fff}.select-option.selected>.icon{opacity:1}.select-option.selected:not(.glass-painted),.glass-off .select-option.selected{background:var(--blue)}
.profile-account{display:flex;align-items:center;gap:10px;padding:12px 10px;border-bottom:1px solid var(--line);margin-bottom:5px}.profile-account strong{display:block;font-size:12px;overflow-wrap:anywhere}.profile-row{display:flex;justify-content:flex-start;align-items:center;gap:10px;min-height:43px;width:100%;padding:0 12px;border-radius:12px;font-size:12px;text-align:left}.profile-row>span{flex:1}.profile-row>small{color:var(--muted)}.profile-row:hover{background:#9fc5f528}.profile-row .icon:last-child{width:13px;height:13px}.toast{position:fixed;z-index:1400;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 28px);padding:14px 20px;border-radius:17px;font-size:12px;text-align:center;color:#111}
.control{margin-top:17px}.control label{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.control output{color:var(--blue);font-weight:600}input[type=range]{width:100%;accent-color:#1265e9;margin-top:12px}.toggle-label{display:flex;align-items:center;gap:9px;font-size:12px;margin:16px 0}input[type=checkbox]{accent-color:#0963ec}
*{scrollbar-width:thin;scrollbar-color:#76aee080 #cee4f933}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#d7e8fa44}::-webkit-scrollbar-thumb{border:2px solid #eaf5ffad;border-radius:20px;background:linear-gradient(90deg,#b2d8fbaa,#79b0e799)}
@media(max-width:1050px){.layout{grid-template-columns:180px minmax(0,1fr);gap:16px}.grid{grid-template-columns:1fr 1fr}.grid>.panel:last-child{grid-column:1/-1}.demo-columns{grid-template-columns:1fr}.panel{padding:18px}.app-header{gap:12px}.brand{font-size:16px}.company-label{display:none}.select-trigger{min-width:100px}}
@media(max-width:760px){.app-frame{padding:9px 12px max(20px,env(safe-area-inset-bottom))}.app-header{top:max(8px,env(safe-area-inset-top));min-height:59px;padding:8px 9px;border-radius:18px;gap:7px}.brand{font-size:15px;gap:7px}.brand-mark{width:29px;height:29px;flex-basis:29px}.header-actions{gap:5px}.desktop-tools{display:none}.mobile-menu{display:inline-flex}.icon-btn{width:40px;height:40px;min-width:40px;flex-basis:40px}.layout{display:block;margin-top:12px}.sidebar{display:none;position:fixed;inset:0 auto 0 0;z-index:1000;width:min(280px,calc(100vw - 44px));height:100dvh;min-height:0;max-height:100dvh;padding:52px 14px 18px;border-radius:0 24px 24px 0;background:transparent;overflow-y:auto;overflow-x:clip}.sidebar.open{display:flex}.nav-item{font-size:13px;min-height:47px}.drawer-close{display:inline-flex;position:absolute;top:10px;right:10px}.mobile-backdrop{position:fixed;inset:0;z-index:990;background:#30598329;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.page-heading{min-height:0;display:block;padding:14px 2px 20px}.heading-copy{max-width:none}.page-heading h1{font-size:29px}.page-heading:has(>.hero-art){padding-right:100px;min-height:138px}.page-heading>.hero-art{position:absolute;right:0;top:18px;width:91px;height:81px}.page-heading p{font-size:11px}.grid{gap:12px}.panel{padding:17px 15px}.stat-head{gap:8px}.stat-head .muted{font-size:11px}.stat-value{font-size:25px}.field-shell input{font-size:16px}.dialog-scrim{padding:13px}.dialog{max-height:calc(100dvh - 26px)}.dialog-scroll{max-height:calc(100dvh - 28px);padding:26px 20px}.dialog h2{font-size:22px}.dialog-close{width:40px;height:40px;min-width:40px}.actions>.button{flex:1}.toast{bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:370px){.app-frame{padding-inline:9px}.app-header{gap:5px;padding-inline:7px}.brand{font-size:13px;gap:5px}.header-actions{gap:4px}.brand-mark{width:27px;height:27px;flex-basis:27px}.app-header .icon-btn{width:36px;height:36px;min-width:36px;flex-basis:36px}.page-heading h1{font-size:27px}.page-heading:has(>.hero-art){padding-right:80px}.page-heading>.hero-art{width:72px;height:65px}.stat-value{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}