@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:Inter Variable,InterVariable,Inter,Geist,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: #0B0C0E;--sidebar: #0D0F12;--surface: #131519;--surface-raised: #181A1F;--surface-hover: #1D2026;--border: #24272D;--border-strong: #343841;--text-primary: #F5F5F5;--text-secondary: #9B9FA8;--text-muted: #666B75;--accent: #5B7CFF;--accent-soft: rgb(91 124 255 / 13%);--success: #7FB69A;--success-soft: rgb(88 143 111 / 14%);--warning: #C6A873;--warning-soft: rgb(166 132 67 / 14%);--danger: #C57E82;--danger-soft: rgb(171 88 92 / 15%);--pending: #A8AFC0;--pending-soft: rgb(138 149 174 / 13%);--info: #8BA4E8;--info-soft: rgb(91 124 255 / 11%);--surface-deep: #111317;--surface-icon: #191B20;--border-subtle: #2E3240;--sidebar-width: 252px;--sidebar-collapsed-width: 76px;--topbar-height: 78px;--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-card: 0 1px 2px rgb(0 0 0 / 16%);--focus-ring: 0 0 0 3px rgb(91 124 255 / 28%);--motion: .16s ease}@media(prefers-reduced-motion:reduce){:root{--motion: 0ms linear}}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--background);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:var(--background);color:var(--text-primary);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}::selection{background:#5b7cff47;color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:200;padding:9px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow-card);color:var(--text-primary);font-size:12px;font-weight:550;transform:translateY(-250%);transition:transform var(--motion)}.skip-link:focus{transform:translateY(0)}.eyebrow,.sample-label{display:block;margin:0;color:var(--text-muted);font-size:10px;font-weight:650;letter-spacing:.11em;line-height:1.4;text-transform:uppercase}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:var(--sidebar-width);flex-direction:column;padding:18px 10px 10px;overflow:visible;background:var(--sidebar);border-right:1px solid var(--border);transition:width var(--motion),transform var(--motion),visibility var(--motion)}.sidebar:focus,.main-content:focus{outline:none}.app-shell__main{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left var(--motion)}.app-shell--collapsed .sidebar{width:var(--sidebar-collapsed-width);padding-right:9px;padding-left:9px}.app-shell--collapsed .app-shell__main{margin-left:var(--sidebar-collapsed-width)}.sidebar__brand-row{display:flex;min-height:40px;align-items:center;justify-content:space-between;margin:0 0 24px}.brand{display:flex;min-width:0;align-items:center;gap:10px}.brand-mark{display:block;flex:0 0 30px;width:30px;height:30px;border-radius:8px}.brand__text{display:flex;min-width:0;flex-direction:column;gap:1px;white-space:nowrap}.brand__text strong{font-size:12px;font-weight:700;letter-spacing:.055em;line-height:1.25}.sidebar__nav-label{padding:0 11px 8px;color:var(--text-muted);font-size:9px;font-weight:650;letter-spacing:.12em}.sidebar__nav{display:grid;gap:2px}.nav-item{position:relative;display:flex;width:100%;min-height:36px;align-items:center;gap:11px;padding:0 11px;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--motion),color var(--motion),border-color var(--motion)}.nav-item>svg{flex:0 0 auto;color:var(--text-muted);transition:color var(--motion)}.nav-item>span{overflow:hidden;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item:hover>svg{color:#c8cbd1}.nav-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nav-item--active{border-color:var(--border);background:var(--surface-raised);color:var(--text-primary)}.nav-item--active>svg{color:#aab7f0}.nav-item--active:before{position:absolute;top:8px;bottom:8px;left:-1px;width:2px;border-radius:0 2px 2px 0;background:var(--accent);content:""}.sidebar__spacer{flex:1;min-height:16px}.sidebar__account{padding:9px 0 7px;border-top:1px solid var(--border)}.account-dropdown{width:100%}.account-dropdown>.dropdown__trigger{width:100%;min-height:44px;justify-content:space-between;padding:4px 6px;border:1px solid transparent;border-radius:var(--radius-sm);transition:border-color var(--motion),background var(--motion)}.account-dropdown>.dropdown__trigger:hover,.account-dropdown[open]>.dropdown__trigger{border-color:var(--border);background:var(--surface)}.account-trigger{display:flex;min-width:0;align-items:center;gap:8px}.account-trigger__copy{display:flex;min-width:0;flex-direction:column;gap:1px;text-align:left}.account-trigger__copy strong{max-width:148px;overflow:hidden;color:#dde0e5;font-size:11px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.account-trigger__copy small{color:var(--text-muted);font-size:10px}.account-menu-card{display:flex;align-items:center;gap:10px;padding:8px 9px 10px;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:11px}.account-menu-card>span:last-child{display:grid}.account-menu-card small{color:var(--text-muted);font-size:10px}.account-menu-note{margin:8px 9px 5px;color:var(--text-muted);font-size:10px;line-height:1.45}.sidebar__collapse{display:flex;width:100%;min-height:30px;align-items:center;gap:8px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font-size:11px;text-align:left;transition:border-color var(--motion),background var(--motion),color var(--motion)}.sidebar__collapse:hover{border-color:var(--border);background:var(--surface);color:var(--text-secondary)}.sidebar__collapse:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sidebar--collapsed .sidebar__brand-row{justify-content:center;margin-right:0;margin-left:0}.sidebar--collapsed .brand__text,.sidebar--collapsed .sidebar__nav-label,.sidebar--collapsed .nav-item>span,.sidebar--collapsed .account-trigger__copy,.sidebar--collapsed .account-dropdown>summary>svg,.sidebar--collapsed .sidebar__collapse>span{display:none}.sidebar--collapsed .nav-item{justify-content:center;padding:0}.sidebar--collapsed .nav-item--active:before{left:-10px}.sidebar--collapsed .sidebar__account{display:flex;justify-content:center}.sidebar--collapsed .account-dropdown>.dropdown__trigger{justify-content:center;padding:4px}.sidebar--collapsed .account-trigger{justify-content:center}.sidebar--collapsed .sidebar__collapse{justify-content:center;padding:0}.sidebar__mobile-close,.topbar__menu,.mobile-scrim{display:none}.topbar{position:sticky;top:0;z-index:20;display:flex;min-height:var(--topbar-height);align-items:center;justify-content:space-between;gap:20px;padding:14px 36px;border-bottom:1px solid var(--border);background:var(--background)}.topbar__title{display:grid;gap:3px}.topbar__breadcrumb{color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.1em}.topbar__breadcrumb span{padding:0 6px;color:var(--border-strong)}.topbar__title h1{margin:0;font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--text-primary)}.topbar__meta{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:10px;background:var(--surface)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.main-content{width:min(100%,1420px);min-height:calc(100vh - var(--topbar-height) - 44px);margin:0 auto;padding:28px 36px 40px}.app-footer{display:flex;justify-content:space-between;padding:12px 36px 18px;color:var(--text-muted);font-size:10px}.app-footer span:first-child{font-weight:650;letter-spacing:.07em}.card{min-width:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:border-color var(--motion),box-shadow var(--motion)}.metric-card{transition:border-color var(--motion),box-shadow var(--motion)}.metric-card:hover{border-color:var(--border-strong);box-shadow:0 2px 8px #00000038}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.card-heading h3{margin:0;color:var(--text-primary);font-size:13px;font-weight:570;letter-spacing:-.005em}.card-heading p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.45}.button{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:11.5px;font-weight:540;line-height:1;white-space:nowrap;transition:background var(--motion),color var(--motion),border-color var(--motion),transform var(--motion)}.button:active:not(:disabled){transform:translateY(1px)}.button--sm{min-height:30px;padding:0 10px}.button--md{min-height:35px;padding:0 12px}.button--lg{min-height:40px;padding:0 15px}.button--primary{border-color:#6684ff;background:var(--accent);color:#fff}.button--primary:hover:not(:disabled){border-color:#7d96ff;background:#6b88ff}.button--primary:focus-visible{box-shadow:var(--focus-ring)}.button--secondary{border-color:var(--border-strong);background:var(--surface-hover);color:#dde0e5}.button--secondary:hover:not(:disabled){border-color:#454a54;background:#202329}.button--secondary:focus-visible{box-shadow:var(--focus-ring)}.button--ghost{background:transparent;color:var(--text-secondary)}.button--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.button--danger{border-color:#543339;background:#2b1b1e;color:#d89b9e}.button--danger:hover:not(:disabled){background:#382125}.button--danger:focus-visible{box-shadow:var(--focus-ring)}.button__spinner{display:inline-flex;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-button{display:inline-grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--motion),background var(--motion),border-color var(--motion)}.icon-button:hover:not(:disabled){border-color:var(--border);background:var(--surface-raised);color:var(--text-primary)}.field{display:grid;min-width:0;gap:6px}.field__label{color:#c3c6cc;font-size:10.5px;font-weight:530}.field__hint,.field__error{margin:0;color:var(--text-muted);font-size:10px;line-height:1.4}.field__error{color:#cf9397}.input,.select,.search-field{width:100%;min-width:0;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#101216;color:var(--text-primary);font-size:11.5px;transition:border-color var(--motion),background var(--motion)}.input,.select{padding:0 10px}.input::placeholder,.search-field input::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.search-field:hover{border-color:#373b44}.input:focus,.select:focus,.search-field:focus-within{border-color:var(--accent);outline:none;box-shadow:var(--focus-ring)}.input--error{border-color:#744044}.search-field{display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--text-muted)}.search-field input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:11.5px}.search-field input:focus-visible{box-shadow:none}.search-field input::-webkit-search-cancel-button{cursor:pointer}.select-wrap{position:relative}.select{appearance:none;padding-right:30px;cursor:pointer}.select-wrap__icon{position:absolute;top:50%;right:10px;pointer-events:none;color:var(--text-muted);transform:translateY(-50%)}.status{display:inline-flex;width:fit-content;align-items:center;gap:6px;color:var(--text-secondary);font-size:10px;white-space:nowrap}.status__dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--text-muted);transition:background var(--motion)}.status__dot span{transition:color var(--motion)}.status--success{color:#9bbca8}.status--success .status__dot{background:var(--success)}.status--warning{color:#c8b48c}.status--warning .status__dot{background:var(--warning)}.status--danger{color:#cf9397}.status--danger .status__dot{background:var(--danger)}.status--pending{color:#aeb5c5}.status--pending .status__dot{background:#8f99ad}.avatar{display:inline-grid;flex:0 0 auto;place-items:center;border:1px solid #3A3B49;border-radius:50%;background:#242631;color:#d3d5e3;font-weight:620}.avatar--sm{width:27px;height:27px;font-size:9px}.avatar--md{width:34px;height:34px;font-size:10px}.avatar--lg{width:42px;height:42px;font-size:12px}.tabs{display:flex;width:fit-content;max-width:100%;align-items:center;gap:3px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#101216}.tab{min-height:27px;padding:0 11px;border:0;border-radius:5px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:10px;transition:background var(--motion),color var(--motion)}.tab:hover{color:var(--text-secondary)}.tab--active{background:#202329;color:#e9eaed;box-shadow:inset 0 0 0 1px #2d3038}.dropdown{position:relative}.dropdown__trigger{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer}.dropdown__trigger::-webkit-details-marker{display:none}.dropdown__trigger::marker{display:none;content:""}.dropdown__trigger>svg{color:var(--text-muted);transition:transform var(--motion)}.dropdown[open]>.dropdown__trigger>svg{transform:rotate(180deg)}.dropdown__panel{position:absolute;right:0;bottom:calc(100% + 7px);z-index:60;width:236px;padding:8px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#16181d;box-shadow:0 12px 32px #00000059}.account-dropdown .dropdown__panel{right:auto;bottom:calc(100% + 8px);left:0}.dialog{width:min(480px,calc(100vw - 32px));max-width:none;max-height:min(80vh,620px);padding:0;overflow:auto;border:1px solid #383B44;border-radius:var(--radius-lg);background:#15171c;color:var(--text-primary);box-shadow:0 24px 80px #0000008c}.dialog::backdrop{background:#000000a6}.dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 14px;border-bottom:1px solid var(--border)}.dialog__head h2{margin:0;font-size:15px;font-weight:600}.dialog__head p{margin:5px 0 0;color:var(--text-secondary);font-size:11px}.dialog__body{padding:18px 20px 20px}.dialog-sample-copy{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.7}.dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;max-width:min(390px,calc(100vw - 32px));align-items:center;gap:10px;padding:9px 10px 9px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#191b20;box-shadow:0 12px 34px #00000059;color:#dde0e5;font-size:11.5px}.toast>svg:first-child{flex:0 0 auto;color:var(--info)}.toast>span{flex:1}.toast--success>svg:first-child{color:var(--success)}.toast--error>svg:first-child{color:var(--danger)}.skeleton{display:block;height:10px;border-radius:999px;background:#24272d;animation:skeleton-pulse 1.5s ease-in-out infinite alternate}@keyframes skeleton-pulse{to{background:#2b2f37}}.state{display:flex;min-height:160px;flex-direction:column;align-items:center;justify-content:center;padding:22px 18px;text-align:center}.state__icon{display:inline-grid;width:34px;height:34px;place-items:center;margin-bottom:11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-icon);color:#9298a5}.state--error .state__icon{border-color:#493034;background:#211719;color:#bf888d}.state h3{margin:0;color:#dde0e5;font-size:11.5px;font-weight:560}.state p{max-width:270px;margin:5px 0 0;color:var(--text-muted);font-size:10px;line-height:1.55}.state__action{margin-top:13px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--text-muted);font-size:10px}.pagination__count strong{color:var(--text-secondary);font-weight:550}.pagination__actions{display:inline-flex;gap:4px}.pagination__actions .icon-button{width:27px;height:27px;border-color:var(--border);background:#15171b}.pagination__actions .icon-button:disabled{opacity:.35}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:9px;font-weight:590;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.data-table td{padding:11px 14px;border-bottom:1px solid #202329;color:var(--text-secondary);font-size:10.5px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background var(--motion)}.data-table tbody tr:hover{background:var(--surface-hover)}.table-primary{color:#dee0e5;font-weight:540}.foundation-page{display:grid;gap:26px}.welcome-card{display:flex;min-height:152px;flex-direction:column;justify-content:space-between;padding:21px 23px 0;overflow:hidden;border:1px solid #2A2D35;border-radius:var(--radius-lg);background:#131519}.welcome-card__content{display:flex;align-items:flex-start;gap:15px;padding-bottom:18px}.welcome-card__icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid #343740;border-radius:10px;background:#191b20;color:#aab7f0}.welcome-card h2{margin:5px 0;font-size:17px;font-weight:570;letter-spacing:-.025em;line-height:1.35}.welcome-card__content p:last-child{max-width:650px;margin:0;color:var(--text-secondary);font-size:11.5px;line-height:1.6}.welcome-card__foot{display:flex;min-height:35px;align-items:center;justify-content:space-between;border-top:1px solid var(--border);color:var(--text-muted);font-size:9.5px}.welcome-card__foot span:first-child{display:inline-flex;align-items:center;gap:6px;color:#98b7a3}.welcome-card__foot span:first-child svg{color:#83aa91}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:-8px}.section-heading-row h2{margin:3px 0 0;font-size:15px;font-weight:570;letter-spacing:-.015em}.section-heading-row p:last-child{margin:3px 0 0;color:var(--text-muted);font-size:10.5px}.foundation-tag{padding:4px 8px;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:9px}.foundation-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(235px,.85fr);gap:14px}.showcase-card{padding:17px}.showcase-card--wide{min-height:280px}.showcase-card .tabs{margin:0 0 14px}.preview-overview{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.preview-overview--controls{grid-template-columns:1fr}.preview-overview--states{grid-template-columns:1fr 1fr;align-items:stretch}.preview-overview--states .state{min-height:155px;border:1px solid var(--border);border-radius:var(--radius-md);background:#111317}.preview-control{display:grid;min-width:0;gap:9px;align-content:start}.preview-control--full{grid-column:1 / -1}.button-row,.status-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.skeleton-preview{display:grid;align-content:center;gap:11px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:#111317}.skeleton-preview__line{width:82%}.skeleton-preview__line--short{width:48%}.skeleton-preview__block{width:100%;height:48px;border-radius:var(--radius-sm)}.status-list{display:grid;gap:13px;padding:3px 0 17px}.action-stack{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--border)}.action-stack .button{width:100%}.section-heading-row--lower{margin-top:3px}.state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.state-card{display:flex;min-height:208px;align-items:stretch;justify-content:center;padding:8px}.state-card .state{width:100%}.state--loading{display:grid;align-content:center;justify-items:start;gap:12px;padding-right:23px;padding-left:23px}.state--loading .sample-label{margin-bottom:3px}.table-card{padding:17px 0 0;overflow:hidden}.table-card>.card-heading{margin:0;padding:0 17px 15px}.table-card>.pagination{padding:12px 17px 14px;border-top:1px solid var(--border)}.table-card .data-table td,.table-card .data-table th{padding-right:17px;padding-left:17px}.placeholder-page{display:grid;gap:14px;padding-top:5px}.placeholder-card{display:grid;min-height:min(440px,58vh);place-items:center;padding:24px}.placeholder-card .state{max-width:440px}@media(max-width:1120px){.sidebar{width:var(--sidebar-collapsed-width);padding-right:10px;padding-left:10px}.app-shell__main{margin-left:var(--sidebar-collapsed-width)}.sidebar__brand-row{justify-content:center;margin-right:0;margin-left:0}.brand__text,.sidebar__nav-label,.nav-item>span,.account-trigger__copy,.account-dropdown>summary>svg,.sidebar__collapse>span{display:none}.nav-item{justify-content:center;padding:0}.nav-item--active:before{left:-10px}.sidebar__account{display:flex;justify-content:center}.account-dropdown>.dropdown__trigger{justify-content:center;padding:4px}.account-trigger{justify-content:center}.sidebar__collapse{justify-content:center;padding:0}.foundation-grid{grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr)}.topbar,.main-content{padding-right:27px;padding-left:27px}}@media(max-width:760px){:root{--topbar-height: 68px}.sidebar{width:min(292px,calc(100vw - 56px));padding:19px 13px 12px;transform:translate(-105%);visibility:hidden;box-shadow:none}.sidebar--mobile-open{transform:translate(0);visibility:visible;box-shadow:20px 0 50px #0000007a}.sidebar__brand-row{justify-content:space-between;margin-right:2px;margin-left:2px}.brand__text,.sidebar__nav-label,.nav-item>span,.account-trigger__copy,.account-dropdown>summary>svg,.sidebar__collapse>span{display:flex}.brand__text{flex-direction:column}.sidebar__mobile-close{display:inline-grid}.nav-item{justify-content:flex-start;padding:0 11px}.nav-item>span{display:block}.sidebar--collapsed .brand__text{display:flex;flex-direction:column}.sidebar--collapsed .sidebar__nav-label{display:block}.sidebar--collapsed .nav-item{justify-content:flex-start;padding:0 11px}.sidebar--collapsed .nav-item>span{display:block}.sidebar--collapsed .nav-item--active:before{left:-1px}.nav-item--active:before{left:-1px}.sidebar__account{display:block}.account-dropdown>.dropdown__trigger{justify-content:space-between;padding:5px 6px}.account-trigger{justify-content:flex-start}.sidebar--collapsed .sidebar__account{display:block}.sidebar--collapsed .account-trigger__copy{display:flex}.sidebar--collapsed .account-dropdown>summary>svg{display:block}.sidebar--collapsed .account-dropdown>.dropdown__trigger{justify-content:space-between;padding:5px 6px}.sidebar--collapsed .account-trigger{justify-content:flex-start}.sidebar__collapse{display:none}.mobile-scrim{position:fixed;inset:0;z-index:35;display:block;border:0;background:#0009}.app-shell__main,.app-shell--collapsed .app-shell__main{margin-left:0}.topbar{min-height:var(--topbar-height);justify-content:flex-start;gap:12px;padding:11px 15px}.topbar__menu{display:inline-grid}.topbar__title{min-width:0}.topbar__title h1{font-size:15px}.topbar__breadcrumb{font-size:8px}.topbar__meta{margin-left:auto;padding:5px 7px;font-size:9px;white-space:nowrap}.topbar__meta .status-dot{width:5px;height:5px}.main-content{min-height:calc(100vh - var(--topbar-height) - 40px);padding:20px 15px 30px}.icon-button,.pagination__actions .icon-button{width:34px;height:34px}.app-footer{padding-right:15px;padding-left:15px}.foundation-page{gap:21px}.welcome-card{min-height:150px;padding:17px 16px 0}.welcome-card__content{gap:12px}.welcome-card__icon{width:34px;height:34px}.welcome-card h2{font-size:15px}.welcome-card__content p:last-child{font-size:10.5px}.foundation-grid{grid-template-columns:1fr}.showcase-card--wide{min-height:unset}.state-grid{grid-template-columns:1fr}.state-card{min-height:177px}.preview-overview--states{grid-template-columns:1fr}.preview-overview--states .state{min-height:145px}.section-heading-row h2{font-size:14px}.table-card>.card-heading{align-items:center}}@media(max-width:430px){.topbar__meta{max-width:112px;overflow:hidden;text-overflow:ellipsis}.topbar__breadcrumb{letter-spacing:.065em}.welcome-card__foot{font-size:9px}.field-grid,.preview-overview{grid-template-columns:1fr}.preview-control--full{grid-column:auto}.preview-overview--states{grid-template-columns:1fr}.tabs{width:100%;justify-content:space-between}.tab{flex:1;padding:0 7px}.showcase-card{padding:14px}.data-table th,.data-table td{padding-right:12px;padding-left:12px}.app-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.demo-badge .status-dot{background:var(--info);box-shadow:none}.admin-page{display:grid;min-width:0;gap:18px}.admin-page-heading{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:18px}.admin-page-heading>div:first-child{min-width:0}.admin-page-heading h2{margin:4px 0;color:var(--text-primary);font-size:20px;font-weight:590;letter-spacing:-.035em;line-height:1.25}.admin-page-heading>div:first-child>p:last-child{max-width:720px;margin:0;color:var(--text-secondary);font-size:12px;line-height:1.55}.admin-page-heading__actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:8px}.demo-notice{display:flex;min-height:36px;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--info);font-size:10.5px;line-height:1.45}.demo-notice .status-dot{width:6px;height:6px;flex:0 0 auto;background:var(--info);box-shadow:none}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{display:grid;min-height:118px;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-items:start;gap:6px;padding:14px 16px}.metric-card__icon{display:inline-grid;width:28px;height:28px;grid-column:2;grid-row:1 / span 2;place-items:center;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-icon);color:var(--info)}.metric-card__label{grid-column:1;grid-row:1 / span 2;align-self:center;max-width:150px;color:var(--text-secondary);font-size:11px;line-height:1.45}.metric-card__value{grid-column:1;grid-row:3;color:var(--text-primary);font-size:24px;font-weight:590;letter-spacing:-.045em;line-height:1}.admin-card{min-width:0;padding:0;overflow:hidden}.admin-card>.card-heading{margin:0;padding:15px 17px 12px;border-bottom:1px solid var(--border)}.admin-card>.table-wrap{border-top:1px solid var(--border)}.admin-card>.card-heading+.table-wrap{border-top:0}.admin-card>.table-wrap .data-table th:first-child,.admin-card>.table-wrap .data-table td:first-child{padding-left:17px}.admin-card>.table-wrap .data-table th:last-child,.admin-card>.table-wrap .data-table td:last-child{padding-right:17px}.admin-card>.state{min-height:200px}.admin-table--recent .data-table{min-width:650px}.admin-table--students .data-table{min-width:920px}.admin-table--classes .data-table{min-width:890px}.admin-table--guardians .data-table{min-width:790px}.admin-table--teachers .data-table{min-width:590px}.admin-table--requests .data-table{min-width:1100px}.table-toolbar{display:flex;align-items:flex-end;gap:11px;padding:12px 17px 13px}.table-toolbar .search-field{width:min(350px,100%)}.table-toolbar>.field{width:min(190px,100%)}.table-primary{color:#dee0e5}.table-link{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:0;color:#cfd7f5;font-size:11px;font-weight:550;text-align:left;transition:color var(--motion)}.table-link:hover{color:#fff}.row-actions{display:flex;align-items:center;gap:2px}.row-actions .button{padding-right:7px;padding-left:7px}.guardian-table-list{display:grid;gap:5px}.guardian-table-line{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--text-secondary)}.guardian-table-line__name{color:#d1d4dc}.guardian-table-line .status{font-size:9px}.relationship-table-list{display:grid;gap:5px}.relationship-table-list>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px}.relationship-table-list strong{color:#d1d4dc;font-weight:520}.relationship-table-list small{color:var(--text-muted);font-size:10px}.student-name-list{display:block;max-width:290px;line-height:1.5}.muted-copy{color:var(--text-muted)}.detail-list{display:grid;margin:0}.detail-row{display:grid;grid-template-columns:minmax(125px,.75fr) minmax(0,1.25fr);align-items:start;gap:14px;padding:11px 0;border-bottom:1px solid var(--border)}.detail-row:first-child{padding-top:2px}.detail-row:last-child{border-bottom:0}.detail-row dt{color:var(--text-muted);font-size:10.5px;font-weight:530}.detail-row dd{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:7px;margin:0;color:#e0e1e5;font-size:11.5px;line-height:1.5}.detail-row--stacked{grid-template-columns:1fr;gap:7px}.detail-palm-list{display:grid;width:100%;gap:7px}.detail-palm-list>span{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.detail-palm-list strong{color:#dde0e5;font-size:11px;font-weight:520}.detail-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.detail-section h3{margin:0 0 8px;color:#dde0e5;font-size:11.5px;font-weight:570}.simple-record-list,.relationship-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.simple-record-list li,.relationship-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);color:#dde0e5;font-size:11px}.simple-record-list li:last-child,.relationship-list li:last-child{border-bottom:0}.simple-record-list small,.relationship-list span{color:var(--text-muted);font-size:10px}.relationship-list strong{font-weight:520}.admin-form{display:grid;gap:14px}.admin-form .field{min-width:0}.admin-form .dialog__actions{margin-top:4px}.choice-group{min-width:0;margin:0;padding:0;border:0}.choice-group legend{margin-bottom:3px;color:#d8dae0;font-size:10.5px;font-weight:550}.choice-group legend span{color:var(--text-muted);font-weight:430}.choice-group>.field__hint{margin:3px 0 8px}.choice-list{display:grid;max-height:218px;gap:4px;overflow:auto;padding:2px 3px 2px 0}.choice-option{display:flex;min-height:38px;align-items:center;gap:9px;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-deep);cursor:pointer;transition:background var(--motion),border-color var(--motion)}.choice-option:hover{background:var(--surface-hover);border-color:var(--border-strong)}.choice-option:focus-within{box-shadow:var(--focus-ring)}.choice-option input{width:14px;height:14px;flex:0 0 auto;accent-color:var(--accent)}.choice-option__copy{display:flex;min-width:0;flex:1;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 10px}.choice-option__copy strong{color:#d8dae0;font-size:10.5px;font-weight:520}.choice-option__copy small{color:var(--text-muted);font-size:9.5px}.choice-option--disabled{opacity:.46;cursor:not-allowed}.choice-option--disabled input{cursor:not-allowed}.form-error{margin:0;color:#da9699;font-size:10.5px;line-height:1.5}.palm-readonly{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:10.5px}.dialog--form{width:min(530px,calc(100vw - 28px))}.dialog--detail{width:min(535px,calc(100vw - 28px))}.dialog--wide{width:min(900px,calc(100vw - 28px));max-height:calc(100vh - 28px)}.dialog--wide .dialog__body{max-height:calc(100vh - 115px);overflow:auto}.import-flow{display:grid;gap:12px}.import-step{display:flex;align-items:center;gap:9px}.import-step>span{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:1px solid var(--border-subtle);border-radius:7px;background:var(--surface-icon);color:#bdcaff;font-size:10px;font-weight:600}.import-step>div{display:grid;gap:2px}.import-step strong{color:#dde0e5;font-size:10.5px;font-weight:550}.import-step small{color:var(--text-muted);font-size:9.5px;line-height:1.45}.upload-zone{display:flex;min-height:72px;align-items:center;gap:12px;padding:12px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-deep);cursor:pointer;transition:border-color var(--motion),background var(--motion)}.upload-zone:hover{border-color:#58678d;background:#141720}.upload-zone:focus-within{box-shadow:var(--focus-ring)}.upload-zone__icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid var(--border-subtle);border-radius:9px;background:var(--surface-icon);color:#afc1fc;font-size:9px;font-weight:650}.upload-zone>span:last-child{display:grid;gap:4px}.upload-zone strong{color:#dde0e5;font-size:10.5px;font-weight:550}.upload-zone small{color:var(--text-muted);font-size:9px;line-height:1.45}.selected-file{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-deep)}.selected-file>div{display:grid;min-width:0;gap:4px}.selected-file strong{overflow:hidden;color:#dde0e5;font-size:10.5px;font-weight:520;text-overflow:ellipsis;white-space:nowrap}.selected-file small{color:var(--text-muted);font-size:9px}.import-error{padding:9px 10px;border:1px solid #4A3134;border-radius:var(--radius-sm);background:#211719}.import-empty{padding:18px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:10px;text-align:center}.validation-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-secondary);font-size:10px}.validation-errors{display:block;max-width:260px;color:#d79a83;font-size:9.5px;line-height:1.4}.page-loading{display:grid;gap:12px;padding:6px 0}.page-loading__line{width:260px;height:14px}.page-loading__line--short{width:170px}.page-loading__block{width:100%;height:230px;margin-top:4px;border-radius:var(--radius-lg)}@media(max-width:950px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.admin-page{gap:15px}.admin-page-heading{align-items:flex-start;flex-direction:column;gap:12px}.admin-page-heading h2{font-size:18px}.admin-page-heading__actions{width:100%;justify-content:flex-start}.admin-page-heading__actions .button{flex:1 1 auto}.metric-card{min-height:105px;padding:13px}.metric-card__label{max-width:130px;font-size:10px}.metric-card__value{font-size:22px}.table-toolbar{align-items:stretch;flex-direction:column}.table-toolbar .search-field,.table-toolbar>.field{width:100%;max-width:none}.admin-card>.card-heading{padding-right:14px;padding-left:14px}.admin-card>.table-wrap .data-table th:first-child,.admin-card>.table-wrap .data-table td:first-child{padding-left:14px}.admin-card>.table-wrap .data-table th:last-child,.admin-card>.table-wrap .data-table td:last-child{padding-right:14px}.dialog__actions{flex-wrap:wrap}.dialog__actions .button{flex:1}}@media(max-width:430px){.metric-grid{gap:8px}.metric-card{min-height:99px;padding:11px}.metric-card__icon{width:25px;height:25px}.metric-card__label{max-width:108px;font-size:9.5px}.metric-card__value{font-size:20px}.demo-notice{align-items:flex-start;font-size:9.5px}.admin-page-heading__actions{flex-direction:column;align-items:stretch}.admin-page-heading__actions .button{width:100%}.detail-row{grid-template-columns:1fr;gap:5px}.dialog--wide .dialog__body{max-height:calc(100vh - 105px)}}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px 18px;background:var(--background)}.auth-panel{width:min(100%,400px);padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand-mark{display:block;border-radius:8px}.brand__text{display:flex;flex-direction:column;gap:1px}.brand__text strong{font-size:12px;font-weight:700;letter-spacing:.055em;line-height:1.25;color:var(--text-primary)}.brand__text small{color:var(--text-muted);font-size:10px;line-height:1.35}.auth-header{margin-bottom:24px}.auth-panel__title{margin:6px 0 0;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--text-primary)}.auth-panel__lead{margin:8px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.55}.auth-form{display:grid;gap:14px;margin-top:22px}.auth-form .form-error{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid #4A3134;border-radius:var(--radius-sm);background:#211719}.auth-form .form-error>svg{flex:0 0 auto;margin-top:2px;color:#bf888d}.auth-form .form-error>span{flex:1}.auth-submit{width:100%;margin-top:4px}.auth-panel__foot{margin:20px 0 0;padding-top:15px;border-top:1px solid var(--border);color:var(--text-muted);font-size:10.5px;line-height:1.5}.auth-denied{display:grid;gap:15px;justify-items:start}.auth-denied__reason{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.55}.auth-error{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #4A3134;border-radius:var(--radius-sm);background:#211719;color:var(--text-secondary)}.auth-error>svg{flex:0 0 auto;margin-top:2px;color:#bf888d}.auth-error strong{display:block;margin-bottom:2px;color:#cf9397;font-size:11.5px;font-weight:560}.auth-error p{margin:0;font-size:11px;line-height:1.5}@media(max-width:430px){.auth-shell{padding:16px 12px}.auth-panel{padding:24px 20px 20px}.auth-brand{margin-bottom:22px}}.account-menu-action{padding:7px 9px 5px}.account-menu-action .button{width:100%}