:root{--bg:#fff;--bg-elevated:#fff;--ink:#000;--muted:#8e8e93;--line:#c6c6c8;--line-soft:#e5e5ea;--search-bg:#eef0f4;--tab-blue:#007aff;--tab-blue-soft:#d6e8ff;--fab-green:#0c700c;--fab-red:#ff3b5c;--fab-teal:#2a9d8f;--fab-purple:#7c18bc;--surface-blue:#eef2f6;--surface-blue-deep:#e4ebf2;--ink-soft:#3a3a3c;--ink-blue:#1c2a3a;--accent:var(--tab-blue);--accent-ink:#fff;--danger:#cf222e;--ok:#1a7f37;--error-bg:#ffe6f0;--ok-bg:#eef5ff;--shadow:0 8px 24px #00000014;--radius:8px;--sidebar-w:200px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:13px;line-height:1.3}*,:before,:after{box-sizing:border-box}body{background:linear-gradient(#eef2f6 0%,#e4ebf2 40%,#f7f8fa 100%);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.boot{min-height:100vh;color:var(--muted);place-items:center;display:grid}.muted{color:var(--muted)}.small{font-size:.78rem}.brand{letter-spacing:.06em;text-transform:uppercase;color:var(--tab-blue);margin:0;font-size:.78rem;font-weight:600}.login-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{background:var(--bg);width:min(380px,100%);box-shadow:var(--shadow);text-align:left;border:1px solid #9aadc2;border-radius:12px;gap:.65rem;padding:1.35rem 1.4rem;display:grid}.login-card .brand,.login-card h1,.login-card>.muted{text-align:center}.login-card h1{color:var(--ink-blue);margin:0;font-size:1.25rem;font-weight:650}.login-card p{margin:0}label{color:var(--ink-soft);gap:.25rem;font-size:.78rem;display:grid}label.check{align-items:center;gap:.5rem;display:flex}input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #c5ced8;border-radius:6px;padding:.38rem .55rem;font-size:.82rem}input:focus,select:focus{outline:2px solid var(--tab-blue-soft);border-color:var(--tab-blue)}.btn{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:6px;padding:.35rem .65rem;font-size:.8rem;font-weight:500}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--tab-blue);border-color:var(--tab-blue);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.05)}.btn.danger{color:var(--danger);background:#fff7f7;border-color:#e2b4b4}.btn.ghost{color:var(--tab-blue);background:0 0;border-color:#0000}.banner{border-radius:6px;margin-bottom:.65rem;padding:.45rem .65rem;font-size:.8rem}.banner.error{background:var(--error-bg);color:var(--fab-red)}.banner.ok{color:#1a5fc0;background:#eef5ff}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-right:1px solid #b7c6d6;flex-direction:column;gap:.55rem;height:100vh;padding:.65rem .5rem;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--line-soft);align-items:center;gap:.5rem;padding:.35rem .4rem .55rem;display:flex}.brand-mark{background:linear-gradient(145deg, var(--tab-blue), #2f6fed);color:#fff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;display:grid;box-shadow:0 3px 10px #007aff38}.brand-logo{object-fit:cover;border-radius:7px;flex:none;width:28px;height:28px;box-shadow:0 2px 6px #1c2a3a1f}.login-logo{object-fit:cover;border-radius:16px;width:72px;height:72px;margin:0 auto .15rem;display:block;box-shadow:0 4px 14px #1c2a3a1f}.brand-text{gap:0;display:grid}.brand-text strong{color:var(--ink-blue);font-size:.85rem}.sidebar nav{flex:1;align-content:start;gap:.15rem;display:grid}.nav-item{text-align:left;color:var(--ink-soft);background:0 0;border:0;border-radius:7px;align-items:center;gap:.45rem;padding:.4rem .5rem;font-size:.8rem;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--search-bg)}.nav-item.active{background:var(--tab-blue-soft);color:var(--tab-blue);font-weight:650}.nav-ico{background:var(--search-bg);border-radius:6px;place-items:center;width:22px;height:22px;font-size:.72rem;line-height:1;display:grid}.nav-item.active .nav-ico{color:var(--tab-blue);background:#fff}.sidebar-foot{border-top:1px solid var(--line-soft);gap:.35rem;padding:.55rem .3rem .2rem;display:grid}.user-chip{background:var(--search-bg);border-radius:7px;gap:.05rem;padding:.35rem .45rem;display:grid}.user-chip strong{color:var(--ink-blue);font-size:.78rem}.main{min-width:0;padding:.85rem 1rem 1.5rem;overflow:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:.7rem;display:flex}.page-header h1{color:var(--ink-blue);letter-spacing:-.02em;margin:0 0 .15rem;font-size:1.2rem;font-weight:700}.page-header p{max-width:58ch;margin:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.stat{border-radius:var(--radius);background:#fff;border:1px solid #9aadc2;gap:.1rem;padding:.55rem .65rem;display:grid;box-shadow:0 1px 4px #1c2a3a0a}.stat-value{color:var(--ink-blue);letter-spacing:-.03em;font-size:1.2rem;font-weight:700}.stat-label{color:var(--muted);font-size:.72rem;font-weight:500}.chart-grid{grid-template-columns:1.1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.panel{border-radius:var(--radius);background:#fff;border:1px solid #9aadc2;align-content:start;gap:.45rem;margin-bottom:.65rem;padding:.65rem .75rem;display:grid;box-shadow:0 1px 4px #1c2a3a0a}.panel h2,.panel h3{color:var(--ink-blue);margin:0;font-size:.88rem}.panel h3{margin-top:.25rem;font-size:.82rem}.panel-sub{color:var(--muted);margin:-.15rem 0 0;font-size:.75rem}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.list-notes{margin:.15rem 0 0;padding-left:1.1rem}.two-col{grid-template-columns:1.2fr .9fr;align-items:start;gap:1rem;display:grid}.stack{gap:1rem;display:grid}.entity-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.entity-list li{border:1px solid var(--line-soft);background:#fff;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;display:flex}.bar-chart{gap:.7rem;padding:.25rem 0;display:grid}.bar-row{grid-template-columns:88px 1fr 36px;align-items:center;gap:.65rem;display:grid}.bar-label{color:var(--ink-soft);font-size:.86rem;font-weight:500}.bar-track{background:var(--search-bg);border-radius:999px;height:12px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--tab-blue), #2f6fed);border-radius:999px;min-width:0;height:100%;transition:width .45s}.bar-fill.teal{background:linear-gradient(90deg, var(--fab-teal), #1f8a7e)}.bar-fill.green{background:linear-gradient(90deg, var(--fab-green), #1a7f37)}.bar-fill.purple{background:linear-gradient(90deg, var(--fab-purple), #9b3dd4)}.bar-value{color:var(--ink-blue);text-align:right;font-size:.86rem;font-weight:650}.donut-wrap{grid-template-columns:160px 1fr;align-items:center;gap:1rem;display:grid}.donut{width:160px;height:160px}.donut-legend{gap:.55rem;display:grid}.legend-row{color:var(--ink-soft);align-items:center;gap:.55rem;font-size:.9rem;display:flex}.swatch{border-radius:3px;flex:none;width:10px;height:10px}.placeholder-card{background:var(--surface-blue);color:#678;border:1px dashed #b7c6d6;border-radius:12px;padding:.9rem 1rem;font-size:.9rem}button.placeholder-card.attention-row{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;margin-top:.5rem;display:block}button.placeholder-card.attention-row:hover{color:#1c2a3a;border-color:#007aff}@media (width<=1100px){:root{--sidebar-w:220px}.main{padding:1.1rem 1.15rem 1.8rem}.page-header h1{font-size:1.5rem}.chart-grid,.two-col{grid-template-columns:1fr}.donut-wrap{grid-template-columns:1fr;justify-items:center}}@media (width<=980px){.chart-grid,.two-col{grid-template-columns:1fr}.donut-wrap{grid-template-columns:1fr;justify-items:center}}@media (width<=820px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #b7c6d6;border-right:0;height:auto;padding:.75rem .65rem;position:relative}.sidebar-brand{padding:.35rem .45rem .55rem}.sidebar nav{-webkit-overflow-scrolling:touch;grid-auto-columns:max-content;grid-auto-flow:column;gap:.25rem;padding-bottom:.15rem;overflow-x:auto}.nav-item{white-space:nowrap;padding:.55rem .7rem}.sidebar-foot{display:none}.main{padding:.85rem .85rem 1.5rem}.page-header{align-items:flex-start;margin-bottom:.85rem}.page-header h1{font-size:1.35rem}.page-header p{max-width:none}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.55rem}.stat{padding:.75rem .8rem}.stat-value{font-size:1.45rem}}@media (width<=480px){.login-page{padding:1rem}.login-card{border-radius:14px;padding:1.25rem}.main{padding:.65rem .65rem 1.25rem}.page-header h1{font-size:1.2rem}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{width:100%}.actions .btn{flex:auto}.platform-checks{grid-template-columns:1fr}.bulk-expiry-bar{flex-direction:column;align-items:stretch}.bulk-expiry-bar .btn{width:100%}}.user-bar,.platform-panel{margin-bottom:.65rem}.nav-group{gap:.15rem;display:grid}.nav-item-expand{width:100%}.nav-item-label{text-align:left;flex:auto;min-width:0}.nav-chevron{color:var(--muted);flex:none;font-size:.7rem}.nav-users-panel{gap:.35rem;padding:.25rem .2rem .35rem .55rem;display:grid}.nav-user-search{width:100%;padding:.3rem .4rem;font-size:.75rem}.nav-user-list{gap:.1rem;max-height:min(42vh,280px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.nav-user-item{text-align:left;cursor:pointer;width:100%;color:var(--ink-soft);background:0 0;border:0;border-radius:5px;gap:.02rem;padding:.35rem .4rem;display:grid}.nav-user-item:hover{background:var(--search-bg)}.nav-user-item.active{background:var(--tab-blue-soft);color:var(--tab-blue)}.nav-user-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.nav-user-item .small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-user-empty{text-align:center;padding:.4rem}.create-user-sheet{width:min(440px,100%)}.platform-checks{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:.65rem;display:grid}.platform-check-row{border:1px solid var(--line-soft);background:#fff;border-radius:6px;flex-direction:column;align-items:stretch;gap:.35rem;padding:.45rem .55rem;display:flex}.platform-check{flex-direction:row;align-items:center;gap:.55rem;width:100%;display:flex}.platform-check strong{white-space:normal;text-overflow:unset;font-size:.82rem;overflow:visible}.platform-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--tab-blue);flex:none}.platform-fields{flex-wrap:wrap;align-items:flex-end;gap:.65rem .85rem;display:flex}.platform-seats{flex-direction:column;flex:auto;align-items:flex-start;gap:.2rem;min-width:7rem;display:flex}.platform-seats input[type=number]{border:1px solid var(--line-soft);width:100%;max-width:5.5rem;font:inherit;border-radius:8px;padding:.35rem .45rem}.platform-seats input[type=date]{border:1px solid var(--line-soft);width:100%;max-width:11rem;font:inherit;border-radius:8px;padding:.35rem .45rem}@media (width<=720px){.platform-checks{grid-template-columns:1fr}}.device-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.device-row{border:1px solid var(--line-soft);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:.55rem;padding:.4rem .55rem;display:flex}.device-meta{flex-direction:column;gap:.15rem;min-width:0;display:flex}.danger-btn{color:#ff3b5c!important}.user-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.save-btn{min-width:120px;font-weight:650;background:var(--fab-green)!important;border-color:var(--fab-green)!important}.section-intro{margin:.15rem 0 .25rem}.section-intro h2{margin:0 0 .15rem;font-size:.9rem}.bulk-expiry-bar{border:1px solid var(--line-soft);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.55rem .75rem;margin:.65rem 0 .85rem;padding:.7rem .85rem;display:flex}.bulk-expiry-field{flex-direction:column;gap:.2rem;min-width:10rem;display:flex}.bulk-expiry-field input[type=date]{border:1px solid var(--line-soft);font:inherit;border-radius:8px;padding:.35rem .45rem}@media (width<=720px){.bulk-expiry-bar{flex-direction:column;align-items:stretch}.bulk-expiry-bar .btn{width:100%}}.catalog-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.catalog-col-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .6rem;margin-bottom:.35rem;display:flex}.catalog-col-head h2{margin:0}.catalog-select-actions{flex-wrap:wrap;gap:.25rem;display:flex}.catalog-select-actions .btn.small{padding:.2rem .55rem;font-size:.78rem}.catalog-list{gap:.35rem;max-height:min(62vh,720px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.catalog-empty{padding:.5rem 0}.catalog-row{border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.35rem .4rem;display:grid}.catalog-row.has-expiry{grid-template-columns:auto 1fr minmax(7.5rem,9.5rem) auto;align-items:end}.catalog-expiry{flex-direction:column;gap:.15rem;min-width:0;display:flex}.catalog-expiry input[type=date]{border:1px solid var(--line-soft);width:100%;font:inherit;border-radius:8px;padding:.3rem .35rem}.catalog-row:hover{background:var(--search-bg)}.catalog-row.is-inactive{opacity:.55}.catalog-check{place-items:center;margin:0;display:grid}.catalog-check input{width:20px;height:20px;accent-color:var(--tab-blue);cursor:pointer}.catalog-main{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;min-width:0;padding:.15rem 0;display:flex}.catalog-code{color:var(--ink-blue);font-variant-numeric:tabular-nums;font-weight:700}.catalog-name{color:var(--ink-soft);font-weight:500}.catalog-files{color:var(--muted);font-size:.86rem}.catalog-files.warn{color:var(--fab-red);font-weight:600}.pill.reduced{color:var(--fab-purple);vertical-align:middle;background:#f3e8ff;border-radius:999px;margin-left:.35rem;padding:.05rem .4rem;font-size:.72rem;font-weight:650;display:inline-block}.catalog-edit{background:var(--tab-blue);color:#fff;border:0;border-radius:8px;place-items:center;width:32px;height:32px;font-size:.95rem;display:grid}.catalog-edit:hover:not(:disabled){filter:brightness(1.08)}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;background:#1c2a3a59;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.sheet{background:#fff;border:1px solid #9aadc2;border-radius:16px;width:min(520px,100%);max-height:min(90vh,860px);padding:1rem 1.15rem 1.25rem;overflow:auto;box-shadow:0 16px 48px #0000002e}.sheet-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.sheet-header h2{color:var(--ink-blue);margin:0;font-size:1.2rem}.sheet-form{gap:.75rem;display:grid}.toggle-row{justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0;display:flex}.switch{background:#c6c6c8;border:0;border-radius:999px;width:48px;height:28px;padding:0;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--tab-blue)}.switch.on:after{transform:translate(20px)}.radio-row{border:1px solid var(--line-soft);border-radius:12px;flex-wrap:wrap;gap:.85rem;margin:0;padding:.65rem .8rem;display:flex}.radio-row legend{color:var(--muted);padding:0 .25rem;font-size:.85rem}.radio{flex-direction:row;align-items:center;gap:.4rem;display:flex}.radio input{width:auto}.dropzone{text-align:center;background:var(--surface-blue);border:1.5px dashed #b7c6d6;border-radius:12px;justify-items:center;gap:.35rem;padding:1.25rem;display:grid}.dropzone.over{border-color:var(--tab-blue);background:var(--tab-blue-soft)}.dropzone p{margin:0}.file-btn{cursor:pointer;margin-top:.35rem;display:inline-flex}.file-list{gap:.35rem;max-height:160px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.file-list li{background:var(--search-bg);border-radius:8px;padding:.4rem .55rem;font-size:.9rem}@media (width<=980px){.catalog-grid{grid-template-columns:1fr}.catalog-row.has-expiry{grid-template-columns:auto 1fr auto;grid-template-areas:"check main edit"".expiry."}.catalog-row.has-expiry .catalog-check{grid-area:check}.catalog-row.has-expiry .catalog-main{grid-area:main}.catalog-row.has-expiry .catalog-expiry{grid-area:expiry}.catalog-row.has-expiry .catalog-edit{grid-area:edit}}