:root{--navy:#07192d;--navy2:#0b2340;--blue:#1689ff;--cyan:#2bc3ff;--ink:#18324b;--muted:#6e8298;--line:#dce6ef;--bg:#f3f7fb;--white:#fff;--danger:#d33b4d}*{box-sizing:border-box}body{margin:0;font:15px/1.45 Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}.auth-bg{min-height:100vh;background:radial-gradient(circle at 20% 10%,#143e68 0,var(--navy) 43%,#040e19 100%)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.panel{background:#fff;border-radius:20px;box-shadow:0 30px 80px #0006;padding:36px;width:min(440px,100%)}.panel.wide{width:min(760px,100%)}.logo{display:flex;gap:15px;align-items:center;margin-bottom:26px}.logo>span,.brand span{display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font:800 28px Georgia;width:52px;height:52px;border-radius:14px}.logo h1,.logo p{margin:0}.logo p{color:var(--muted)}form{display:grid;gap:15px}label{display:grid;gap:6px;font-weight:650}input{width:100%;padding:12px 13px;border:1px solid #cbd8e4;border-radius:10px;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1689ff20}label small{font-weight:400;color:var(--muted)}.primary,.install{border:0;border-radius:10px;padding:13px 18px;background:linear-gradient(135deg,var(--blue),#0561d6);color:white;font-weight:750;cursor:pointer}.copyright{display:block;text-align:center;color:var(--muted);margin-top:24px}.grid{grid-template-columns:1fr 1fr}.grid h2,.grid .full{grid-column:1/-1}.grid h2{font-size:16px;margin:8px 0 -3px;padding-bottom:8px;border-bottom:1px solid var(--line)}.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px}.alert.danger{background:#fff0f1;color:#9d2635}.alert.success{background:#e9fbf3;color:#11623e}.topbar{height:76px;background:var(--navy2);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));box-shadow:0 5px 20px #07192d2e}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:19px}.brand span{width:40px;height:40px;border-radius:11px;font-size:23px}.user{display:flex;align-items:center;gap:10px}.user small{color:#a9bdd0}.user form{display:block}.user button{border:1px solid #ffffff45;background:transparent;color:white;border-radius:8px;padding:7px 11px}.app{max-width:1200px;margin:auto;padding:34px 24px}.welcome{border-radius:20px;padding:30px 34px;color:white;background:linear-gradient(120deg,var(--navy2),#124b79);display:flex;justify-content:space-between;align-items:center;box-shadow:0 16px 40px #0b234026}.welcome p{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--cyan);margin:0 0 5px}.welcome h1{margin:0;font-size:30px}.welcome span{color:#c5d5e4}.install{background:white;color:var(--navy2)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.cards article{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px #173b5910}.cards span,.cards small{display:block;color:var(--muted)}.cards strong{display:block;font-size:34px;margin:8px 0;color:var(--navy2)}.danger-card strong{color:var(--danger)}.empty{text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px}.check{margin:auto;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e9fbf3;color:#168a57;font-size:28px;font-weight:bold}.empty h2{margin-bottom:6px}.empty p{color:var(--muted)}.steps{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.steps>*{padding:8px 12px;background:#edf3f8;border-radius:8px}.steps b{background:#e0efff;color:#0766c8}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.user small{display:none}.welcome{align-items:flex-start;gap:18px}.grid{grid-template-columns:1fr}.grid>*{grid-column:1!important}}@media(max-width:520px){.cards{grid-template-columns:1fr}.topbar{padding:0 14px}.brand b{font-size:16px}.app{padding:20px 14px}.welcome{padding:24px;flex-direction:column}.panel{padding:26px 20px}}