:root{
  --bg:#f6f7f9;--panel:#fff;--ink:#1d2330;--muted:#667085;--line:#e4e7ec;
  --brand:#16396b;--accent:#ef4b23;--logo-ink:#13325e;--brand-ink:#fff;--ok:#127a46;--ok-bg:#e7f6ee;--warn:#9a6200;--warn-bg:#fff4dc;
  --bad:#b42318;--bad-bg:#fdecea;--mask:#5b3cc4;--mask-bg:#efeafe;--radius:10px;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0f1115;--panel:#171a21;--ink:#e6e8ee;--muted:#9aa3b2;--line:#2a2f3a;
  --brand:#3f72c4;--accent:#ff6a3d;--logo-ink:#e6e8ee;--ok:#4cc38a;--ok-bg:#12261c;--warn:#f0b54a;--warn-bg:#2b2210;
  --bad:#ff7b72;--bad-bg:#2d1615;--mask:#b39dff;--mask-bg:#211a38;
}}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);
  font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 14px}
button.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
button:disabled{opacity:.5;cursor:default}
input,select,textarea{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 10px;width:100%}
textarea{resize:vertical}
.hidden{display:none!important}
.muted{color:var(--muted)}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px;border-radius:99px;
  border:1px solid transparent;white-space:nowrap}
.a-allow{background:var(--ok-bg);color:var(--ok)}
.a-warn{background:var(--warn-bg);color:var(--warn)}
.a-mask{background:var(--mask-bg);color:var(--mask)}
.a-block{background:var(--bad-bg);color:var(--bad)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.login{max-width:360px;margin:12vh auto;display:grid;gap:12px}
.login h1{font-size:20px;margin:0}
.err{color:var(--bad);font-size:14px;min-height:1.2em}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}

/* SisMind marka */
.logo-word{font-weight:800;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}
.logo-word img{height:30px;width:30px}
.logo-word .s{color:var(--accent)}.logo-word .m{color:var(--logo-ink)}
.logo-word small{font-weight:600;font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.logo-plate{background:#fff;border-radius:12px;padding:14px;display:flex;justify-content:center}
.logo-plate img{max-width:220px;width:100%}
button.primary{background:var(--accent);border-color:var(--accent)}