@font-face{font-family:SpaceGrotesk;src:url('fonts/SpaceGrotesk.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
:root{--navy:#101b35;--navy-2:#182846;--ink:#18253c;--muted:#697891;--line:#dfe6f0;--blue:#315ecc;--blue-dark:#244daf;--pale:#f5f7fb;--white:#fff;--orange:#ff9818;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--pale)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.5}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,.brand,.card strong{font-family:SpaceGrotesk,'Segoe UI',Arial,sans-serif}h1{font-size:clamp(27px,2.3vw,34px);line-height:1.16;letter-spacing:-.035em;margin:5px 0 0}h2{font-size:20px;letter-spacing:-.02em;margin:0 0 16px}p{margin-top:0}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(165deg,#142340,#0d1730);color:#e8eefc;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;line-height:1.05;letter-spacing:.025em;white-space:nowrap;margin:2px 4px 31px}.brand img{width:44px;height:44px;object-fit:contain;flex:none}.brand b{color:var(--orange)}.brand small{display:block;font:600 9px Inter,'Segoe UI',sans-serif;letter-spacing:.18em;color:#a5b9d6;margin-top:6px}.side-label{color:#8194b4;letter-spacing:.15em;font-size:10px;font-weight:800;margin:20px 13px 7px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:block;color:#cbd8ed;padding:10px 13px;border-radius:9px;font-size:13.5px;font-weight:550;transition:background .15s,color .15s}.sidebar nav a:hover{background:#233557;color:#fff}.sidebar nav a.active{background:#2a416b;color:#fff;box-shadow:inset 3px 0 0 var(--orange);font-weight:700}.sidebar nav a.signout{margin-top:13px;border-top:1px solid #30405d;border-radius:0;padding-top:16px}.side-foot{margin-top:auto;padding:25px 13px 3px;color:#98a9c5;font:700 10px SpaceGrotesk,Arial,sans-serif;letter-spacing:.08em}.side-foot span{display:block;font:400 11px Inter,Arial,sans-serif;letter-spacing:0;margin-top:5px}
.content{width:100%;min-width:0;max-width:1600px;padding:28px clamp(18px,3vw,46px) 65px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#7f8da3}.user-chip{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:999px;padding:9px 14px;font-size:12px;color:#34425d;font-weight:600;box-shadow:0 2px 7px #14233d08}.user-dot{display:inline-block;background:#27ad82;width:8px;height:8px;border-radius:50%;margin-right:9px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:15px;margin-bottom:24px}.card,.panel{background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px #16284708}.card{position:relative;overflow:hidden;padding:19px 20px;min-height:112px;color:#5c6d87;font-size:12px;font-weight:650}.card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),#78a6f7)}.card strong{display:block;color:#172741;font-size:clamp(23px,2vw,29px);font-weight:700;line-height:1.18;letter-spacing:-.035em;margin-top:11px;overflow-wrap:anywhere}.panel{padding:22px;margin-bottom:20px}.muted{color:var(--muted);font-size:13px}.notice{padding:13px 16px;border-radius:10px;background:#eaf2ff;border:1px solid #d8e7ff;color:#27436f;margin-bottom:19px}.notice.error,.error{background:#fff0ef;border-color:#ffd3d1;color:#9d3433}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:15px}.row .field{margin:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:#465670;font-size:12px;font-weight:700}.field input,.field select,input:not([type=checkbox]),select,textarea{min-height:40px;border:1px solid #cdd8e5;border-radius:9px;background:#fff;color:#18253c;padding:9px 11px;outline:none}.field input:focus,.field select:focus,input:focus,select:focus,textarea:focus{border-color:#5882de;box-shadow:0 0 0 3px #3670dc20}input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px;flex:none}.selection{max-height:245px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:13px;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:9px}.selection label{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:#3d4d69;overflow-wrap:anywhere}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:39px;background:var(--blue);border:1px solid var(--blue);color:#fff;padding:9px 15px;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 5px #1b4ba424}button:hover,.button:hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}.tablewrap{width:100%;max-width:100%;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;background:#fff}th,td{text-align:left;padding:11px 13px;border-bottom:1px solid #edf1f6;vertical-align:middle}th{color:#687991;background:#f6f8fc;font-size:11px;font-weight:800;letter-spacing:.015em;white-space:nowrap}td{font-size:12.5px;color:#24344f}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#f9fbff}td a{font-weight:700}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#e7effa;color:#325d9f;font-size:11px;font-weight:700}.badge.cardmethod{background:#fff1de;color:#935e12}.badge.fingerprint{background:#e3f6ed;color:#167047}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 15%,#dce8ff,transparent 40%),var(--pale)}.login{width:min(100%,440px);padding:34px}.loginbrand{color:var(--ink);margin-bottom:25px}.loginbrand small{color:#60718a}.login-intro{font-size:10px;letter-spacing:.17em;color:#8190a6;font-weight:800;margin-bottom:14px}.login h1{margin-bottom:10px}.login form{margin-top:20px}.login button{width:100%}
@media(max-width:900px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:20px 10px}.brand{font-size:13px}.brand img{width:34px;height:34px}.content{padding:22px 17px 50px}.cards{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}}
@media(max-width:700px){.shell{display:block}.sidebar{height:auto;position:relative;padding:15px 14px 10px}.brand{margin-bottom:12px}.side-label,.side-foot{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:4px}.sidebar nav a{white-space:nowrap;padding:8px 10px;font-size:12px}.sidebar nav a.active{box-shadow:inset 0 -3px 0 var(--orange)}.sidebar nav a.signout{margin:0;border:0;padding:8px 10px}.content{padding:21px 14px 45px}.topbar{margin-bottom:20px}.user-chip{display:none}.panel{padding:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{padding:14px;min-height:92px}.card strong{font-size:20px}.selection{grid-template-columns:1fr}}
.qr-wrap{display:flex;justify-content:center;padding:18px;background:#fff;border-radius:16px;max-width:288px;margin:20px 0}.setup-key code{font-size:1.15rem;letter-spacing:.12em;word-break:break-all;background:#eef3fb;padding:12px 16px;border-radius:10px}.recovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:18px 0}.recovery-grid code{display:block;background:#eef3fb;padding:12px;border-radius:10px;letter-spacing:.08em}