:root{--bg:#0f1115;--panel:#181b22;--panel-2:#1f2430;--border:#2a2f3a;--text:#e6e9ef;--muted:#9aa3b2;--green:#3fb950;--red:#f85149;--amber:#d29922;--blue:#58a6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-shrink:0;width:196px;padding:16px 10px}.brand{align-items:center;gap:8px;margin-bottom:14px;padding:0 6px;font-size:17px;font-weight:700;display:flex}.brand .dot{background:var(--green);border-radius:50%;width:9px;height:9px}.nav-group{margin-top:14px}.nav-group:first-child{margin-top:0}.nav-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);opacity:.65;margin-bottom:3px;padding:0 8px;font-size:10px}.nav a{color:var(--muted);border-radius:6px;margin-bottom:1px;padding:6px 8px;font-size:13.5px;display:block}.nav a.active,.nav a:hover{background:var(--panel-2);color:var(--text)}.main{flex:1;padding:28px 32px;overflow:auto}.page-title{margin:0 0 20px;font-size:22px;font-weight:600}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.card .value{margin-top:6px;font-size:30px;font-weight:700}.card .value.green{color:var(--green)}.card .value.red{color:var(--red)}.card .value.amber{color:var(--amber)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:22px;padding:18px}.panel h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;font-size:14px}.feed{flex-direction:column;gap:8px;max-height:360px;display:flex;overflow:auto}.feed-row{background:var(--panel-2);border-radius:8px;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.feed-row .when{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;width:78px}.feed-row .who{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.feed-row .src{color:var(--muted);font-size:11px}.badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.badge.ok{color:var(--green);background:#3fb95026}.badge.error{color:var(--red);background:#f8514926}.badge.denied{color:var(--amber);background:#d2992226}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:500}td.subject{text-overflow:ellipsis;max-width:280px;overflow:hidden}.filters{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}select,input,button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px}button{cursor:pointer}button:hover{border-color:var(--blue)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.menu-item{background:0 0;transition:background .1s}.menu-item:hover:not(:disabled){background:var(--border);border-color:#0000}.muted{color:var(--muted)}.center{text-align:center;color:var(--muted);padding:30px}