:root{--bg:#eef2f8;--card:#fff;--ink:#14213d;--mut:#5b6785;--acc:#12305c;--acc2:#e6edf9;--ok:#12a150;--warn:#b7791f;--bad:#c4161c;--ln:#d9e0ed;--r:14px}
@media(prefers-color-scheme:dark){:root{--bg:#0d1526;--card:#15213a;--ink:#e8edf7;--mut:#9aa8c7;--acc:#8db4ff;--acc2:#1c2d52;--ok:#3ecf7e;--warn:#f2b84b;--bad:#ff7b7b;--ln:#27385c}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI","Noto Sans Armenian",sans-serif;padding-bottom:env(safe-area-inset-bottom)}
.boot{padding:60px 16px;text-align:center;color:var(--mut)}
.wrap{max-width:760px;margin:0 auto;padding:0 16px 40px}
.top{background:var(--acc);color:#fff;padding:14px 16px calc(14px);position:sticky;top:0;z-index:5}
@media(prefers-color-scheme:dark){.top{background:#0a1a38;border-bottom:1px solid var(--ln)}}
.top .in{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:12px}
.top h1{margin:0;font-size:16px;line-height:1.25;flex:1}.top small{display:block;font-weight:400;opacity:.85;font-size:13px}
.top button{background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:9px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:12px 16px;max-width:760px;margin:0 auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;border:1px solid var(--ln);background:var(--card);color:var(--ink);padding:9px 14px;border-radius:999px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.tabs button.on{background:var(--acc);color:#fff;border-color:var(--acc)}
@media(prefers-color-scheme:dark){.tabs button.on{color:#0d1526}}
.card{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:16px;margin:0 0 12px}
.card h2{margin:0 0 8px;font-size:17px;color:var(--acc)}.card h3{margin:0 0 6px;font-size:15px}
.big{font-size:32px;font-weight:700;letter-spacing:-.01em}.sub{color:var(--mut);font-size:14px}
.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--ln);font-size:15px}.kv:last-child{border:0}
.kv span:first-child{color:var(--mut)}.kv b{text-align:right;font-weight:600;word-break:break-word}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:8px 6px;text-align:right;border-bottom:1px solid var(--ln)}th:first-child,td:first-child{text-align:left}th{color:var(--mut);font-weight:500;font-size:13px}
.tw{overflow-x:auto}
button.btn,.btn{background:var(--acc);color:#fff;border:0;border-radius:10px;padding:11px 16px;font:600 15px inherit;cursor:pointer}
@media(prefers-color-scheme:dark){button.btn{color:#0d1526}}
button.ghost{background:transparent;color:var(--acc);border:1px solid var(--ln)}
button:disabled{opacity:.55}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--ln);border-radius:10px;background:transparent;color:var(--ink);font:inherit;margin:4px 0 10px}
input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
label{font-size:13px;color:var(--mut)}
.pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:13px;background:var(--acc2);color:var(--acc)}
.pill.ok{background:rgba(18,161,80,.14);color:var(--ok)}.pill.bad{background:rgba(196,22,28,.12);color:var(--bad)}.pill.warn{background:rgba(183,121,31,.15);color:var(--warn)}
.err{color:var(--bad);min-height:22px;font-size:14px}
.login{max-width:400px;margin:0 auto;padding:40px 16px}
.login .logo{width:56px;height:56px;margin:0 auto 12px;display:block}
.login h1{text-align:center;font-size:20px;color:var(--acc);margin:0 0 4px}.login p.sub{text-align:center;margin:0 0 18px}
.code{font:600 22px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-align:center;text-transform:uppercase}
.note{background:var(--acc2);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--ink);margin:0 0 12px}
.nt{border-left:4px solid var(--acc);padding-left:12px;margin:0 0 14px}.nt:last-child{margin:0}.nt p{margin:4px 0;white-space:pre-wrap}
.foot{color:var(--mut);font-size:12px;text-align:center;padding:16px}
.modal{position:fixed;inset:0;background:rgba(5,12,28,.55);display:flex;align-items:flex-end;justify-content:center;z-index:20}
.modal .box{background:var(--card);width:100%;max-width:520px;border-radius:16px 16px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:90vh;overflow:auto}
@media(min-width:600px){.modal{align-items:center}.modal .box{border-radius:16px}}