:root{--ari-bg: #f5f6f8;--ari-surface: #ffffff;--ari-surface-2: #eef0f3;--ari-border: #d7dbe1;--ari-border-strong: #8b95a3;--ari-text: #0b0b12;--ari-text-2: #3f4753;--ari-text-3: #5f6875;--ari-accent: #0f766e;--ari-accent-hover: #115e59;--ari-on-accent: #ffffff;--ari-focus: #2563eb;--ari-ok-bg: #dcfce7;--ari-ok-line: #14532d;--ari-ok-text: #0b0b12;--ari-warn-bg: #fef3c7;--ari-warn-line: #78350f;--ari-warn-text: #0b0b12;--ari-bad-bg: #fee2e2;--ari-bad-line: #7f1d1d;--ari-bad-text: #0b0b12;--ari-info-bg: #dbeafe;--ari-info-line: #1e3a8a;--ari-info-text: #0b0b12;--ari-muted-bg: #eef0f3;--ari-muted-line: #3f4753;--ari-muted-text: #0b0b12;--ari-meter-low: #16a34a;--ari-meter-mid: #ca8a04;--ari-meter-high: #dc2626;--ari-radius: 10px;--ari-radius-sm: 6px;--ari-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ari-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light}.dark{--ari-bg: #0e1116;--ari-surface: #161a21;--ari-surface-2: #1d222b;--ari-border: #2a313c;--ari-border-strong: #4a5462;--ari-text: #e8ebf0;--ari-text-2: #b6bdc8;--ari-text-3: #8d96a3;--ari-accent: #14b8a6;--ari-accent-hover: #2dd4bf;--ari-on-accent: #04201d;--ari-focus: #60a5fa;--ari-ok-bg: rgb(34 197 94 / .14);--ari-ok-line: rgb(34 197 94 / .35);--ari-ok-text: #86efac;--ari-warn-bg: rgb(234 179 8 / .14);--ari-warn-line: rgb(234 179 8 / .35);--ari-warn-text: #fde68a;--ari-bad-bg: rgb(239 68 68 / .14);--ari-bad-line: rgb(239 68 68 / .35);--ari-bad-text: #fca5a5;--ari-info-bg: rgb(59 130 246 / .14);--ari-info-line: rgb(59 130 246 / .35);--ari-info-text: #93c5fd;--ari-muted-bg: rgb(148 163 184 / .12);--ari-muted-line: rgb(148 163 184 / .3);--ari-muted-text: #cbd5e1;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ari-bg);color:var(--ari-text);font-family:var(--ari-font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}p{margin:0}a{color:var(--ari-accent)}:focus-visible{outline:2px solid var(--ari-focus);outline-offset:2px}.shell{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:16px;height:56px;padding:0 20px;background:var(--ari-surface);border-bottom:1px solid var(--ari-border)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;color:var(--ari-text);text-decoration:none}.brand-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--ari-accent);color:var(--ari-on-accent);font-size:15px}.nav{display:flex;gap:4px;margin-left:8px}.nav a{padding:6px 12px;border-radius:var(--ari-radius-sm);color:var(--ari-text-2);text-decoration:none;font-weight:500}.nav a[aria-current=page]{background:var(--ari-surface-2);color:var(--ari-text)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:24px 20px 48px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.spacer{flex:1}.card{background:var(--ari-surface);border:1px solid var(--ari-border);border-radius:var(--ari-radius);padding:20px}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.muted{color:var(--ari-text-3)}.small{font-size:13px}.mono{font-family:var(--ari-mono)}.center-screen{min-height:100%;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:400px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--ari-text-2)}.input,.select{height:40px;padding:0 12px;border:1px solid var(--ari-border-strong);border-radius:var(--ari-radius-sm);background:var(--ari-surface);color:var(--ari-text);font:inherit}.input:disabled,.select:disabled{opacity:.6}.input-code{height:52px;text-align:center;font-family:var(--ari-mono);font-size:24px;letter-spacing:.4em}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ari-text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--ari-radius-sm);border:1px solid var(--ari-border-strong);background:var(--ari-surface);color:var(--ari-text);font:inherit;font-weight:600;cursor:pointer}.btn:hover:not(:disabled){background:var(--ari-surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--ari-accent);border-color:var(--ari-accent);color:var(--ari-on-accent)}.btn-primary:hover:not(:disabled){background:var(--ari-accent-hover)}.btn-ghost{border-color:transparent;background:transparent;color:var(--ari-text-2)}.btn-sm{height:32px;padding:0 10px;font-size:13px}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--ari-muted-line);background:var(--ari-muted-bg);color:var(--ari-muted-text);font-size:12px;font-weight:600;white-space:nowrap}.chip-ok{border-color:var(--ari-ok-line);background:var(--ari-ok-bg);color:var(--ari-ok-text)}.chip-warn{border-color:var(--ari-warn-line);background:var(--ari-warn-bg);color:var(--ari-warn-text)}.chip-bad{border-color:var(--ari-bad-line);background:var(--ari-bad-bg);color:var(--ari-bad-text)}.chip-info{border-color:var(--ari-info-line);background:var(--ari-info-bg);color:var(--ari-info-text)}.alert{display:flex;gap:10px;padding:12px 14px;border-radius:var(--ari-radius-sm);border:1px solid var(--ari-muted-line);background:var(--ari-muted-bg);color:var(--ari-muted-text);font-size:14px}.alert-bad{border-color:var(--ari-bad-line);background:var(--ari-bad-bg);color:var(--ari-bad-text)}.alert-warn{border-color:var(--ari-warn-line);background:var(--ari-warn-bg);color:var(--ari-warn-text)}.alert-ok{border-color:var(--ari-ok-line);background:var(--ari-ok-bg);color:var(--ari-ok-text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#00000080}.modal{width:100%;max-width:440px;background:var(--ari-surface);border:1px solid var(--ari-border);border-radius:var(--ari-radius)}.modal-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--ari-border)}.modal-body{padding:20px}.qr{width:176px;height:176px;border-radius:var(--ari-radius-sm);border:1px solid var(--ari-border);background:#fff}.meter{position:relative;height:12px;border-radius:999px;background:var(--ari-surface-2);border:1px solid var(--ari-border);overflow:hidden}.meter-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--ari-meter-low)}.meter-fill[data-level=mid]{background:var(--ari-meter-mid)}.meter-fill[data-level=high]{background:var(--ari-meter-high)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:14px}.kv dt{color:var(--ari-text-3)}.kv dd{margin:0;font-weight:600}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--ari-border);border-top-color:var(--ari-accent);animation:ari-spin .9s linear infinite}@keyframes ari-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}}