:root{--bg: #f4f5f7;--surface: #fff;--surface-2: #f0f1f3;--surface-3: #e6e8eb;--ink: #202124;--ink-2: #5e626b;--ink-3: #8a8e97;--line: rgba(32, 33, 36, .1);--line-strong: rgba(32, 33, 36, .18);--blue: #5875e8;--blue-2: #4967dc;--blue-soft: rgba(88, 117, 232, .11);--orange: #ee7548;--orange-soft: rgba(238, 117, 72, .11);--green: #2c9b62;--green-soft: rgba(44, 155, 98, .1);--red: #d34f4b;--red-soft: rgba(211, 79, 75, .1);--yellow: #bd7a14;--yellow-soft: rgba(214, 151, 37, .12);--nav: #202229;--nav-2: #292c33;--nav-ink: #f2f3f5;--nav-muted: #989da8;--radius: 7px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--mono: "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--ease: cubic-bezier(.23, 1, .32, 1);--shadow: 0 18px 48px rgba(27, 30, 37, .18), 0 2px 8px rgba(27, 30, 37, .08)}html[data-theme=dark]{--bg: #17191e;--surface: #25272e;--surface-2: #2d3038;--surface-3: #353944;--ink: #f4f4f5;--ink-2: #bec1c8;--ink-3: #8b909b;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .17);--blue-soft: rgba(111, 137, 244, .16);--orange-soft: rgba(238, 117, 72, .14);--green-soft: rgba(65, 190, 124, .14);--red-soft: rgba(235, 94, 89, .14);--yellow-soft: rgba(214, 151, 37, .16);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:12px;line-height:1.45;letter-spacing:0;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;letter-spacing:0;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:15px;height:15px;stroke-width:1.8}.mono{font-family:var(--mono)}.muted{color:var(--ink-3)}:focus-visible{outline:2px solid rgba(88,117,232,.55);outline-offset:2px}.app{display:grid;height:100%;grid-template-columns:220px minmax(0,1fr)}.sidebar{display:flex;min-height:0;flex-direction:column;background:var(--nav);color:var(--nav-ink)}.brand{display:flex;height:58px;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700}.brand-mark{display:grid;width:29px;height:29px;place-items:center;border-radius:7px;background:#f5f5f6;color:#202229}.brand-mark svg{width:16px;height:16px;fill:currentColor;stroke:none}.brand-copy b{display:block;font-size:12px}.brand-copy span{display:block;margin-top:1px;color:var(--nav-muted);font-size:8.5px;font-weight:550;letter-spacing:.08em;text-transform:uppercase}.env{margin-left:auto;padding:2px 5px;border:1px solid rgba(255,255,255,.13);border-radius:4px;color:#e8b079;font:8px var(--mono);max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-scroll{min-height:0;flex:1;padding:14px 9px;overflow:auto}.nav-label{margin:13px 8px 5px;color:#717681;font-size:8px;font-weight:700;text-transform:uppercase}.nav-label:first-child{margin-top:0}.nav-item{display:flex;width:100%;height:33px;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#afb3bc;text-align:left}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#6f89f429;color:#9cadf4}.nav-item svg{width:14px;height:14px}.nav-item .count{min-width:18px;margin-left:auto;padding:1px 5px;border-radius:4px;background:#ffffff12;color:#9297a1;font:8px var(--mono);text-align:center}.sidebar-foot{padding:11px 12px;border-top:1px solid rgba(255,255,255,.08)}.admin-card{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.avatar{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;background:#ee754829;color:#f18d67;font-size:9px;font-weight:750}.admin-card b{display:block;font-size:9.5px}.admin-card span{display:block;color:var(--nav-muted);font-size:8px}.admin-card button{display:grid;width:25px;height:25px;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--nav-muted)}.admin-card button:hover{background:#ffffff12;color:#fff}.workspace{display:grid;min-width:0;min-height:0;grid-template-rows:58px 1fr}.topbar{display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.crumb{display:flex;min-width:0;align-items:center;gap:7px;color:var(--ink-3);font-size:10px}.crumb b{color:var(--ink);font-size:11px}.crumb svg{width:12px}.top-search{position:relative;width:min(360px,38vw);margin-left:auto}.top-search svg{position:absolute;top:8px;left:9px;width:13px;color:var(--ink-3)}.top-search input{width:100%;height:30px;padding:0 35px 0 29px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);outline:none}.top-search input:focus{border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 3px var(--blue-soft)}.top-search kbd{position:absolute;top:7px;right:8px;color:var(--ink-3);font:8px var(--mono)}.icon-btn,.btn{display:inline-flex;height:30px;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);box-shadow:0 1px 2px #1b1e250a;white-space:nowrap;transition:background .15s ease,transform .15s var(--ease)}.icon-btn{width:30px;padding:0}.btn:hover,.icon-btn:hover{background:var(--surface-2)}.btn:active,.icon-btn:active{transform:scale(.97)}.btn.primary{border-color:var(--blue);background:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-2)}.btn.danger{border-color:#d34f4b40;color:var(--red)}.btn.ghost{border-color:transparent;background:transparent;box-shadow:none}.btn.sm,.icon-btn.sm{height:26px;padding:0 8px;font-size:9px}.icon-btn.sm{width:26px;padding:0}.btn:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed}.content{min-width:0;min-height:0;padding:20px;overflow:auto}.view{animation:enter .22s var(--ease)}@keyframes enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.page-head h1{margin:0;font-size:19px}.page-head p{margin:3px 0 0;color:var(--ink-3);font-size:9.5px}.page-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.badge{display:inline-flex;height:19px;align-items:center;gap:5px;padding:0 6px;border-radius:4px;background:var(--surface-2);color:var(--ink-2);font-size:8px;font-weight:650}.badge.green{background:var(--green-soft);color:var(--green)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.orange{background:var(--orange-soft);color:var(--orange)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.yellow{background:var(--yellow-soft);color:var(--yellow)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.stat{min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.stat-label{display:flex;align-items:center;justify-content:space-between;color:var(--ink-3);font-size:8.5px}.stat-label svg{width:13px}.stat strong{display:block;margin:8px 0 2px;font-size:18px}.stat-foot{display:flex;align-items:center;gap:5px;color:var(--ink-3);font-size:8px}.trend{color:var(--green);font-weight:650}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.panel{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.panel-head{display:flex;min-height:47px;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid var(--line)}.panel-title h2{margin:0;font-size:10.5px}.panel-title p{margin:2px 0 0;color:var(--ink-3);font-size:8px}.panel-body{padding:11px}.health-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.health{display:flex;min-height:47px;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:6px}.health-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;background:var(--green-soft);color:var(--green)}.health.warn .health-icon{background:var(--yellow-soft);color:var(--yellow)}.health.bad .health-icon{background:var(--red-soft);color:var(--red)}.health b{display:block;font-size:9px}.health small{display:block;margin-top:1px;color:var(--ink-3);font-size:7.5px}.health .badge{margin-left:auto}.event-list{display:grid;gap:1px}.event{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.event:last-child{border:0}.event-icon{display:grid;width:25px;height:25px;place-items:center;border-radius:6px;background:var(--surface-2);color:var(--ink-2)}.event-icon svg{width:12px}.event b{display:block;font-size:8.5px}.event small{display:block;color:var(--ink-3);font-size:7.5px}.event time{color:var(--ink-3);font:7.5px var(--mono)}.toolbar{display:flex;min-height:47px;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.search{position:relative;min-width:190px;flex:1}.search svg{position:absolute;top:7px;left:8px;width:12px;color:var(--ink-3)}.input,.select,.textarea{width:100%;height:30px;padding:0 9px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);outline:none}.search .input{padding-left:26px}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.select{width:auto;min-width:108px;padding-right:24px;font-size:9px}.textarea{height:76px;padding-top:8px;resize:vertical}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{height:41px;padding:0 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;vertical-align:middle}.table th{height:31px;background:var(--surface-2);color:var(--ink-3);font-size:8px;font-weight:650}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:color-mix(in srgb,var(--blue-soft) 32%,transparent)}.table tbody tr.selected{background:var(--blue-soft)}.table tr:last-child td{border-bottom:0}.table input[type=checkbox]{width:13px;height:13px;accent-color:var(--blue)}.cell-main b{display:block;font-size:9px}.cell-main span{display:block;margin-top:1px;color:var(--ink-3);font-size:7.5px}.row-actions{display:flex;justify-content:flex-end;gap:4px}.pagination{display:flex;min-height:43px;align-items:center;justify-content:space-between;padding:8px 10px;border-top:1px solid var(--line);color:var(--ink-3);font-size:8px}.pager{display:flex;gap:4px}.pager button{display:grid;width:25px;height:25px;place-items:center;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.bulkbar{display:none;align-items:center;gap:8px;margin-bottom:8px;padding:7px 9px;border:1px solid rgba(88,117,232,.2);border-radius:6px;background:var(--blue-soft);color:var(--blue)}.bulkbar.show{display:flex}.bulkbar span{font-size:9px;font-weight:650}.bulkbar .btn:first-of-type{margin-left:auto}.layout-inspector{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:10px}.inspector{position:sticky;top:0;align-self:start}.user-hero{display:flex;align-items:center;gap:9px;padding:11px;border-bottom:1px solid var(--line)}.user-avatar{display:grid;width:35px;height:35px;place-items:center;border-radius:7px;background:var(--orange-soft);color:var(--orange);font-size:11px;font-weight:750}.user-hero b{display:block;font-size:10px}.user-hero span{display:block;color:var(--ink-3);font-size:8px}.close-inspector{margin-left:auto}.inspector-section{padding:11px;border-bottom:1px solid var(--line)}.inspector-section:last-child{border:0}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:var(--ink-3);font-size:8px;font-weight:700;text-transform:uppercase}.kv{display:grid;grid-template-columns:90px 1fr;gap:5px;margin:5px 0;font-size:8.5px}.kv span:first-child{color:var(--ink-3)}.license-card{padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);margin-top:6px}.license-card:first-of-type{margin-top:0}.license-card .key{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;font:8px var(--mono);word-break:break-all}.license-card .key span:first-child{flex:1;min-width:0}.device-row{display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid var(--line)}.device-row:last-child{border:0}.device-row>svg{width:13px;color:var(--ink-3);flex-shrink:0}.device-row b{display:block;font-size:8.5px}.device-row span{display:block;color:var(--ink-3);font-size:7.5px}.device-row button{margin-left:auto;flex-shrink:0}.settings-layout{display:grid;grid-template-columns:170px minmax(0,720px);gap:13px}.setting-nav{align-self:start;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.setting-tab{display:flex;width:100%;height:31px;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--ink-2);text-align:left;font-size:9px}.setting-tab:hover{background:var(--surface-2)}.setting-tab.active{background:var(--blue-soft);color:var(--blue);font-weight:650}.setting-page{display:none}.setting-page.active{display:block}.form-section{margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.form-head{padding:10px 11px;border-bottom:1px solid var(--line)}.form-head h2{margin:0;font-size:10.5px}.form-head p{margin:2px 0 0;color:var(--ink-3);font-size:8px}.form-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px}.field.full{grid-column:1 / -1}.field label{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;color:var(--ink-2);font-size:8.5px;font-weight:600}.field small{display:block;margin-top:4px;color:var(--ink-3);font-size:7.5px}.source{color:var(--blue);font:7px var(--mono);font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:7px;padding:9px 11px;border-top:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap}.switch-row{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.switch-row:last-child{border:0}.switch-row b{display:block;font-size:9px}.switch-row span{display:block;color:var(--ink-3);font-size:7.5px}.switch{position:relative;width:31px;height:18px;border:0;border-radius:10px;background:var(--surface-3);flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.18s var(--ease)}.switch.on{background:var(--blue)}.switch.on:after{transform:translate(13px)}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.security-card{padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.security-top{display:flex;align-items:flex-start;justify-content:space-between}.security-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:6px;background:var(--surface-2);color:var(--ink-2)}.security-card h2{margin:10px 0 3px;font-size:10.5px}.security-card p{min-height:29px;margin:0 0 10px;color:var(--ink-3);font-size:8px}.security-card .field{margin-bottom:8px}.security-card .field:last-of-type{margin-bottom:10px}.notice{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;padding:8px;border:1px solid rgba(214,151,37,.22);border-radius:6px;background:var(--yellow-soft);color:var(--yellow);font-size:8px}.notice svg{flex:0 0 auto;width:13px}.placeholder-banner{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;padding:8px;border:1px dashed var(--line-strong);border-radius:6px;background:var(--surface-2);color:var(--ink-2);font-size:8px}.placeholder-banner svg{flex:0 0 auto;width:13px;color:var(--blue)}.placeholder-page{display:grid;place-items:center;min-height:280px;padding:32px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);text-align:center}.placeholder-page .ph-icon{display:grid;width:48px;height:48px;place-items:center;margin:0 auto 12px;border-radius:10px;background:var(--blue-soft);color:var(--blue)}.placeholder-page .ph-icon svg{width:22px;height:22px}.placeholder-page h2{margin:0 0 6px;font-size:14px}.placeholder-page p{margin:0;max-width:360px;color:var(--ink-3);font-size:10px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:none;place-items:center;padding:20px;background:#12141970;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-layer.open{display:grid}.modal{width:min(440px,100%);overflow:hidden;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);box-shadow:0 32px 90px #0e101461;animation:pop .2s var(--ease)}.modal.wide{width:min(520px,100%)}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(7px)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:10.5px}.modal-body{padding:13px}.modal-body h3{margin:0 0 5px;font-size:14px}.modal-body p{margin:0 0 12px;color:var(--ink-2);font-size:9px}.modal-body .field{margin-bottom:9px}.modal-body .form-body{padding:0;margin-bottom:4px}.modal-foot{display:flex;justify-content:flex-end;gap:6px;padding:9px 13px;border-top:1px solid var(--line);background:var(--surface-2)}.toast{position:fixed;right:18px;bottom:18px;z-index:110;display:flex;align-items:center;gap:7px;max-width:min(420px,calc(100vw - 36px));padding:8px 10px;transform:translateY(12px);border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.17s ease;font-size:9px;color:var(--ink)}.toast.show{transform:none;opacity:1;pointer-events:auto}.toast svg{width:12px;flex-shrink:0;color:var(--green)}.toast.err svg{color:var(--red)}.toast span{word-break:break-word;white-space:pre-wrap}.login-screen{min-height:100%;display:grid;place-items:center;padding:24px 16px;overflow:auto;background:var(--bg)}.login-wrap{width:min(400px,100%)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}.login-brand .brand-mark{width:36px;height:36px;border-radius:9px;background:var(--nav);color:#f5f5f6}.login-brand .brand-mark svg{width:18px;height:18px;fill:none;stroke:currentColor}.login-brand b{display:block;font-size:14px}.login-brand span{display:block;margin-top:1px;color:var(--ink-3);font-size:9px}.login-card{border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.login-card .form-head{padding:14px 16px}.login-card .form-head h2{font-size:13px}.login-card .form-body{display:block;padding:0 16px 14px}.login-card .field{margin-bottom:10px}.login-card .form-actions{justify-content:flex-start;padding:12px 16px}.login-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--ink-3);font-size:8px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.gate-warn{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;padding:8px 10px;border:1px solid rgba(214,151,37,.22);border-radius:6px;background:var(--yellow-soft);color:var(--yellow);font-size:9px}.gate-warn svg{flex:0 0 auto;width:13px}.login-theme{position:fixed;top:14px;right:14px;z-index:5}.totp-setup{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2)}.totp-qr-wrap{flex:0 0 auto;padding:10px;border-radius:8px;background:#fff;line-height:0}.totp-qr-wrap canvas{display:block;width:180px;height:180px}.totp-meta{flex:1 1 180px;min-width:160px}.totp-meta .mono{word-break:break-all;font-size:9px}.codes-result{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);font-family:var(--mono);font-size:9px;max-height:160px;overflow:auto;white-space:pre-wrap;word-break:break-all}.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.hidden{display:none!important}.table tbody tr{cursor:default}.table tbody tr[data-email],.table tbody tr.clickable{cursor:pointer}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.grid-2,.layout-inspector{grid-template-columns:1fr}.inspector{position:static}.settings-layout{grid-template-columns:1fr}.setting-nav{display:flex;overflow:auto}.setting-tab{width:auto;min-width:max-content}.health-list{grid-template-columns:1fr 1fr}}@media(max-width:760px){body{overflow:auto}.app{min-height:100%;grid-template-columns:1fr}.sidebar{position:fixed;right:0;bottom:0;left:0;z-index:60;height:57px;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--nav) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.sidebar-foot,.nav-label,.nav-item .count{display:none}.side-scroll{display:contents}.nav-item{height:57px;flex-direction:column;justify-content:center;gap:2px;padding:0;border-radius:0;font-size:7px}.nav-item[data-view=leaderboard],.nav-item[data-view=settings],.nav-item[data-view=account],.nav-item[data-view=audit]{display:none}.workspace{min-height:100vh;grid-template-rows:52px 1fr}.topbar{height:52px;padding:0 12px}.top-search{display:none}.content{padding:14px 12px 74px;overflow:visible}.page-head{align-items:flex-start;flex-direction:column}.stats,.security-grid{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-wrap:wrap}.search{min-width:100%}.form-body{grid-template-columns:1fr}.field.full{grid-column:auto}.health-list{grid-template-columns:1fr}}@media(max-width:470px){.stats,.security-grid{grid-template-columns:1fr}.page-actions{width:100%;overflow:auto}}