:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef2ff;background:#080d1c}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 72% -12%,#263768 0,#101a35 32%,#080d1c 72%);min-height:100vh}
.shell{max-width:1040px;margin:auto;padding:54px 22px 80px}
header,.section-title,.list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
h1{font-size:48px;letter-spacing:-2px;margin:4px 0}.eyebrow{color:#9aa8ff;font-size:12px;font-weight:700;letter-spacing:2px;margin:0}.subtitle,p{color:#9ca8c7;margin:0}.badge{background:#15213c;border:1px solid #293961;border-radius:99px;padding:10px 15px;color:#a9e8c5;font-size:13px}
.card{background:rgba(18,27,51,.86);border:1px solid #26355b;border-radius:18px;padding:24px;box-shadow:0 20px 70px #02050f55}.form-card{margin-top:36px}.form-card h2,.list-head h2{margin:0 0 6px;font-size:20px}.form-card p,.list-head p{font-size:13px}
form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:23px}label{font-size:12px;color:#aeb9d6}label span{color:#ff8e9e}input{display:block;width:100%;margin-top:8px;background:#0d152a;border:1px solid #2b3b63;border-radius:9px;padding:12px;color:#f1f4ff;outline:none}input:focus{border-color:#8394ff;box-shadow:0 0 0 3px #8291ff22}
button{border:0;border-radius:9px;background:#8291ff;color:#0b1020;font-weight:700;padding:12px 18px;cursor:pointer;align-self:end}button:hover{filter:brightness(1.1)}button:disabled{opacity:.7;cursor:wait}.list-head{margin:42px 0 17px;align-items:center}.ghost{background:transparent;border:1px solid #40517e;color:#cbd3ff;padding:9px 14px}
.accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.account{background:#121b33;border:1px solid #26355b;border-radius:15px;padding:20px}.account-top{display:flex;justify-content:space-between;gap:12px}.issuer{font-weight:700}.label{font-size:12px;color:#8996b6;margin-top:4px}.code{font-size:34px;letter-spacing:7px;color:#fff;margin:22px 0 8px;font-variant-numeric:tabular-nums}.meta{font-size:12px;color:#8f9aba}.bar{height:4px;background:#243356;border-radius:5px;margin:12px 0 16px;overflow:hidden}.bar i{display:block;height:100%;background:#8492ff;transition:width 1s linear}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px;padding:8px 10px;background:#26375f;color:#dbe2ff}.actions .danger{color:#ffafba;background:#3b2035}.secret{font-size:11px;color:#8996b6;word-break:break-all;margin:10px 0}.empty{text-align:center;color:#8996b6;padding:50px}.hidden{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e4e9ff;color:#111a35;padding:11px 18px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:36px 34px;background:linear-gradient(145deg,rgba(23,35,67,.94),rgba(13,21,42,.94));border-color:#354775;box-shadow:0 24px 90px #02050f99}.login-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:22px;background:linear-gradient(135deg,#91a0ff,#6878e9);color:#0b1020;font-size:23px;font-weight:900;box-shadow:0 10px 25px #6e80ff44}.login-card h1{font-size:34px;letter-spacing:-1px;margin:8px 0}.login-card .subtitle{font-size:14px;margin-bottom:28px}.login-card form{display:flex;flex-direction:column;gap:17px;margin-top:0}.login-card label{font-size:13px}.login-card input{height:46px;margin-top:7px;font-size:14px}.login-card button{width:100%;height:46px;margin-top:4px;font-size:14px}.error{color:#ff9cae;font-size:13px;min-height:18px;margin:0}
@media(max-width:650px){h1{font-size:38px}.shell{padding-top:32px}.login-card{padding:30px 24px}.header-actions{justify-content:flex-start}form{grid-template-columns:1fr}}