:root{--navy:#102a43;--blue:#1769e0;--cyan:#12b8c4;--bg:#f3f7fb;--text:#243b53;--muted:#708090;--danger:#c62828;--success:#198754;--border:#d9e2ec}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(140deg,#eef6ff,#f8fbfd);color:var(--text);min-height:100vh}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,480px) minmax(420px,1fr)}.brand-panel{background:linear-gradient(155deg,#102a43,#0b4f75 60%,#078a94);color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:space-between}.brand-mark{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-weight:800;font-size:25px;border:1px solid rgba(255,255,255,.25)}.brand-panel h1{font-size:42px;line-height:1.08;margin:25px 0 12px}.brand-panel p{color:#d9f3f6;line-height:1.7}.content-panel{display:grid;place-items:center;padding:38px}.card{width:min(100%,520px);background:#fff;border:1px solid var(--border);border-radius:20px;padding:34px;box-shadow:0 20px 60px rgba(16,42,67,.12)}h2{margin:0 0 8px;color:var(--navy)}.subtitle{color:var(--muted);margin:0 0 25px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}.input{width:100%;border:1px solid #bcccdc;border-radius:10px;padding:12px 13px;font-size:15px;outline:none}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,224,.12)}.button{display:inline-block;border:0;border-radius:10px;padding:12px 18px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer;text-decoration:none}.button.block{width:100%}.button.secondary{background:#e9f2ff;color:#1556aa}.button.danger{background:var(--danger)}.links{text-align:center;margin-top:18px}.links a{color:var(--blue);text-decoration:none}.alert{border-radius:10px;padding:12px 14px;margin:0 0 18px;background:#e9f7ef;color:#17663a}.alert.error{background:#ffebee;color:#8e1b1b}.validation{color:var(--danger);font-size:12px;display:block;margin-top:5px}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar .title{font-weight:800;color:var(--navy)}.app{background:var(--bg);min-height:100vh}.container{max-width:1180px;margin:0 auto;padding:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat,.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px}.stat .number{font-size:30px;font-weight:800;color:var(--navy)}.stat .label{color:var(--muted);font-size:13px}.panel{margin-bottom:20px}.panel h3{margin-top:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e8eef3;padding:12px 9px}th{color:#52677b;font-size:12px;text-transform:uppercase}.badge{display:inline-block;border-radius:999px;padding:4px 9px;background:#eaf2ff;color:#1556aa;font-size:12px}.badge.ok{background:#e6f6ed;color:#17663a}.badge.bad{background:#ffebee;color:#922}.actions{display:flex;gap:8px;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.otp{font-size:28px;letter-spacing:8px;text-align:center}.footer{font-size:12px;color:var(--muted)}@media(max-width:850px){.shell{display:block}.brand-panel{min-height:250px;padding:35px}.brand-panel h1{font-size:31px}.content-panel{padding:20px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.card{padding:24px}.grid2{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.container{padding:16px}.topbar{padding:0 16px}}