:root{--ink:#142235;--muted:#536173;--paper:#f5f7fb;--white:#fff;--line:#e2e8ef;--blue:#175fc4;--aqua:#45a1cf;--ok:#0a744d;--warn:#916115;--error:#a92831;--shadow:0 12px 32px rgba(20,34,53,.06)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.53;background:var(--paper)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--blue)}a:hover{text-decoration:underline}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--line);padding:15px max(5vw,24px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:19px;font-weight:780;letter-spacing:-.7px}.brand small{display:block;font-size:9px;font-weight:700;color:#708299;letter-spacing:2px}.brandicon{background:#163d78;border-radius:12px;padding:10px;color:white;font-size:17px;letter-spacing:-2px}.topbar nav{display:flex;align-items:center;gap:20px;font-size:13px}.topbar nav a{text-decoration:none;color:var(--muted);font-weight:600}
.container{width:min(1060px,calc(100% - 32px));margin:48px auto;flex:1}
h1{font-size:clamp(30px,3.6vw,49px);font-weight:780;letter-spacing:-1.9px;line-height:1.15;margin:10px 0 14px}h1 em{font-style:normal;color:var(--blue)}h2{font-size:21px;letter-spacing:-.5px;margin:12px 0 19px}p{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.1px;color:#246aae}
.authshell{max-width:560px;margin:70px auto}.authshell>p{max-width:510px;font-size:16px;margin-bottom:30px}
.panel{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:27px;box-shadow:var(--shadow);margin:20px 0}.panel.narrow{max-width:620px}.panel h2{margin-top:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid2 .panel{margin:5px 0}
.field{display:flex;flex-direction:column;gap:8px;margin:18px 0}.field label{font-size:13px;font-weight:700}.field input:not([type=checkbox]),.field select,input:not([type=checkbox]),select{width:100%;border:1px solid #ccd7e4;background:#fff;border-radius:10px;padding:13px 14px;color:#1c2b40;font:inherit;font-size:14px}.field input:focus{outline:3px solid #d7eafb;border-color:var(--blue)}input[type=checkbox]{accent-color:var(--blue)}.checkfield{flex-direction:row;align-items:flex-start}.checkfield label{order:2;font-weight:500;flex:1}.checkfield input{width:auto;order:1;margin-top:5px}
button,.buttonlink{font:inherit;font-weight:680;cursor:pointer;border-radius:10px;padding:11px 18px;border:1px solid #cbd6e4;color:#173958;background:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px}.primary{background:#1557b6;border-color:#1557b6;color:#fff}.primary:hover{background:#0f499d;color:#fff;text-decoration:none}.secondary{background:#f7faff;color:#1e5bab}.wide{width:100%}.textbutton{border:0;background:none;padding:3px;color:var(--blue)}.danger{color:var(--error)}.inline{display:inline}
.subtlelink{display:inline-block;font-size:13px;margin-top:12px}.small{font-size:13px;color:#647387}.backlink{font-size:13px;display:inline-block;margin-bottom:22px}.headingrow{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.headingrow p{max-width:680px}.headingrow h2{margin:0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:32px 0 36px}.stats>div{background:#fff;border:1px solid var(--line);padding:21px 24px;border-radius:14px;display:flex;flex-direction:column}.stats strong{font-size:30px}.stats span{color:#63748a;font-size:12px}
.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px;margin:18px 0 36px}.accountcard,.emptycard{min-height:180px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:15px;background:#fff;text-decoration:none;color:var(--ink)}.accountcard:hover{border-color:#9ac2f2;box-shadow:var(--shadow);text-decoration:none}.glyph{border-radius:11px;background:#edf4ff;color:#1d5fba;padding:6px 12px;font-weight:800}.emptycard{grid-column:1/-1;min-height:150px}
.status{display:inline-block;font-size:12px;font-weight:650;padding:5px 9px;border-radius:6px;background:#f0f3f6;color:#5c6674}.status.good{background:#e9f8f0;color:var(--ok)}.status.warn{background:#fff5df;color:var(--warn)}
.alert{padding:14px 17px;border-radius:10px;background:#eff5ff;border:1px solid #c3d9ff;margin-bottom:18px;color:#255580}.alert.success{background:#edf9f3;border-color:#cee7d8;color:#196743}.alert.error{background:#fff1f1;border-color:#ffd6da;color:#a92831}.alert.warn{background:#fff7e6;border-color:#f1d9a6;color:#704c12}.messages{margin-bottom:18px}
.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:#63758b}td,th{padding:14px 9px;border-bottom:1px solid #eef1f5}td{font-size:13px;color:#3c4b5e}tr:last-child td{border:0}
.secretline{display:block;margin-top:14px;white-space:normal;overflow-wrap:anywhere;color:#333;font-size:13px;background:white;padding:12px;border-radius:8px}
code{background:#eaf0f8;border-radius:5px;padding:2px 6px;font-size:12px;word-break:break-all}
.qrwrap{display:flex;justify-content:center;margin:16px 0}.qrwrap img{max-width:250px;width:100%}
#scanner{max-width:100%;border-radius:12px;background:#182436;aspect-ratio:1}
.minor-divider{border:0;border-top:1px solid var(--line);margin:24px 0}.advanced{margin:17px 0;padding:10px 14px;border:1px solid var(--line);border-radius:10px}.advanced summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--blue)}.advanced[open] summary{margin-bottom:14px}
footer{border-top:1px solid var(--line);padding:23px max(5vw,24px);font-size:11px;color:#7e8c9f;display:flex;justify-content:space-between;gap:15px}
@media(max-width:680px){.container{margin:28px auto}.topbar{padding:12px 17px}.topbar nav{gap:9px}.topbar nav a{font-size:11px}.brand small{display:none}.grid2,.stats{grid-template-columns:1fr}.stats{gap:8px}.stats>div{padding:13px 18px}.headingrow{align-items:flex-start;flex-direction:column}.panel{padding:19px}.authshell{margin:35px auto}.cardgrid{grid-template-columns:1fr}.topbar nav a:nth-child(1){display:none}footer{flex-direction:column}}