@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@300;400;500;600;700&display=swap');
:root{--ash:#4b504c;--smoke:#b0b7b2;--ivory:#e0d4c7;--creme:#e8e1d4;--mint:#eff2eb;--grey:#f1f1f1;--rose:#bca3a3;--ink:#1c1e1d;
--muted:#7b817c;--line:#dcdfdb;--ok:#4f7a5c;--warn:#a8793a;--bad:#9a4b4b;--bg:#fbfbf9;--card:#fff;--shadow:0 1px 2px rgba(28,30,29,.04),0 8px 28px rgba(28,30,29,.06)}
@media (prefers-color-scheme:dark){:root:not([data-lys]){--bg:#191b1a;--card:#222523;--ink:#eef0ec;--muted:#98a09a;--line:#363a37;--mint:#262a27;--grey:#2a2e2b;--creme:#2d302c;--shadow:0 8px 28px rgba(0,0,0,.35)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Gothic A1',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:600;margin:0;letter-spacing:.02em}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
.caps{text-transform:uppercase;letter-spacing:.22em;font-size:11.5px;font-weight:600}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ash);background:var(--ash);color:#fff;padding:13px 26px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s,opacity .2s}
.btn:hover{background:#3b3f3c}.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--ash);background:transparent}
.btn.sm{padding:8px 14px;font-size:11px}.btn.bad{background:transparent;color:var(--bad);border-color:var(--bad)}
.btn[disabled]{opacity:.45;pointer-events:none}
input,select,textarea{width:100%;border:1px solid var(--line);background:var(--card);padding:13px 14px;border-radius:0;outline:none;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:var(--ash);box-shadow:0 0 0 3px rgba(75,80,76,.12)}
label.f{display:block;margin:0 0 16px}label.f>span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:7px}
.chip{display:inline-block;padding:3px 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;background:var(--grey);color:var(--ash)}
.chip.ok{background:#e3eee6;color:var(--ok)}.chip.warn{background:#f3ead9;color:var(--warn)}.chip.bad{background:#f2e1e1;color:var(--bad)}.chip.blue{background:#e1e7ea;color:#46606e}
@media (prefers-color-scheme:dark){.chip.ok{background:#25362b}.chip.warn{background:#3a3222}.chip.bad{background:#3d2727}.chip.blue{background:#243038}}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ash);color:#fff;padding:14px 24px;font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:99;max-width:90vw}
.toast.vis{opacity:1;transform:translate(-50%,0)}.toast.bad{background:var(--bad)}
table{width:100%;border-collapse:collapse}
th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
tr.klik{cursor:pointer;transition:background .15s}tr.klik:hover{background:var(--mint)}
.r{text-align:right}.tal{font-variant-numeric:tabular-nums}
.fade{animation:fade .45s ease both}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.tom{padding:64px 20px;text-align:center;color:var(--muted)}
.overlay{position:fixed;inset:0;background:rgba(20,22,21,.5);z-index:50;display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:.25s}
.overlay.vis{opacity:1;pointer-events:auto}
.panel{background:var(--bg);width:min(560px,100%);height:100%;overflow:auto;padding:36px 32px;transform:translateX(30px);transition:.3s}
.overlay.vis .panel{transform:none}