:root{--bg:#080c18;--panel:#101733;--panel-2:#16204a;--line:#24306b;--text:#eaf0ff;--muted:#93a2d0;--accent:#7aa2ff;--ok:#4fd1a5;--danger:#ff7a90;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 20% -10%, #1a2454 0%, var(--bg) 60%);color:var(--text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app{flex-direction:column;min-height:100%;display:flex}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#080c18bf;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;font-weight:650}.header-actions{align-items:center;gap:12px;display:flex}.state{letter-spacing:.08em;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 8px;font:600 11px/1 ui-monospace,monospace}main{flex:1;padding:20px}.centered{place-items:center;min-height:70vh;display:grid}.card{background:linear-gradient(180deg, var(--panel) 0%, #0d1430 100%);border:1px solid var(--line);border-radius:14px;padding:20px}.auth{gap:12px;width:min(420px,92vw);display:grid}h1,h2,h3{margin:0 0 4px;line-height:1.25}label{color:var(--muted);gap:6px;font-size:13px;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0a1129;border-radius:10px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #7aa2ff80}button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:10px 14px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.55;cursor:default}button.primary{background:linear-gradient(#3f62d8 0%,#2b45a8 100%);border-color:#4f6fe0;font-weight:600}button.danger{color:var(--danger);background:0 0;border-color:#5b2537}button.link{color:var(--accent);background:0 0;border:none;justify-self:start;padding:4px}.muted{color:var(--muted)}.small{font-size:12px}.hint{color:var(--muted);margin:0;font-size:12px}.ok{color:var(--ok);margin:0}.error-text{color:var(--danger);margin:0;font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.block{border:1px solid var(--line);word-break:break-all;background:#0a1129;border-radius:10px;padding:10px 12px;display:block}.banner{justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:14px;display:flex}.banner.error{color:#ffd7de;background:#3a1524;border-bottom:1px solid #5b2537}.banner.notice{color:#d3fff2;background:#10322a;border-bottom:1px solid #1c5647}.divider{text-align:center;color:var(--muted);font-size:12px}.vault{gap:16px;display:grid}.tabs{align-items:center;gap:8px;display:flex}.tabs .active{border-color:var(--accent);color:#fff}.revision{color:var(--muted);margin-left:auto;font:500 12px/1 ui-monospace,monospace}.columns{grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:16px;display:grid}@media (width<=820px){.columns{grid-template-columns:1fr}}.list-header{gap:8px;margin-bottom:12px;display:flex}.list ul,.devices{gap:8px;margin:0;padding:0;list-style:none;display:grid}.row{text-align:left;background:#0a1129;gap:2px;width:100%;display:grid}.row.active{border-color:var(--accent)}.detail{gap:12px;display:grid}.actions{flex-wrap:wrap;gap:8px;display:flex}.placeholder{gap:8px;padding:24px 4px;display:grid}.empty{padding:12px 0}.devices li{border:1px solid var(--line);background:#0a1129;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.devices li>div{gap:3px;display:grid}.badge{border:1px solid var(--accent);color:var(--accent);border-radius:999px;margin-left:8px;padding:2px 7px;font-size:11px;display:inline-block}.overlay{z-index:10;background:#040710cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.kit{gap:10px;width:min(560px,94vw);display:grid}.kit .key{letter-spacing:.06em;font-size:15px;line-height:1.8}.checkbox{color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.checkbox input{width:auto}