:root{--bg:#0e1010;--surface:#161818;--raised:#1e2020;--line:#2e3130;--line-strong:#454846;--text:#ece8de;--muted:#a29f96;--faint:#76746c;--gold:#f2c85c;--gold-ink:#17140a;--red:#e0574a;--green:#7fb38a;--blue:#7fa8d6;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}h1{margin:0;font-size:22px;font-weight:650;line-height:1.25}h2{margin:0;font-size:14px;font-weight:600}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.layout{grid-template-columns:228px minmax(0,1fr);min-height:100%;display:grid}.side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:2px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brand{flex-direction:column;padding:4px 10px 18px;display:flex}.brand b{font-size:16px}.brand span{color:var(--faint);font-size:12px}.nav{color:var(--muted);border-radius:7px;align-items:center;gap:10px;padding:9px 10px;font-weight:550;display:flex}.nav:hover{background:var(--raised);color:var(--text)}.nav.on{background:var(--raised);color:var(--gold)}.side-foot{gap:8px;margin-top:auto;padding:10px;display:grid}.main{flex-direction:column;min-width:0;display:flex}.top{z-index:5;border-bottom:1px solid var(--line);background:#0e1010eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;display:flex;position:sticky;top:0}.content{gap:18px;width:100%;max-width:1320px;padding:24px 28px 48px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:16px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.grid{gap:14px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi span{color:var(--muted);font-size:12.5px}.kpi b{font-variant-numeric:tabular-nums;font-size:25px;font-weight:650;line-height:1.25;display:block}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1;min-width:200px}.btn{background:var(--raised);border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.btn.danger{color:#ffb4ab;border-color:#7c3a33}input,select,textarea{background:var(--raised);border:1px solid var(--line-strong);border-radius:7px;min-width:0;padding:8px 10px}textarea{resize:vertical;width:100%}label.field{color:var(--muted);gap:4px;font-size:12.5px;display:grid}.alert{color:#ffc9c2;background:#2c1614;border:1px solid #7c3a33;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.alert.ok{color:#c5e6cd;background:#15231a;border-color:#3f6348}.alert.info{color:#f1dfa8;background:#241f10;border-color:#6b5a2c}.muted{color:var(--muted)}.small{font-size:12.5px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px}th{color:var(--muted);font-size:12.5px;font-weight:550}th.sort{cursor:pointer;-webkit-user-select:none;user-select:none}th.sort:hover{color:var(--text)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--raised)}.num{text-align:right;font-variant-numeric:tabular-nums}.tag{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.tag.good{color:var(--green);border-color:#3f6348}.tag.bad{color:#ffb4ab;border-color:#7c3a33}.link{color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0;font-weight:550}.link:hover{text-decoration:underline}.empty{color:var(--muted);text-align:center;padding:22px 0}.chart{position:relative}.chart svg{width:100%;height:auto;display:block}.chart text{fill:var(--muted);font-size:11px}.tip{pointer-events:none;background:var(--raised);border:1px solid var(--line-strong);white-space:nowrap;z-index:2;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;transform:translate(-50%,-100%)}.profile{align-items:center;gap:14px;display:flex}.profile img,.profile .ph{background:var(--raised);border:2px solid var(--line-strong);border-radius:50%;width:64px;height:64px}.modal-back{z-index:20;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;gap:12px;width:min(440px,100%);padding:18px;display:grid}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:12px;width:min(380px,100%);padding:30px;display:grid}@media (max-width:800px){.layout{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;height:auto;position:static}.brand{width:100%;padding-bottom:6px}.side-foot{grid-template-columns:1fr auto;align-items:center;width:100%;margin:0}.top,.content{padding-left:16px;padding-right:16px}.two{grid-template-columns:1fr}}