:root{color-scheme:dark;--bg:#0e1117;--panel:#151a22;--panel-2:#191f29;--line:#272f3b;--line-soft:#222a35;--text:#edf1f6;--muted:#8b96a6;--dim:#657183;--mint:#70e1bf;--mint-dark:#142f2a;--blue:#7baeff;--green:#75d6a9;--red:#ff8585;--amber:#e9c47c;--font:'Manrope','Segoe UI',sans-serif;--mono:'DM Mono',Consolas,monospace}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:2px}a{color:var(--mint);text-decoration:none}.hidden{display:none!important}.accent-dot{color:var(--mint)}
.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(350px,1fr) minmax(390px,560px);background:#11151c}.login-art{position:relative;min-height:100vh;overflow:hidden;background:#141d23;border-right:1px solid #263037;display:flex;flex-direction:column;padding:42px 52px}.art-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(#435552 1px,transparent 1px),linear-gradient(90deg,#435552 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.art-orbit{position:absolute;border:1px solid #416457;border-radius:50%;opacity:.46;transform:rotate(-30deg)}.orbit-a{width:660px;height:270px;left:2%;top:34%;}.orbit-b{width:580px;height:200px;left:9%;top:38%;transform:rotate(30deg);border-color:#547887}.login-brand,.brand{position:relative;display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:1.4px;font-size:12px}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--mint);color:#11231f;font-size:19px;font-weight:800;letter-spacing:0;box-shadow:0 4px 18px #70e1bf33}.login-quote{position:absolute;left:52px;bottom:20%;z-index:1}.login-quote p{font-size:30px;font-weight:600;letter-spacing:0;margin:0 0 10px}.login-quote span{color:#9eafa9;font-size:13px}.login-art-meta{position:absolute;bottom:32px;left:52px;right:52px;display:flex;justify-content:space-between;color:#72837e;font:10px var(--mono);letter-spacing:1px}.login-panel{width:min(100%,420px);justify-self:center;align-self:center;padding:42px 24px}.mobile-brand{display:none}.eyebrow{font-size:10px;letter-spacing:1.15px;text-transform:uppercase;color:var(--mint);font-weight:700;margin:0 0 9px}.login-panel h1{font-size:29px;letter-spacing:0;margin:0 0 8px;font-weight:700}.login-subtitle{color:var(--muted);margin:0 0 34px}.field-label{display:block;color:#b8c0cc;font-size:11px;font-weight:600;margin:19px 0 8px}.input-wrap{height:45px;border:1px solid #303946;border-radius:5px;background:#171c24;display:flex;align-items:center;padding:0 12px;gap:10px}.input-wrap:focus-within,.text-input:focus,.search-wrap:focus-within{border-color:#70e1bf88}.input-wrap input{min-width:0;flex:1;color:var(--text);background:none;border:0;outline:0}.input-wrap input::placeholder,.search-wrap input::placeholder{color:#667283}.input-icon{color:#8c99a8;font-family:var(--mono)}.ghost-icon{border:0;background:none;color:#8c99a8;padding:4px}.login-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0 22px;font-size:11px;color:var(--muted)}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#a2adba;font-size:11px}.check input{position:absolute;opacity:0;width:1px;height:1px}.check span{width:15px;height:15px;border:1px solid #485363;border-radius:3px;display:inline-grid;place-items:center}.check input:checked+span{background:var(--mint);border-color:var(--mint)}.check input:checked+span:after{content:'✓';font-size:10px;color:#10221e;font-weight:900}.primary-btn,.outline-btn{border:0;border-radius:5px;background:var(--mint);color:#10221e;font-weight:700;min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:filter .15s,transform .15s}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-btn b{font-size:15px;font-weight:500}.full-btn{width:100%;height:46px}.form-hint{text-align:center;font-size:10px;color:#697587;margin:13px 0 0}
.toolbar{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:12px}.search-wrap{height:34px;display:flex;align-items:center;gap:8px;border:1px solid #303946;border-radius:4px;background:#171d25;padding:0 10px;flex:1;max-width:390px;color:#788596}.search-wrap input{background:transparent;outline:0;border:0;color:var(--text);min-width:0;flex:1;font-size:10px}.outline-btn{border:1px solid #35404c;color:#c0c9d4;background:#1b222b;min-height:32px;padding:0 10px;gap:9px;font-size:10px}.outline-btn:hover{border-color:#70e1bf77;color:var(--mint)}.license-panel{padding:0 14px}.license-panel .data-table{min-width:890px}.table-footer{height:48px;border-top:1px solid #29313d;display:flex;align-items:center;justify-content:space-between;color:#788597;font-size:9px}.pager{display:flex;gap:5px}.pager button{background:#1b222b;border:1px solid #303946;border-radius:3px;color:#aab4c1;min-width:26px;height:25px;font-size:9px}.pager button.current{color:#10221e;background:var(--mint);border-color:var(--mint)}.pager button:disabled{opacity:.4;cursor:default}.generate-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px;align-items:start}.generate-form,.preview-panel{padding:20px}.generate-form .panel-head{margin-bottom:16px}.step-badge{border:1px solid #36434a;border-radius:3px;padding:4px 7px;color:#9bacaa;font:9px var(--mono)}.generate-form .field-label{margin:17px 0 7px}.text-input{height:39px;width:100%;border:1px solid #303946;border-radius:4px;background:#171d25;color:#d7dee6;padding:0 11px;font-size:11px}.text-input:focus{outline:0;border-color:#70e1bf88}.text-input option{background:#171d25}.textarea{height:auto;resize:vertical;padding:9px 11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.number-input{height:39px;display:flex;border:1px solid #303946;border-radius:4px;background:#171d25;align-items:center}.number-input button{width:33px;height:100%;border:0;background:none;color:#9ba7b5}.number-input input{min-width:0;width:100%;height:100%;background:transparent;border:0;outline:0;text-align:center;color:#e0e7ef;font:11px var(--mono)}.optional{color:#707d8d;font-size:9px;font-weight:400;margin-left:5px}.generate-form .full-btn{margin-top:25px}.preview-live{display:flex;gap:6px;align-items:center;font-size:9px;color:#82d7aa}.preview-card{margin-top:22px;border:1px solid #364b44;border-radius:5px;background:linear-gradient(145deg,#1b2928,#18201f);padding:17px;position:relative;overflow:hidden}.preview-card:after{content:'K';position:absolute;font-size:145px;font-weight:800;color:#ffffff06;right:1px;bottom:-57px;line-height:1}.preview-card-top{display:flex;justify-content:space-between;align-items:center}.preview-label{font:9px var(--mono);letter-spacing:1px;color:#96aaa5}.preview-chip{font-size:8px;border-radius:3px;background:#233143;color:#91b8fa;padding:3px 6px}.preview-card>strong{display:block;font:14px var(--mono);letter-spacing:.7px;color:#e5eeea;margin:19px 0}.preview-meta{display:flex;gap:42px}.preview-meta span{display:flex;flex-direction:column;gap:3px}.preview-meta small{font-size:8px;color:#82928e}.preview-meta b{font-size:10px;font-weight:600}.preview-divider{border-top:1px dashed #52615e;margin:15px 0 10px}.preview-foot{display:flex;justify-content:space-between;font:8px var(--mono);color:#71837e;letter-spacing:.6px}.tip-box{display:flex;gap:10px;margin-top:16px;padding:11px;background:#1b2528;border:1px solid #283a3a;border-radius:4px;color:#8eaaa0}.tip-box>span{color:var(--mint)}.tip-box p{margin:0;font-size:9px;line-height:1.7}.result-panel{margin-top:14px;padding:16px}.result-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.result-heading h3{font-size:12px;margin:0}.result-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.result-code{font:10px var(--mono);background:#10161c;border:1px solid #28313b;border-radius:3px;padding:9px;color:#b9dccd;overflow-wrap:anywhere}.logs-filter{padding:12px;border-bottom:1px solid #29313d}.logs-list{padding:0 15px}.log-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:11px;align-items:start;border-bottom:1px solid #252e39;padding:15px 0}.log-item:last-child{border-bottom:0}.log-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#21352f;color:var(--mint)}.log-copy strong{font-size:10px;font-weight:600}.log-copy p{margin:4px 0 0;color:#8b97a5;font-size:9px}.log-item time{color:#728091;font:9px var(--mono);white-space:nowrap}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{padding:18px}.settings-title{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #29313d}.settings-icon{width:31px;height:31px;background:#21352f;color:var(--mint);display:grid;place-items:center;border-radius:5px}.settings-icon.lilac-bg{background:#302c40;color:#b7a7f4}.settings-title h3{font-size:11px;margin:0}.settings-title p{font-size:9px;color:#7f8b9a;margin:3px 0 0}.details-list{margin:0}.details-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #252e39;padding:12px 0;font-size:10px}.details-list>div:last-child{border:0;padding-bottom:0}.details-list dt{color:#8d99a8}.details-list dd{margin:0;color:#ccd4de}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #252e39;cursor:pointer}.toggle-row:last-child{border:0}.toggle-row>span{display:flex;flex-direction:column}.toggle-row strong{font-size:10px}.toggle-row small{color:#7c8998;font-size:9px;margin-top:3px}.toggle-row input{position:absolute;opacity:0}.toggle-row i{width:30px;height:17px;border-radius:20px;background:#37414d;position:relative;transition:.2s}.toggle-row i:after{content:'';position:absolute;left:2px;top:2px;width:13px;height:13px;background:#d8dee5;border-radius:50%;transition:.2s}.toggle-row input:checked+i{background:#4cac8e}.toggle-row input:checked+i:after{left:15px;background:white}.toast-region{position:fixed;right:18px;top:16px;z-index:99;display:grid;gap:8px}.toast{background:#1c252c;border:1px solid #354a43;border-left:3px solid var(--mint);padding:10px 14px;border-radius:4px;color:#dce8e2;font-size:11px;box-shadow:0 8px 24px #0005;animation:appear .18s}.toast.error{border-left-color:var(--red)}.modal-backdrop{position:fixed;inset:0;background:#05080ccc;z-index:50;display:grid;place-items:center;padding:16px}.modal{width:min(100%,480px);background:#171d25;border:1px solid #343e4b;border-radius:6px;box-shadow:0 20px 70px #0009;padding:19px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h3{font-size:13px;margin:0}.modal-close{border:0;background:none;color:#93a0ae;font-size:20px}.modal-copy{color:#9ba7b5;font-size:10px;margin:0 0 16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.danger-btn{background:#e98181;color:#261717}.danger-btn:hover{filter:brightness(1.08)}
@media(max-width:1100px){.sidebar{width:220px}.main-content{margin-left:220px}.content-wrap{padding:27px 24px 42px}.metric-grid{gap:9px}.metric-card{padding:15px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(245px,.9fr)}}
@media(max-width:820px){.login-view{grid-template-columns:1fr}.login-art{display:none}.login-panel{width:min(100%,440px);padding:28px 24px}.mobile-brand{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:48px}.sidebar{width:270px;transform:translateX(-100%);transition:transform .22s ease;box-shadow:10px 0 35px #0005}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block;background:none;border:0;color:#98a4b2;font-size:21px}.backdrop.show{display:block;position:fixed;inset:0;background:#05080c99;z-index:9}.main-content{margin-left:0}.menu-btn{display:block}.topbar{padding:0 18px}.breadcrumbs{margin-right:auto;margin-left:13px}.content-wrap{padding:24px 18px 40px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.quick-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quick-item{border-top:0;border:1px solid #29313d;border-radius:4px;padding:10px;align-items:flex-start;flex-wrap:wrap}.quick-item>span:nth-child(2){min-width:calc(100% - 42px)}.quick-item>b{display:none}.generate-layout{grid-template-columns:1fr 1fr;gap:10px}.generate-form,.preview-panel{padding:15px}.settings-grid{gap:10px}}
@media(max-width:600px){.login-panel{padding:23px 22px}.mobile-brand{margin-bottom:39px}.login-panel h1{font-size:26px}.content-wrap{padding:20px 13px 32px}.topbar{height:52px;padding:0 13px}.top-actions{gap:10px}.breadcrumbs{gap:7px;font-size:9px}.page-heading{align-items:flex-start;gap:9px;margin-bottom:16px}.page-heading h2{font-size:19px}.page-heading p:not(.eyebrow){font-size:10px}.page-heading>.primary-btn{min-height:34px;padding:0 9px;font-size:9px;gap:7px}.metric-grid{gap:8px;margin-bottom:10px}.metric-card{min-height:100px;padding:12px}.metric-value{font-size:22px;margin-top:8px}.metric-top{font-size:9px}.metric-icon{width:23px;height:23px}.metric-foot{font-size:8px}.dashboard-grid{gap:10px;margin-bottom:10px}.chart-panel,.quick-panel,.recent-panel{padding:13px}.chart-wrap{height:173px}.chart-wrap canvas{height:148px}.quick-list{grid-template-columns:1fr;gap:0}.quick-item{border:0;border-top:1px solid #252e39;border-radius:0;padding:10px 0;align-items:center;flex-wrap:nowrap}.quick-item:first-child{border-top:0}.quick-item>span:nth-child(2){min-width:0}.quick-item>b{display:block}.recent-panel .panel-head{margin-bottom:5px}.toolbar{flex-wrap:wrap;padding:8px;gap:7px}.toolbar .search-wrap{max-width:none;flex-basis:100%}.toolbar .select-compact{flex:1;max-width:none}.license-panel{padding:0 9px}.license-panel .table-footer{height:auto;min-height:46px}.license-panel .table-footer>span{max-width:60%;line-height:1.4}.generate-layout{grid-template-columns:1fr}.generate-form,.preview-panel{padding:15px}.preview-card{margin-top:15px}.result-codes{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.log-item{grid-template-columns:27px minmax(0,1fr);gap:8px}.log-item time{grid-column:2}.logs-filter{padding:9px}.modal{padding:15px}.form-row{gap:9px}.top-avatar{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* APerf Core brand, application management, and selectable glass surfaces. */
.brand-logo{width:38px;height:38px;flex:none;object-fit:cover;border:1px solid #c7ccd24a;border-radius:5px;background:#050505;box-shadow:0 5px 18px #0008}.login-brand .brand-logo,.mobile-brand .brand-logo{width:44px;height:44px}.login-brand,.mobile-brand{letter-spacing:0;text-transform:none;font-size:14px}.brand strong{font-size:12px;letter-spacing:0;text-transform:none;color:#e1e4e8}.app-manager{overflow:hidden}.app-form{padding:20px;border-bottom:1px solid var(--line);display:grid;gap:8px}.app-form-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.app-form-title h3{font-size:12px;margin:0}.app-form-title p{font-size:9px;color:var(--muted);margin:4px 0 0}.app-form .field-label{margin:9px 0 0}.app-form-actions{display:flex;justify-content:flex-end;margin-top:7px}.app-table{min-width:650px}.app-name-cell{font-size:11px}.app-id-cell{font:10px var(--mono);color:var(--muted)}.theme-settings{grid-column:1/-1;padding:18px}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:16px}.theme-option{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);padding:10px;color:var(--text)}.theme-option>span{min-width:0;display:grid;gap:3px}.theme-option strong{font-size:10px}.theme-option small{color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-option>b{opacity:0;color:var(--mint);font-size:12px}.theme-option.selected{border-color:var(--mint);box-shadow:0 0 0 1px color-mix(in srgb,var(--mint) 24%,transparent)}.theme-option.selected>b{opacity:1}.theme-swatch{width:32px;height:32px;border-radius:4px;border:1px solid #ffffff30;display:block}.obsidian-swatch{background:linear-gradient(145deg,#08090b 0 52%,#bfc5cb 53% 58%,#32363c 60%)}.liquid-swatch{background:linear-gradient(135deg,#202c32,#82c6c9 48%,#1a2028)}.mist-swatch{background:linear-gradient(135deg,#424850,#d9e0e0 48%,#838b94)}.aurora-swatch{background:linear-gradient(135deg,#102a28,#52a78b 48%,#c0b981)}.silver-swatch{background:linear-gradient(135deg,#f2f3f4,#9ba3aa 52%,#323941)}

:root[data-theme="obsidian"]{color-scheme:dark;--bg:#090a0c;--panel:#111316;--panel-2:#17191d;--line:#2c3035;--line-soft:#25292e;--text:#edf0f3;--muted:#a0a7af;--dim:#767e87;--mint:#c8cdd2;--mint-dark:#25292d;--blue:#a8b6c4;--green:#aeb8b0;--red:#ed9999;--amber:#ddc18c}
:root[data-theme="liquid"]{color-scheme:dark;--bg:#101416;--panel:#1a2023c9;--panel-2:#242c30c9;--line:#9ac7c838;--line-soft:#9ac7c825;--text:#edf6f5;--muted:#a8bfbe;--dim:#76908f;--mint:#8ee0d2;--mint-dark:#1a3835;--blue:#a5c9ee;--green:#9fe2c8;--red:#f1a4a4;--amber:#ecd194}
:root[data-theme="mist"]{color-scheme:dark;--bg:#181b20;--panel:#272c33c9;--panel-2:#343a43c9;--line:#d0d6df35;--line-soft:#d0d6df26;--text:#f4f5f7;--muted:#c1c6ce;--dim:#9299a3;--mint:#d4d8e0;--mint-dark:#353941;--blue:#b7c9de;--green:#bdd5c8;--red:#e9aaaa;--amber:#e8d5a4}
:root[data-theme="aurora"]{color-scheme:dark;--bg:#101916;--panel:#17211dcf;--panel-2:#202d27d6;--line:#72b99b40;--line-soft:#72b99b2e;--text:#ecf5ef;--muted:#a4b9ad;--dim:#748b7e;--mint:#9cdbad;--mint-dark:#20392b;--blue:#a7c9d7;--green:#a9dfa9;--red:#e99c97;--amber:#d8cb8a}
:root[data-theme="silver"]{color-scheme:light;--bg:#e7e9eb;--panel:#f7f8f9;--panel-2:#eceef0;--line:#cbd0d4;--line-soft:#d9dde0;--text:#22272c;--muted:#5f6871;--dim:#7c858e;--mint:#555f68;--mint-dark:#d8dde1;--blue:#657d98;--green:#567d68;--red:#a54c4c;--amber:#8a6b28}

:root[data-theme="liquid"] body{background-color:var(--bg);background-image:linear-gradient(125deg,#88d8ca13,transparent 32%,#a3c7ec10 68%,transparent)}
:root[data-theme="mist"] body{background-color:var(--bg);background-image:linear-gradient(135deg,#e0e6ef0a,transparent 40%,#b8c2cf12)}
:root[data-theme="aurora"] body{background-color:var(--bg);background-image:linear-gradient(130deg,#53b58b0c,transparent 38%,#d3c87c0a 72%,transparent)}
:root[data-theme="silver"] body{background-color:var(--bg);background-image:linear-gradient(145deg,#ffffffaa,#e1e4e7 48%,#d6d9dc)}
:root[data-theme="liquid"] .panel,:root[data-theme="liquid"] .metric-card,:root[data-theme="liquid"] .sidebar,:root[data-theme="liquid"] .topbar,:root[data-theme="liquid"] .workspace-switch,:root[data-theme="liquid"] .modal,:root[data-theme="liquid"] .login-panel{backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
:root[data-theme="mist"] .panel,:root[data-theme="mist"] .metric-card,:root[data-theme="mist"] .sidebar,:root[data-theme="mist"] .topbar,:root[data-theme="mist"] .workspace-switch,:root[data-theme="mist"] .modal,:root[data-theme="mist"] .login-panel{backdrop-filter:blur(24px) saturate(110%);-webkit-backdrop-filter:blur(24px) saturate(110%)}
:root[data-theme="aurora"] .panel,:root[data-theme="aurora"] .metric-card,:root[data-theme="aurora"] .sidebar,:root[data-theme="aurora"] .topbar,:root[data-theme="aurora"] .modal{backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
:root[data-theme="silver"] .sidebar,:root[data-theme="silver"] .topbar{background:#f4f5f6eF}:root[data-theme="silver"] .workspace-switch,:root[data-theme="silver"] .input-wrap,:root[data-theme="silver"] .text-input,:root[data-theme="silver"] .number-input,:root[data-theme="silver"] .search-wrap,:root[data-theme="silver"] .select-compact{background:#fff;color:var(--text);border-color:var(--line)}:root[data-theme="silver"] .nav-item{color:#5f6871}:root[data-theme="silver"] .nav-item:hover,:root[data-theme="silver"] .nav-item.active{background:#dfe3e6;color:#273039}:root[data-theme="silver"] .breadcrumbs strong,:root[data-theme="silver"] .brand strong{color:#22272c}:root[data-theme="silver"] .data-table td{color:#424a52}:root[data-theme="silver"] .license-code{color:#242a30}:root[data-theme="silver"] .preview-card{background:linear-gradient(145deg,#353c43,#171b1f);color:#f3f5f7}:root[data-theme="silver"] .theme-option{color:#252b31}:root[data-theme="silver"] .theme-option small{color:#626b74}
:root[data-theme="obsidian"] .sidebar,:root[data-theme="obsidian"] .topbar{background:#0d0e10}:root[data-theme="obsidian"] .nav-item.active{background:#25292d}:root[data-theme="obsidian"] .preview-card{background:linear-gradient(145deg,#24282d,#131619);border-color:#777e85}:root[data-theme="obsidian"] .preview-card:after{content:'AP'}
:root[data-theme="liquid"] .sidebar,:root[data-theme="liquid"] .topbar{background:#12191ad9}:root[data-theme="liquid"] .nav-item.active{background:#243432}:root[data-theme="liquid"] .preview-card{background:linear-gradient(145deg,#263a3d,#182224);backdrop-filter:blur(16px)}
:root[data-theme="mist"] .sidebar,:root[data-theme="mist"] .topbar{background:#20252bcc}:root[data-theme="mist"] .nav-item.active{background:#3a4148}:root[data-theme="mist"] .preview-card{background:linear-gradient(145deg,#414952,#292e35);border-color:#8a929c}
:root[data-theme="aurora"] .sidebar,:root[data-theme="aurora"] .topbar{background:#121c17d9}:root[data-theme="aurora"] .nav-item.active{background:#263b30}:root[data-theme="aurora"] .preview-card{background:linear-gradient(145deg,#24382e,#18231c);border-color:#6a9279}
:root[data-theme="silver"] .panel,:root[data-theme="silver"] .metric-card{box-shadow:0 3px 13px #252c3210}:root[data-theme="silver"] .nav-count,:root[data-theme="silver"] .user-meta span{color:#707880}

@media(max-width:900px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-option:last-child{grid-column:1/-1}.app-form{padding:15px}}
@media(max-width:600px){.theme-grid{grid-template-columns:1fr}.theme-option:last-child{grid-column:auto}.app-form .form-row{grid-template-columns:1fr;gap:0}.app-form-actions .primary-btn{width:100%}.app-table{min-width:610px}.brand-logo{width:34px;height:34px}.mobile-brand .brand-logo{width:42px;height:42px}.theme-settings{padding:14px}}

/* Interaction motion and immediate feedback for async operations. */
@keyframes viewEnter{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}
@keyframes modalEnter{from{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:none}}
@keyframes modalLeave{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.975)}}
@keyframes toastEnter{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes toastLeave{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px) scale(.97)}}
.view-section.active{animation:viewEnter .24s cubic-bezier(.22,.8,.24,1) both}
.modal-backdrop{opacity:0;transition:opacity .18s ease;pointer-events:auto}
.modal-backdrop.is-open{opacity:1}
.modal-backdrop.is-closing{opacity:0;pointer-events:none}
.modal{transform:translateY(10px) scale(.975);transition:transform .2s cubic-bezier(.22,.8,.24,1)}
.modal-backdrop.is-open .modal{transform:none}
.modal-backdrop.is-closing .modal{animation:modalLeave .18s ease both}
.toast{opacity:0;transform:translateY(-8px) scale(.97);animation:none;transition:opacity .18s ease,transform .18s ease}
.toast.is-visible{opacity:1;transform:none;animation:toastEnter .2s cubic-bezier(.22,.8,.24,1) both}
.toast:not(.is-visible){animation:toastLeave .18s ease both}
button,.nav-item,.icon-btn,.row-action,.theme-option,.workspace-switch,.search-wrap,.input-wrap,.text-input,.number-input,.select-compact{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease}
button.is-busy{position:relative;cursor:wait;pointer-events:none;opacity:.82}
button.is-busy:after{content:'';width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .65s linear infinite;display:inline-block;margin-left:7px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.view-section.active,.modal-backdrop.is-closing .modal,.toast.is-visible,.toast:not(.is-visible){animation:none}.modal-backdrop,.modal,.toast{transition-duration:.01ms!important}}
.nav-item[hidden]{display:none!important}
.team-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.team-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;color:var(--muted);font-size:10px}
.team-stat strong{color:var(--text);font:600 21px var(--mono)}
.team-panel{overflow:hidden}
.team-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line)}
.team-panel-head>div{display:grid;gap:4px;min-width:0}
.team-panel-head strong{font-size:12px;color:var(--text)}
.team-panel-head span{font-size:9px;color:var(--muted)}
.team-table{min-width:980px}
.team-table td{height:66px}
.team-identity{display:flex;align-items:center;gap:10px;min-width:190px}
.team-avatar{width:31px;height:31px;display:grid;place-items:center;flex:none;border:1px solid color-mix(in srgb,var(--mint) 36%,var(--line));border-radius:50%;background:color-mix(in srgb,var(--mint) 13%,var(--panel-2));color:var(--mint);font-size:11px;font-weight:700}
.team-identity>span:last-child{display:grid;gap:3px;min-width:0}
.team-identity strong{display:flex;align-items:center;gap:6px;max-width:250px;color:var(--text);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-identity small{max-width:240px;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis}
.team-you{padding:2px 5px;border-radius:10px;background:color-mix(in srgb,var(--mint) 16%,transparent);color:var(--mint);font-size:8px;font-style:normal;font-weight:500}
.team-role-control{display:flex;align-items:center;gap:6px;min-width:175px}
.team-role-control .select-compact{min-width:115px;max-width:130px;height:32px;padding:0 8px;font-size:9px}
.team-role-control .row-action,.team-actions .row-action{min-height:31px;padding:5px 8px;font-size:9px}
.team-mfa-state{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);font-size:9px}
.team-mfa-state i{width:7px;height:7px;border-radius:50%;background:var(--dim)}
.team-mfa-state.enabled{color:var(--green)}
.team-mfa-state.enabled i{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent)}
.team-id{color:var(--muted);font:9px var(--mono)}
.team-actions{display:flex;align-items:center;gap:5px;min-width:300px}
.team-actions button:disabled{opacity:.45;cursor:not-allowed}
.team-error{color:var(--red)!important}
.team-modal{width:min(100%,500px)}
.team-modal .field-label{margin-top:14px}
.team-modal .text-input{height:42px}
.team-modal .modal-actions{margin-top:20px}
.page-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none}
.logs-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px}
.logs-filter .search-wrap{flex:2 1 230px;max-width:380px;min-width:200px;min-height:36px}
.logs-filter .select-compact{flex:1 1 125px;min-width:120px;max-width:none;min-height:36px}
.logs-field{display:flex;align-items:center;gap:7px;flex:1 1 145px;min-width:135px;min-height:36px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);color:var(--muted)}
.logs-field>span{flex:none;font-size:9px;white-space:nowrap}
.logs-field input{width:100%;min-width:0;height:32px;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}
.logs-field input::placeholder{color:var(--dim)}
.logs-date-field{flex:1 1 165px}
.logs-date-field input{color-scheme:dark}
.logs-filter .logs-count{flex:0 0 auto;margin-left:auto}
:root[data-theme="silver"] .logs-date-field input{color-scheme:light}
:root[data-theme="silver"] .team-you{background:#e2e8e6}
@media(max-width:900px){.team-summary{gap:9px}.team-stat{padding:13px}.team-table{min-width:960px}}
@media(max-width:600px){.team-summary{grid-template-columns:1fr;gap:7px}.team-stat{padding:11px 13px}.team-stat strong{font-size:18px}.team-panel-head{align-items:flex-start;padding:12px}.team-panel-head .outline-btn{min-height:34px;white-space:nowrap}.team-table{min-width:960px}.team-modal .modal-actions>*{min-width:110px}.page-heading-actions{flex-direction:column;align-items:stretch;gap:5px}.page-heading-actions .outline-btn{min-height:34px;padding:0 8px;font-size:9px;white-space:nowrap}.logs-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.logs-filter .search-wrap,.logs-filter .logs-count{grid-column:1/-1;width:100%;max-width:none;margin:0}.logs-filter .select-compact{min-width:0;width:100%;flex:none}.logs-field,.logs-date-field{min-width:0;width:100%;flex:none}.logs-field input{font-size:10px}}
.modal{max-height:calc(100dvh - 32px);overflow:auto}
:root[data-theme="silver"] .login-view{background:var(--bg);color:var(--text)}
:root[data-theme="silver"] .login-art{background:#f1f3f4;border-right-color:var(--line);color:var(--text)}
:root[data-theme="silver"] .login-quote span,:root[data-theme="silver"] .login-art-meta{color:var(--muted)}
:root[data-theme="silver"] .login-panel{background:var(--panel);border:1px solid var(--line);border-radius:6px}
.security-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.security-actions .outline-btn{min-height:34px;font-size:10px;padding:0 10px}
:root[data-theme="silver"] .field-label{color:var(--muted)}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root[data-theme="liquid"] .panel,:root[data-theme="liquid"] .metric-card,:root[data-theme="liquid"] .sidebar,:root[data-theme="liquid"] .topbar,:root[data-theme="liquid"] .workspace-switch,:root[data-theme="liquid"] .modal,:root[data-theme="liquid"] .login-panel,:root[data-theme="mist"] .panel,:root[data-theme="mist"] .metric-card,:root[data-theme="mist"] .sidebar,:root[data-theme="mist"] .topbar,:root[data-theme="mist"] .workspace-switch,:root[data-theme="mist"] .modal,:root[data-theme="mist"] .login-panel,:root[data-theme="aurora"] .panel,:root[data-theme="aurora"] .metric-card,:root[data-theme="aurora"] .sidebar,:root[data-theme="aurora"] .topbar,:root[data-theme="aurora"] .modal{background-color:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme="liquid"] .sidebar,:root[data-theme="liquid"] .topbar,:root[data-theme="mist"] .sidebar,:root[data-theme="mist"] .topbar,:root[data-theme="aurora"] .sidebar,:root[data-theme="aurora"] .topbar{background-color:var(--bg)}}

/* Core workspace layout. Keep the shell/sidebar rules explicit so the dashboard
   does not depend on browser defaults for divs, buttons, or nav elements. */
.app-shell{min-height:100vh;display:flex;align-items:stretch}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;display:flex;flex-direction:column;width:256px;min-height:100vh;overflow-y:auto;background:var(--panel);border-right:1px solid var(--line);padding:22px 16px 15px}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line-soft)}
.sidebar-top .brand{min-width:0}
.sidebar-close{display:none}
.workspace-switch{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:0 12px;text-align:left}
.workspace-switch>div{display:grid;min-width:0;flex:1}
.workspace-switch small,.brand small{display:block;color:var(--muted);font-size:9px;font-weight:500;letter-spacing:.04em}
.main-nav{display:grid;gap:4px}
.nav-heading{color:var(--dim);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nav-heading.spaced{margin-top:21px}
.nav-item{width:100%;display:flex;align-items:center;text-align:left;border:0;background:transparent;color:var(--muted);cursor:pointer}
.nav-item:hover,.nav-item.active{color:var(--text);background:var(--panel-2)}
.nav-icon{width:20px;flex:none;text-align:center;color:currentColor;font-size:15px}
.nav-item>span:nth-child(2){min-width:0;flex:1}
.nav-count{color:var(--dim);font:10px var(--mono)}
.sidebar-bottom{display:grid;gap:12px;margin-top:auto;padding-top:20px}
.status-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:8px 10px;color:var(--muted);font-size:10px}
.status-pill i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}
.status-pill small{margin-left:auto;color:var(--dim);font:9px var(--mono)}
.status-pill.is-error i{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 15%,transparent)}
.user-card{display:flex;align-items:center;min-width:0}
.user-meta{display:grid;min-width:0;flex:1}
.user-meta strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-meta span{color:var(--muted);font-size:9px}
.more-btn{border:0;background:transparent;color:var(--muted);padding:4px 6px}
.main-content{min-width:0;min-height:100vh;flex:1;margin-left:256px}
.topbar{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line-soft)}
.menu-btn{display:none;border:0;background:transparent;color:var(--muted);padding:4px}
.breadcrumbs{display:flex;align-items:center;gap:10px;min-width:0;color:var(--muted)}
.top-actions{display:flex;align-items:center;margin-left:auto}
	.top-actions{gap:8px}
	.icon-btn,.menu-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);line-height:1}
	.icon-btn:hover,.menu-btn:hover{background:var(--panel-2);border-color:var(--line);color:var(--text)}
	.top-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--mint);color:var(--bg);font-size:13px;font-weight:800;line-height:1}
.backdrop{display:none}
.view-section:not(.active){display:none}
	/* Base content primitives. These rules keep cards, tables, and controls out of
	   the browser's default block/button layout when later theme overrides load. */
	.content-wrap{max-width:1500px;padding:32px 34px 52px;margin:0 auto}
	.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px}
	.page-heading>div{min-width:0}
	.page-heading h2{margin:0;font-size:22px;line-height:1.25;font-weight:700}
	.page-heading p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:11px}
	.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px}
	.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:15px}
	.metric-card{position:relative;min-width:0;min-height:120px;padding:17px 18px;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}
	.metric-top{display:flex;justify-content:space-between;align-items:center}
	.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,.95fr);gap:14px;margin-bottom:14px}
	.chart-panel,.quick-panel,.recent-panel{min-width:0;padding:17px 18px}
	.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
	.panel-head>div{min-width:0}
	.quick-list{display:grid;gap:0;margin-top:12px}
	.quick-item{width:100%;display:flex;align-items:center;gap:10px;border:0;border-top:1px solid var(--line-soft);background:transparent;color:inherit;padding:12px 0;text-align:left}
	.quick-item:first-child{border-top:0}
	.quick-item>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}
	.quick-icon{display:grid;place-items:center;flex:none}
	.chart-legend{display:flex;align-items:center;gap:18px;margin:18px 0 3px;color:var(--muted);font-size:11px}
	.chart-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}
	.legend-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%}
	.legend-dot.blue{background:var(--blue)}
	.legend-dot.green{background:var(--green)}
	.chart-wrap{position:relative;height:205px}
	.chart-wrap canvas{display:block;width:100%;height:178px}
	.chart-labels{display:flex;align-items:center;justify-content:space-between;height:20px;color:var(--dim);font:9px var(--mono);white-space:nowrap}
	.chart-labels span{display:block}
	.row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
	.row-action{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border:1px solid #37414d;border-radius:5px;background:var(--surface-muted);color:var(--muted);font-size:10px;line-height:1;white-space:nowrap}
	.data-table{width:100%;border-collapse:collapse;min-width:730px;text-align:left}
	.data-table th{height:38px;color:var(--muted);font-size:9px;font-weight:600;border-bottom:1px solid var(--line);white-space:nowrap}
	.data-table td{height:51px;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:10px;white-space:nowrap}
	.data-table tbody tr:last-child td{border-bottom:0}
	.table-scroll{width:100%;overflow:auto}
	.view-section.active{display:block}
/* Refined workspace hierarchy and responsive control sizing. */
:root{--surface-raised:color-mix(in srgb,var(--panel) 78%,var(--panel-2));--focus-ring:color-mix(in srgb,var(--mint) 38%,transparent);--shadow-soft:0 12px 32px #00000016}
body{font-size:14px;line-height:1.55}
.sidebar{width:256px;padding:24px 16px 15px}
.main-content{margin-left:256px}
.sidebar-top{padding-bottom:28px}
.workspace-switch{height:58px;margin-bottom:27px;border-radius:7px;box-shadow:inset 0 1px #ffffff08}
.nav-heading{font-size:10px;margin-bottom:9px}
.nav-item{height:42px;border-radius:6px;font-size:12px;gap:12px;padding:0 11px;transition:background .16s,color .16s,transform .16s}
.nav-item:hover{transform:translateX(2px)}
.nav-item.active{box-shadow:inset 2px 0 var(--mint)}
.main-content{min-width:0}
.topbar{height:64px;padding:0 38px;background:color-mix(in srgb,var(--bg) 92%,var(--panel));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.breadcrumbs{font-size:11px}
.content-wrap{max-width:1580px;padding:38px 42px 60px}
.page-heading{margin-bottom:26px;min-height:58px}
.page-heading h2{font-size:25px;line-height:1.25}
.page-heading p:not(.eyebrow){font-size:12px;margin-top:7px}
.eyebrow{font-size:10px;letter-spacing:.08em}
.panel,.metric-card{border-radius:8px;box-shadow:var(--shadow-soft)}
.panel-head h3{font-size:14px}
.panel-head p{font-size:10px}
.metric-grid{gap:14px;margin-bottom:18px}
.metric-card{min-height:132px;padding:20px 21px}
.metric-top{font-size:11px}
.metric-icon{width:30px;height:30px;border-radius:7px}
.metric-value{font-size:29px;margin-top:12px;line-height:1.15}
.metric-foot{font-size:10px}
.dashboard-grid{gap:16px;margin-bottom:17px}
.chart-panel,.quick-panel,.recent-panel{padding:20px 21px}
.chart-wrap{height:205px}
.chart-wrap canvas{height:178px}
.chart-legend{font-size:10px;margin-top:20px}
.quick-list{margin-top:15px}
.quick-item{padding:14px 0;gap:12px}
.quick-icon{width:34px;height:34px;border-radius:7px}
.quick-item strong{font-size:11px}
.quick-item small{font-size:10px}
.data-table th{height:43px;font-size:10px}
.data-table td{height:56px;font-size:11px}
.license-code{display:inline-block;max-width:320px;font-size:11px;white-space:normal;overflow-wrap:anywhere;word-break:break-all}.license-code.is-plaintext{color:#b9dccd;font-weight:600;letter-spacing:.15px}
.generated-license-panel{padding:14px;margin-bottom:12px;border-color:#315046}.generated-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.generated-panel-head>div:first-child{display:flex;flex-direction:column;gap:4px}.generated-panel-head strong{font-size:11px;color:var(--text)}.generated-panel-head span{font-size:9px;color:var(--muted)}.generated-panel-actions{display:flex;align-items:center;gap:8px}.generated-panel-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.generated-panel-code{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;background:#10161c;border:1px solid #283b35;border-radius:5px}.generated-panel-code code{font:10px var(--mono);color:#b9dccd;overflow-wrap:anywhere}.generated-panel-code .row-action{flex:0 0 auto}
.status-tag{font-size:10px;padding:5px 8px;border-radius:4px}
.toolbar{padding:12px;gap:10px;border-radius:8px}
.search-wrap{height:40px;border-radius:6px;padding:0 12px}
.search-wrap input,.select-compact{font-size:11px}
.select-compact{min-height:38px;border-radius:6px}
.primary-btn,.outline-btn{border-radius:6px;transition:filter .16s,transform .16s,box-shadow .16s}
.primary-btn{box-shadow:0 4px 14px color-mix(in srgb,var(--mint) 15%,transparent)}
.primary-btn:active,.outline-btn:active,.icon-btn:active{transform:translateY(1px)}
.outline-btn{min-height:38px;font-size:11px;border-radius:6px}
.generate-layout{gap:18px}
.generate-form,.preview-panel{padding:24px}
.text-input,.number-input{height:43px;border-radius:6px;font-size:12px}
.generate-form .field-label{font-size:12px;margin-top:19px}
.preview-card{padding:20px;border-radius:8px;box-shadow:inset 0 1px #ffffff12,0 12px 28px #0002}
.preview-card>strong{font-size:16px}
.preview-meta{gap:clamp(18px,3vw,42px)}
.tip-box{padding:13px;border-radius:6px}
.tip-box p{font-size:10px}
.settings-grid{gap:16px}
.settings-card,.theme-settings{padding:21px}
.settings-title h3{font-size:13px}
.settings-title p{font-size:10px}
.theme-option{border-radius:7px;padding:11px;transition:border-color .16s,transform .16s,background .16s}
.theme-option:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mint) 55%,var(--line))}
.theme-option strong{font-size:11px}
.theme-option small{font-size:9px}
.theme-swatch{border-radius:6px}
.log-item{padding:17px 0}
.log-copy strong{font-size:11px}
.log-copy p{font-size:10px}
.row-action{min-height:30px;border-radius:5px;font-size:10px;padding:5px 9px}
.icon-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;font-size:18px}
.icon-btn:hover{background:var(--panel-2);border-color:var(--line)}
.user-card{gap:11px}
.avatar,.top-avatar{width:32px;height:32px}
.toast{border-radius:7px;font-size:12px;box-shadow:0 12px 34px #0004}
.modal{border-radius:9px;box-shadow:0 24px 80px #0007;padding:23px}
.modal-head h3{font-size:15px}
.modal-copy{font-size:11px;line-height:1.65}
.login-view{grid-template-columns:minmax(0,1fr) minmax(420px,560px);background:var(--bg)}
.login-art{padding:48px 58px}
.login-quote{left:58px}
.login-quote p{font-size:34px}
.login-panel{padding:48px 30px}
.login-panel h1{font-size:32px}
.login-subtitle{font-size:13px;line-height:1.7}
.input-wrap{height:49px;border-radius:7px}
.field-label{font-size:12px}
.form-hint{font-size:11px}
.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}

@media(max-width:1100px){
  .sidebar{width:232px}.main-content{margin-left:232px}.content-wrap{padding:31px 27px 48px}
  .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.metric-card{padding:17px}.dashboard-grid{gap:12px}
}
.recycle-table{min-width:720px}.danger-outline{border-color:#734044!important;color:#ee9b9b!important}.license-editor .field-label{display:block}.license-editor .text-input{margin-bottom:4px}
@media(max-width:820px){
	  .sidebar{width:min(300px,86vw);padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(15px,env(safe-area-inset-bottom))}.main-content{margin-left:0}.topbar{height:60px;padding:0 22px}.menu-btn{display:block}
  .content-wrap{padding:29px 22px max(46px,env(safe-area-inset-bottom))}.page-heading h2{font-size:23px}
	  .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.metric-card{min-height:120px;padding:16px}.dashboard-grid{grid-template-columns:1fr}
  .quick-list{gap:10px}.quick-item{border:1px solid var(--line);border-radius:7px;padding:12px}
  .generate-layout{gap:12px}.generate-form,.preview-panel{padding:18px}
}
@media(max-width:600px){
  body{font-size:13px}.topbar{height:56px;padding:0 14px}.content-wrap{padding:23px 14px 36px}
  .topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .breadcrumbs{min-width:0;overflow:hidden}.breadcrumbs span,.breadcrumbs strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{flex:none}
  .page-heading{align-items:flex-start;gap:10px;margin-bottom:18px}.page-heading>div{min-width:0;flex:1}.page-heading h2{font-size:21px;overflow-wrap:anywhere}
  .page-heading p:not(.eyebrow){font-size:11px;line-height:1.45;max-width:34ch}
  .page-heading>.primary-btn{min-height:38px;padding:0 11px;font-size:10px;white-space:nowrap}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:112px;padding:13px;border-radius:7px}
  .metric-top{font-size:10px}.metric-value{font-size:24px}.metric-foot{font-size:9px}
  .chart-panel,.quick-panel,.recent-panel{padding:15px}.panel-head h3{font-size:13px}
  .toolbar{padding:9px;border-radius:7px}.toolbar .search-wrap{height:42px}.toolbar .select-compact,.toolbar .outline-btn{min-width:0;flex:1 1 0}.toolbar .select-compact{min-height:39px}
  .license-panel{border-radius:7px}.table-footer{font-size:10px}
  .generate-form,.preview-panel,.settings-card,.theme-settings{padding:16px}
  .text-input,.number-input{height:44px}.number-input button{width:42px}
  .preview-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preview-meta span{min-width:0}.preview-meta b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .theme-option{min-height:58px}.log-item{padding:14px 0}
  .icon-btn,.menu-btn{min-width:36px;min-height:36px}.top-actions{gap:6px}
  .toast-region{left:12px;right:12px;top:10px}.toast{max-width:100%;overflow-wrap:anywhere}
  .login-panel{padding:24px 22px}.mobile-brand{margin-bottom:38px}
  .modal-backdrop{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));align-items:center}
  .modal{width:100%;max-height:calc(100dvh - 24px);padding:18px}.modal-actions{flex-wrap:wrap}.modal-actions>*{flex:1;min-width:110px}
  .table-scroll{scrollbar-width:thin;overscroll-behavior-x:contain}
}


/* Audit log: dense, scannable rows with an expandable evidence view. */
.logs-panel{overflow:hidden}.logs-filter{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.logs-filter .search-wrap{max-width:430px}.logs-filter .select-compact{min-height:36px;min-width:150px}.logs-count{margin-left:auto;color:var(--muted);font:10px var(--mono);white-space:nowrap}.logs-table-scroll{overflow-x:auto}.logs-table{min-width:1080px}.logs-table th{height:42px}.logs-table td{height:62px;vertical-align:middle}.logs-table th:first-child,.logs-table td:first-child{padding-left:14px}.logs-table th:last-child,.logs-table td:last-child{padding-right:14px}.log-time{display:block;color:var(--text);font:10px var(--mono);white-space:nowrap}.log-actor{display:block;font-size:10px;color:var(--text);max-width:130px;overflow:hidden;text-overflow:ellipsis}.log-action{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--text)}.log-action .log-icon{width:22px;height:22px;flex:none;font-size:12px}.log-event{display:block;color:var(--muted);font:8px var(--mono);margin:4px 0 0}.log-detail-text{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-codes{display:flex;flex-direction:column;gap:3px;max-width:none;min-width:180px}.log-codes code{font:9px var(--mono);color:var(--mint);white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-all}.muted-cell{color:var(--muted)}.log-detail-row td{height:auto;background:var(--surface-muted);border-bottom:1px solid var(--line)}.log-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 16px}.log-detail-grid>div{display:grid;gap:5px;min-width:0}.log-detail-grid small{color:var(--muted);font-size:9px}.log-detail-grid span,.log-detail-grid code{color:var(--text);font:10px var(--mono);overflow-wrap:anywhere}.log-detail-toggle{white-space:nowrap}.log-detail-row[hidden]{display:none}
@media(max-width:820px){.logs-filter{flex-wrap:wrap}.logs-filter .search-wrap{flex:1 1 100%;max-width:none}.logs-filter .select-compact{flex:1}.logs-count{margin-left:auto}.log-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.logs-filter{padding:10px}.logs-count{width:100%;margin-left:0}.logs-table{min-width:1020px}.logs-table td{height:58px}.log-detail-grid{grid-template-columns:1fr;padding:11px 12px}.log-detail-text{max-width:190px}}
@media(max-width:370px){
  .content-wrap{padding-left:11px;padding-right:11px}.page-heading h2{font-size:19px}
  .page-heading>.primary-btn{padding:0 8px;gap:5px}.metric-card{padding:11px}.metric-top{font-size:9px}
  .breadcrumbs{font-size:9px}.notification{display:none}
}
@media(prefers-reduced-motion:reduce){.nav-item:hover,.theme-option:hover{transform:none}}

/* Final control sizing: keep the header and row actions consistent across
   browsers, including Chromium's native button defaults. */
.top-actions{gap:8px}
.top-actions .icon-btn{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;display:grid;place-items:center;line-height:1}
.top-actions .top-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--bg);font-size:13px;font-weight:800;line-height:1}
.chart-legend{display:flex;align-items:center;gap:18px}
.chart-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.chart-labels{display:flex;align-items:center;justify-content:space-between}
.row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.row-action{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border:1px solid #37414d;border-radius:5px;background:var(--surface-muted);line-height:1;white-space:nowrap}
@media(max-width:600px){.top-actions .icon-btn,.top-actions .top-avatar{width:36px;height:36px;min-width:36px;min-height:36px}.chart-legend{gap:12px;font-size:10px}.row-actions{justify-content:flex-start}}

/* License operations: make destructive and bulk actions clear without adding visual noise. */
.status-tag.blocked{color:#f2a0c0;background:#432a3a}
.danger-action,.danger-outline{color:#f0a0a0!important;border-color:#68404a!important}
.danger-action:hover,.danger-outline:hover{color:#ffc0c0!important;border-color:#dd788d!important;background:#3b252e!important}
.bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;margin:-4px 0 12px;border-color:color-mix(in srgb,var(--mint) 28%,var(--line));background:color-mix(in srgb,var(--mint-dark) 38%,var(--panel))}
.bulk-toolbar>div:first-child{display:flex;align-items:baseline;gap:10px;min-width:0}.bulk-toolbar strong{font-size:11px;color:var(--text)}.bulk-toolbar span{font-size:9px;color:var(--muted)}.bulk-actions{display:flex;align-items:center;gap:8px;flex:none}.bulk-actions .text-btn{font-size:10px}.device-usage{font:10px var(--mono);color:var(--muted)}.detail-device-list{max-width:210px;overflow-wrap:anywhere;font:10px var(--mono);line-height:1.75;color:var(--muted)}.page-size-select{flex:0 0 auto}
@media(max-width:820px){.bulk-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.bulk-actions{width:100%;flex-wrap:wrap}.bulk-actions .outline-btn{flex:1}.bulk-actions .text-btn{margin-left:auto}.license-panel .data-table{min-width:1120px}}
@media(max-width:600px){.bulk-toolbar{padding:11px}.bulk-toolbar>div:first-child{display:block}.bulk-toolbar>div:first-child span{display:block;margin-top:3px}.bulk-actions .outline-btn{min-height:38px}.page-size-select{flex:1 1 0}.detail-device-list{max-width:150px}}

/* License usage context: compact enough for the dense table, readable in the
   detail modal, and horizontally scrollable on small screens. */
.license-panel .data-table{min-width:1240px}
.license-ip,.detail-value-code{font:10px var(--mono);color:var(--mint);white-space:nowrap}
.license-location{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.license-presence{display:grid;gap:3px}
.license-presence strong{font:10px var(--mono);font-weight:500;color:var(--mint)}
.license-presence small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-records-list{display:grid;gap:7px;min-width:0}
.device-record{display:grid;gap:3px;padding:8px 9px;border:1px solid var(--line);border-radius:5px;background:var(--surface-muted);min-width:0}
.device-record strong{font:10px var(--mono);color:var(--text);overflow-wrap:anywhere}
.device-record span{font-size:9px;color:var(--muted);overflow-wrap:anywhere}
.details-list>div.details-wide{align-items:flex-start}
@media(max-width:600px){
  .license-panel .data-table{min-width:1240px}
  .license-location{max-width:130px}
  .details-list>div.details-wide{display:block}
  .details-list>div.details-wide dt{margin-bottom:7px}
}

/* Final visual polish: keep the dense operations surface calm, legible, and touch-friendly. */
:root{
  --surface-hover:color-mix(in srgb,var(--panel-2) 78%,var(--panel));
  --surface-muted:color-mix(in srgb,var(--panel) 72%,var(--bg));
  --line-strong:color-mix(in srgb,var(--line) 78%,var(--text));
}
::selection{background:color-mix(in srgb,var(--mint) 30%,transparent);color:var(--text)}
body{letter-spacing:.005em}
.sidebar{box-shadow:10px 0 35px #00000012}
.sidebar-top,.topbar{border-bottom-color:color-mix(in srgb,var(--line-soft) 75%,transparent)}
.workspace-switch{background:var(--surface-muted);border-color:var(--line);transition:border-color .16s,background .16s,transform .16s}
.workspace-switch:hover{background:var(--surface-hover);border-color:var(--line-strong);transform:translateY(-1px)}
.nav-item{position:relative}
.nav-item:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.nav-item.active{background:color-mix(in srgb,var(--mint-dark) 75%,var(--panel));}
.nav-item.active:after{content:'';position:absolute;right:8px;width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px color-mix(in srgb,var(--mint) 70%,transparent)}
.status-pill{background:var(--surface-muted);border-color:var(--line)}
.topbar{position:sticky;top:0;z-index:8}
.breadcrumbs strong{color:var(--text)}
.content-wrap{isolation:isolate}
.page-heading>div{min-width:0}
.page-heading>.primary-btn{flex:none}
.metric-card{overflow:hidden}
.panel{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,white 4%),var(--panel));}
.metric-card{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,white 6%),var(--panel));transition:transform .16s,box-shadow .16s,border-color .16s}
.metric-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 16px 34px #0000001c}
.panel-head{min-width:0}
.panel-head>div{min-width:0}
.panel-head h3,.panel-head p{overflow-wrap:anywhere}
.chart-panel,.quick-panel,.recent-panel{box-shadow:inset 0 1px #ffffff08,var(--shadow-soft)}
.quick-item{transition:background .16s,border-color .16s,padding-left .16s,padding-right .16s;border-radius:7px}
.quick-item:hover{background:var(--surface-hover);padding-left:9px;padding-right:9px}
.quick-item:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}
.data-table tbody tr{transition:background .14s}
.data-table tbody tr:hover{background:color-mix(in srgb,var(--panel-2) 62%,transparent)}
.data-table th{color:var(--muted);letter-spacing:.035em;text-transform:uppercase}
.data-table td{color:color-mix(in srgb,var(--text) 78%,var(--muted))}
.toolbar{background:color-mix(in srgb,var(--panel) 86%,var(--bg));border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.search-wrap:focus-within,.text-input:focus,.number-input:focus-within,.select-compact:focus{box-shadow:0 0 0 3px var(--focus-ring)}
.outline-btn{background:var(--surface-muted)}
.outline-btn:hover{background:var(--surface-hover)}
.primary-btn{min-height:42px}
.primary-btn:focus-visible,.outline-btn:focus-visible,.row-action:focus-visible,.theme-option:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.row-action{background:var(--surface-muted)}
.row-action:hover{background:var(--surface-hover)}
.theme-option.selected{background:color-mix(in srgb,var(--mint-dark) 34%,var(--panel-2))}
.theme-option>b{font-size:13px}
.preview-card{border-color:color-mix(in srgb,var(--mint) 28%,var(--line));}
.tip-box{background:color-mix(in srgb,var(--mint-dark) 55%,var(--panel));}
.log-item{transition:background .14s;padding-left:8px;padding-right:8px;border-radius:6px}
.log-item:hover{background:var(--surface-hover)}
.settings-card,.theme-settings{box-shadow:var(--shadow-soft)}
.security-card{grid-column:1/-1}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-items:end}.settings-form .field-label{margin-top:0}.settings-form .text-input{width:100%}.settings-form .outline-btn{width:max-content}.security-divider{height:1px;background:var(--line);margin:18px 0}.mfa-row,.sessions-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mfa-row strong,.sessions-head strong{display:block;font-size:12px}.mfa-row small,.session-item small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.mfa-panel{display:grid;gap:10px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:7px;background:var(--surface-muted)}.mfa-secret{display:block;overflow-wrap:anywhere;padding:9px;border-radius:5px;background:var(--bg);color:var(--mint);font:11px var(--mono)}.sessions-list{display:grid;gap:8px;margin-top:10px}.session-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-muted)}.session-item>div{min-width:0}.session-item strong{font-size:11px}.session-item small{overflow-wrap:anywhere}.security-card .outline-btn{min-height:36px}
.modal-backdrop{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.modal{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 95%,white 5%),var(--panel));}
.toast{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

/* LiquidGlass is an admin-only presentation layer: it never changes license API behavior. */
.liquid-filter-defs{position:fixed;left:0;top:0;overflow:hidden;pointer-events:none}
:root[data-theme="liquid"] .liquid-glass{
  background-image:
    radial-gradient(ellipse 72% 42% at var(--liquid-glint-x,26%) var(--liquid-glint-y,4%),rgba(233,255,252,.19),transparent 72%),
    linear-gradient(132deg,rgba(255,255,255,.17),rgba(255,255,255,.035) 30%,transparent 62%,rgba(174,234,229,.08));
  background-clip:padding-box;
  border-color:var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 1px 0 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.045),0 12px 34px rgba(0,0,0,.12);
  -webkit-backdrop-filter:blur(18px) saturate(158%) contrast(1.045);
  backdrop-filter:blur(18px) saturate(158%) contrast(1.045);
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="dark"]{
  --text:#effaf9;
  --muted:#b2c8c7;
  --dim:#879f9e;
  --line:rgba(196,239,235,.24);
  --line-soft:rgba(196,239,235,.13);
  --panel:rgba(18,30,33,.73);
  --panel-2:rgba(27,44,47,.78);
  --surface-muted:rgba(27,43,46,.78);
  --surface-hover:rgba(222,255,252,.085);
  background-color:var(--panel);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"]{
  --text:#15282a;
  --muted:#425b5c;
  --dim:#637879;
  --line:rgba(27,66,68,.25);
  --line-soft:rgba(27,66,68,.15);
  --panel:rgba(237,249,248,.79);
  --panel-2:rgba(225,242,241,.84);
  --surface-muted:rgba(237,249,248,.87);
  --surface-hover:rgba(255,255,255,.58);
  --shadow-soft:0 9px 28px rgba(32,58,60,.12);
  background-color:var(--panel);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .panel-head p,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .metric-foot,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .table-footer,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .data-table th,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .log-copy p{
  color:var(--muted);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .text-input,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .search-wrap,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .number-input,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .select-compact,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .input-wrap{
  color:var(--text);
  border-color:var(--line);
  background-color:rgba(246,253,252,.94);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .search-wrap,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .input-wrap{
  color:var(--muted);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .number-input input,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .search-wrap input,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .input-wrap input{
  color:var(--text);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .number-input button{
  color:var(--muted);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .text-input option{
  color:var(--text);
  background-color:#f6fdfc;
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .text-input::placeholder,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .search-wrap input::placeholder,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .input-wrap input::placeholder{
  color:var(--dim);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .nav-item,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .breadcrumbs,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .user-meta span{
  color:var(--muted);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .nav-item.active,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .nav-item:hover{
  background:rgba(31,83,83,.11);
  color:var(--text);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .brand strong,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .breadcrumbs strong{
  color:var(--text);
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .license-code,
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .log-codes{
  color:#173435;
}
:root[data-theme="liquid"] .liquid-glass[data-glass-tone="light"] .primary-btn{
  color:#102a29;
}
:root[data-theme="liquid"] .preview-card.liquid-glass[data-glass-tone="light"]>strong,
:root[data-theme="liquid"] .preview-card.liquid-glass[data-glass-tone="light"] .preview-meta b{
  color:var(--text);
}
:root[data-theme="liquid"] .preview-card.liquid-glass[data-glass-tone="light"] .preview-label,
:root[data-theme="liquid"] .preview-card.liquid-glass[data-glass-tone="light"] .preview-meta small,
:root[data-theme="liquid"] .preview-card.liquid-glass[data-glass-tone="light"] .preview-foot{
  color:var(--muted);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root[data-theme="liquid"] .liquid-glass{background-color:var(--panel);background-image:linear-gradient(135deg,rgba(255,255,255,.12),transparent 56%)}
}
@supports (backdrop-filter:url(#liquid-refraction)){
  :root[data-theme="liquid"] .liquid-glass{
    -webkit-backdrop-filter:url(#liquid-refraction) blur(18px) saturate(158%) contrast(1.045);
    backdrop-filter:url(#liquid-refraction) blur(18px) saturate(158%) contrast(1.045);
  }
}
@media(prefers-reduced-motion:reduce){
  :root[data-theme="liquid"] .liquid-glass{transition:none}
}

@media(max-width:820px){
  .topbar{position:sticky}
  .content-wrap{max-width:none}
  .page-heading{align-items:flex-start}
  .page-heading>div{flex:1}
  .metric-card:hover{transform:none}
  .quick-item:hover{padding-left:12px;padding-right:12px}
}
@media(max-width:600px){
  .topbar{z-index:8}
  .generated-panel-head{align-items:flex-start;flex-direction:column}
  .generated-panel-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}
  .generated-panel-codes{grid-template-columns:1fr}
  .page-heading{display:flex;align-items:flex-start}
  .page-heading>.primary-btn{margin-top:2px}
  .panel-head{gap:8px}
  .panel-head h3{font-size:13px}
  .panel-head p{font-size:10px}
  .data-table th{font-size:9px}
  .data-table td{font-size:10px}
  .quick-item:hover{background:transparent}
  .modal-backdrop{padding:10px}
  .modal{width:100%;max-height:calc(100dvh - 20px)}
  .settings-form{grid-template-columns:1fr}.settings-form .outline-btn{width:100%}.mfa-row,.sessions-head{align-items:flex-start}.session-item{align-items:flex-start}
}
.policy-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.policy-row:last-child{border-bottom:0}.policy-row>span:first-child{display:grid;gap:4px;min-width:0}.policy-row strong{font-size:10px;color:var(--text)}.policy-row small{font-size:9px;line-height:1.6;color:var(--muted)}@media(max-width:640px){.policy-row{align-items:flex-start;flex-direction:column;gap:8px}}