:root{color-scheme:dark;--bg:#101012;--sidebar:#141415;--panel:#1a1a1c;--surface:#222224;--edge:#343133;--gold:#e8bd70;--light:#ffdfa0;--text:#f4efe7;--dim:#99979a;--teal:#62c9a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}input,select{background:#252527;color:#f6f1e8;border:1px solid #3d3936;outline:none;border-radius:9px;padding:11px 12px;max-width:100%}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8bd7017}.hidden{display:none!important}.gold{color:var(--gold)}.app{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;height:100vh;width:242px;flex-shrink:0;background:#161617;border-right:1px solid #2b2927;padding:28px 15px 16px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 12px 35px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:27px;color:#111;background:linear-gradient(145deg,#ffe4a4,#ba8b3e);box-shadow:0 0 24px #c79a4524}.sidebar-brand strong,.brand-top strong{font-size:15px;letter-spacing:.1px;white-space:nowrap}.sidebar-brand small,.brand-top small{display:block;font-size:9px;letter-spacing:1.3px;color:#8d8271;margin-top:4px}.workspace-label,.mini-eyebrow,.eyebrow{letter-spacing:1.5px;font-size:10px;font-weight:700;color:#a8926b}.workspace-label{margin:0 13px 12px;color:#736f70}.nav{display:grid;gap:6px}.nav-link{background:transparent;color:#acaaab;border:1px solid transparent;border-radius:9px;padding:12px 13px;text-align:left;display:flex;gap:12px;align-items:center;font-size:13px}.nav-link.active{background:#30291e;border:1px solid #55432b;color:#efcc88}.nav-link:hover:not(.active){background:#242426;color:#f8f2e8}.nav-icon{width:19px;text-align:center;font-size:16px}.nav-chev{margin-left:auto;color:#977e50;font-size:20px}.sidebar-bottom{margin-top:auto}.server-status{border:1px solid #3d382e;background:#201f1c;border-radius:10px;padding:12px;display:flex;gap:11px;align-items:center}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4bd49f;box-shadow:0 0 0 3px #4bd49f20;margin-right:6px}.server-status strong{display:block;font-size:12px}.server-status small{display:block;color:#908f8a;font-size:10px;margin-top:3px}.logout{background:transparent;border:0;color:#9f9793;padding:17px 10px;width:100%;text-align:left;display:flex;justify-content:space-between}.logout:hover{color:var(--gold)}.main-column{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:74px;border-bottom:1px solid #292727;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#151516}.crumb{color:#7e7a77;font-size:10px;font-weight:700;letter-spacing:1px}.crumb span{padding:0 12px;color:#625f5d}.crumb strong{color:#c2a373;font-weight:600}.top-actions{display:flex;align-items:center;gap:19px}.top-date{color:#8a8682;font-size:12px}.small-btn{border:1px solid #3a3631;background:#242221;border-radius:7px;padding:8px 12px;color:#d8c7a9}.small-btn:hover{border-color:#c6a16a}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#dfb36b,#8f6737);color:#2e2011;font-weight:800}.mobile-brand{display:none}.page{padding:36px 38px;flex:1;max-width:1700px;width:100%;margin:auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.page-header h1{margin:8px 0 7px;letter-spacing:-1.25px;font-size:33px;font-weight:700}.page-header p{margin:0;color:#9e9a96;font-size:13px}.glint{color:#d7b16b;font-size:14px;margin-left:5px}.updated{border:1px solid #35312c;border-radius:20px;padding:8px 13px;color:#8c8984;font-size:11px;white-space:nowrap}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.kpi{border:1px solid #32302e;background:linear-gradient(160deg,#212123,#19191b);border-radius:12px;padding:21px 20px;min-height:154px;display:flex;flex-direction:column}.kpi.featured{border-color:#695333;background:linear-gradient(135deg,#30271b,#1e1c1a)}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:5px;letter-spacing:1px;font-size:10px;color:#a9a3a0;font-weight:700}.kpi-icon{color:var(--gold);font-size:21px}.kpi-icon.teal{color:var(--teal)}.kpi strong{font-size:31px;line-height:1.2;letter-spacing:-.5px;margin:15px 0 6px;white-space:nowrap}.featured strong{color:var(--light);font-size:26px}.kpi small{color:#817e7b;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:18px}.panel{background:var(--panel);border:1px solid #343032;border-radius:12px;padding:20px 22px;margin-bottom:17px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel h2{font-size:16px;margin:5px 0;font-weight:650}.text-action{background:none;border:none;color:var(--gold);font-size:11px}.text-action:hover{text-decoration:underline}.recent-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #2d2b2b}.recent-row:first-child{border-top:0}.user-circle{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;color:#d9b573;background:#353027;font-weight:800}.recent-row main{flex:1;min-width:0}.recent-row strong,.recent-row small{display:block}.recent-row strong{font-size:12px}.recent-row small{color:#8d8985;font-size:11px;margin-top:3px}.online-label{font-size:11px;color:#94c7a9}.offline-label{font-size:11px;color:#969092}.system-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #333031;font-size:12px;gap:15px}.system-row span{color:#a9a49e}.system-row strong{font-weight:550;font-size:11px;text-align:right}.system-note{display:flex;gap:12px;background:#2a251d;border:1px solid #50422f;border-radius:9px;margin-top:21px;padding:12px;color:#b6a385;font-size:11px}.system-note p{margin:0}.note-icon{width:20px;height:20px;border-radius:50%;border:1px solid #a68b5c;display:grid;place-items:center;flex-shrink:0}.btn{border-radius:8px;border:1px solid #5c4930;padding:10px 15px;font-weight:700}.gold-btn{background:linear-gradient(120deg,#dfb568,#f2d393);color:#32210d;border:0}.gold-btn:hover{filter:brightness(1.07)}.secondary-btn{border:1px solid #5d4b32;color:#ecc88b;background:#322a20}.secondary-btn:hover{background:#40331f}.danger-btn{background:#3b2524;color:#f0abab;border-color:#684140}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}th{font-size:10px;letter-spacing:1px;color:#8f8983;font-weight:700;border-bottom:1px solid #373232;padding:13px 10px;white-space:nowrap}td{font-size:12px;border-bottom:1px solid #302d2d;padding:14px 10px;color:#dfd9d0}tr:last-child td{border-bottom:0}tr.user-tr{cursor:pointer}tr.user-tr:hover td,tr.user-tr.selected td{background:#28241e}td .muted,.dim{color:#918b83}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:20px;background:#35312c;border:1px solid #4a4138;padding:3px 9px;color:#d9b577;font-size:10px;white-space:nowrap}.pill.good{background:#20352a;color:#8bd9ac;border-color:#32503d}.pill.bad{background:#3b2424;color:#df8e8e;border-color:#603838}.clickable{color:var(--gold);font-weight:700}.settings-area{border-top:1px solid #322f2d;padding-top:17px}.empty-settings{font-size:12px;color:#827e78;padding:22px 0}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.settings-grid label,.login-label{display:flex;flex-direction:column;gap:7px;color:#aaa29a;font-size:12px}.settings-grid input{width:100%}.detail-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:12px;align-items:center;flex-wrap:wrap}.setting-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.consent-note{font-size:11px;color:#928b7b;margin-top:12px}.table-note{color:#928c87;font-size:11px;margin-top:18px}.select{min-width:200px}footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#686562;letter-spacing:1px;padding:16px 38px;border-top:1px solid #2b2928}footer span{color:#8b775a}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 8%,#332919 0,#141415 46%,#101012 100%);padding:20px}.login-card{width:min(420px,100%);background:#1b1b1d;border:1px solid #4b3b28;border-radius:16px;padding:34px;box-shadow:0 30px 90px #0008}.brand-top{display:flex;gap:12px;align-items:center}.login-card h1{font-size:26px;margin:32px 0 8px}.login-card p{color:#aaa6a1;font-size:12px;margin-bottom:26px}.login-card input{width:100%;margin:8px 0 16px}.login-card .btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 16px}.login-caption{font-size:10px;color:#817b74;margin-top:22px;text-align:center}.error-text{color:#e99c98;font-size:12px;margin-top:10px}.modal-shade{position:fixed;inset:0;display:grid;place-items:center;background:#000b;padding:15px;z-index:30}.modal{width:min(460px,100%);background:#1e1d1d;border:1px solid #655037;box-shadow:0 35px 90px #000d;border-radius:14px;padding:22px}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #39332e;padding-bottom:12px;margin-bottom:16px}.modal-head h2{margin:0;font-size:18px}.close{background:transparent;border:0;color:#bdb2a2;font-size:25px}.modal label{display:block;font-size:12px;color:#aaa4a1;margin-bottom:9px}.modal input{width:100%;margin:0 0 15px}.modal .btn{width:100%}.code-view{background:#2c281f;border:1px dashed #a08153;color:#ffdfa0;border-radius:10px;padding:16px;text-align:center;font-family:ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;user-select:all}.modal-note{font-size:11px;color:#a7a09a;margin:14px 0}.toast{position:fixed;right:20px;bottom:20px;background:#30291e;border:1px solid #a08153;color:#f1d69d;border-radius:9px;padding:12px 17px;z-index:60;box-shadow:0 20px 40px #0006;font-size:12px}.view.hidden{display:none}.tag-subtle{color:#9d9690;font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.small-action{background:transparent;border:1px solid #5a4630;border-radius:7px;color:#e4bd78;padding:7px 12px}.small-action:hover{background:#30261b}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:60px;padding:20px 6px}.sidebar-brand{padding:0 5px 25px}.sidebar-brand>div:last-child,.workspace-label,.nav-link:not(.active),.nav-link.active{font-size:0}.nav-link{padding:10px;justify-content:center}.nav-icon{font-size:21px}.nav-chev{display:none}.sidebar-bottom{display:none}.topbar{padding:0 18px}.page{padding:25px 17px}.top-date{display:none}.crumb{display:none}.mobile-brand{display:block;color:#eee;letter-spacing:1.4px;font-weight:750}.page-header{align-items:flex-start}.page-header h1{font-size:26px}.settings-grid{grid-template-columns:repeat(2,1fr)}footer{padding:16px}.panel{padding:17px}.kpi{padding:16px}.kpi strong{font-size:26px}.featured strong{font-size:21px}}@media(max-width:470px){.settings-grid{grid-template-columns:1fr}.kpis{gap:9px}.kpi{min-height:130px}.kpi-top{font-size:8px}.page-header{flex-wrap:wrap}.page-header .btn{width:100%}.top-actions{gap:8px}.top-actions .small-btn span{display:none}footer span{display:none}}

[hidden]{display:none!important}
.btn{font-size:12px;font-weight:600;padding:9px 13px;border-radius:7px;box-shadow:none;transition:background .15s,border-color .15s}
.gold-btn{background:#30291e;border:1px solid #76603d;color:#f2d393}.gold-btn:hover{background:#403322;filter:none}
.secondary-btn{background:transparent;border-color:#494136;color:#d8c19a}.secondary-btn:hover{background:#29251f}
.danger-btn{background:transparent;border-color:#64413d;color:#d99b94}.danger-btn:hover{background:#342423}
button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.setting-actions{gap:8px}