:root{--bg:#07111c;--panel:#101d2b;--panel2:#132438;--line:#2d435a;--text:#f4f7fb;--muted:#adbac8;--blue:#4d9dff;--green:#71d98a;--gold:#f0c259}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#07111c,#091827);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}.shell{max-width:1180px;margin:0 auto;min-height:100vh;padding:0 20px 34px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20374d;gap:18px}.brand{display:flex;align-items:center;gap:10px}.mark{font-size:27px;color:var(--blue)}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#7892a9;font-size:9px;letter-spacing:.12em;margin-top:4px}.session-area{display:flex;align-items:center;gap:10px;color:#b8c8d6;font-size:12px}.hidden{display:none!important}.auth-card{max-width:520px;margin:70px auto 0;background:linear-gradient(180deg,#102337,#0d1a28);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.eyebrow{color:#7fbbe8;font-size:10px;font-weight:900;letter-spacing:.12em}.auth-card h1,.hero h1{margin:8px 0 8px}.auth-card p,.hero p{color:#b8c7d4;line-height:1.55}.auth-card form{display:grid;gap:13px;margin-top:20px}.auth-card label{display:grid;gap:6px;color:#cbd8e4;font-size:12px;font-weight:750}.auth-card input,.toolbar input{background:#0b1622;border:1px solid #38516b;border-radius:10px;color:#fff;padding:12px;outline:none}.auth-card input:focus,.toolbar input:focus{border-color:#5a9bd2;box-shadow:0 0 0 2px rgba(64,137,198,.16)}.btn{border-radius:9px;padding:10px 13px;font-weight:800;cursor:pointer}.btn.primary{background:#2e83c7;border:1px solid #4a9bd8;color:white}.btn.secondary{background:#122235;border:1px solid #35506c;color:#edf5ff}.message{min-height:20px;margin-top:10px;color:#f0c259;font-size:12px}.security-note{margin-top:18px;padding:12px;border-radius:10px;background:#0c1a28;border:1px solid #2b435a;color:#aebdca;font-size:11.5px;line-height:1.5}.security-note strong{color:#fff}.hero{margin-top:28px;padding:22px;background:linear-gradient(110deg,#12283e,#0f2133);border:1px solid #2d435a;border-radius:16px;display:flex;justify-content:space-between;gap:18px;align-items:center}.hero p{max-width:760px;margin:0}.security-badge{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#163c2a;border:1px solid #3b855c;color:#9fe3ba;font-size:10px;font-weight:850}.toolbar{display:flex;gap:9px;margin:16px 0}.toolbar input{flex:1}.warning{padding:14px 15px;background:#211c11;border:1px solid #75612d;border-left:4px solid #d1a83b;border-radius:11px;color:#e7dcc0;margin-bottom:15px}.warning strong{color:#ffe59a}.warning p{margin:5px 0 0;font-size:12px}.records-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.record-card{background:#101f2f;border:1px solid #2d435a;border-radius:12px;padding:15px;min-height:190px}.record-top{display:flex;justify-content:space-between;gap:10px}.record-id{font-size:9px;padding:4px 7px;border-radius:999px;background:#193a5e;color:#acd3fb;border:1px solid #38648a;font-weight:850}.record-card h3{margin:12px 0 5px}.record-card .category{color:#83bff0;font-size:11px}.record-card p{color:#aebdca;font-size:12px;line-height:1.5}.record-card .protected{margin-top:12px;color:#8fe0a4;font-size:10px;font-weight:800}.prototype-info{margin-top:18px;background:#0f1d2b;border:1px solid #2b4158;border-radius:14px;padding:16px}.prototype-info h2{margin:0 0 12px;font-size:17px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.info-grid article{background:#0c1a28;border:1px solid #294158;border-radius:10px;padding:12px}.info-grid strong{font-size:12px}.info-grid p{margin:5px 0 0;color:#9fb0bf;font-size:11px;line-height:1.45}footer{margin-top:22px;color:#72879a;font-size:10px;text-align:center;line-height:1.5}@media(max-width:800px){.shell{padding:0 12px 26px}.topbar{height:auto;padding:13px 0;align-items:flex-start;flex-direction:column}.hero{align-items:flex-start;flex-direction:column}.records-grid,.info-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.auth-card{margin-top:30px;padding:20px}.session-area{width:100%;justify-content:space-between}}