:root{--nav:#102b5c;--primary:#1d4ed8;--ink:#172033;--muted:#667085;--line:#e4e9f1;--bg:#f4f7fb;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--ink)}aside{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(180deg,#123570,#0b2249);padding:24px 16px;color:white}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 25px}.mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#f3b61f;color:#102b5c;font-weight:900;font-size:24px}.brand b,.brand small{display:block}.brand small{opacity:.7;margin-top:3px}nav{display:grid;gap:5px}nav a{color:#d6e2f6;text-decoration:none;padding:12px 14px;border-radius:9px;font-size:14px}nav a:hover,nav a.active{background:#ffffff17;color:white}main{margin-left:245px;padding:24px 30px;min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}header h1{margin:0;font-size:25px}header p,.panel p{margin:5px 0 0;color:var(--muted);font-size:13px}.menu{display:none}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:8px;padding:11px 16px;background:var(--primary);color:white;text-decoration:none;font-weight:700;cursor:pointer}.btn.ghost{background:white;color:var(--primary);border:1px solid #ccd7e8}.hero{background:linear-gradient(120deg,#143a78,#1d5bb4);border-radius:18px;color:white;padding:35px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px #173b7822}.hero h2{font-size:30px;max-width:560px;margin:8px 0}.hero p{max-width:600px;color:#d9e7ff;line-height:1.6;margin-bottom:20px}.hero span{font-size:11px;letter-spacing:2px;color:#f3c344}.hero-icon{font-size:90px;opacity:.16}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stats article,.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 3px 12px #15264a08}.stats small{display:block;color:var(--muted)}.stats strong{display:block;font-size:30px;margin-top:8px;color:#173b78}.panel{margin-bottom:18px}.panel h3{margin:0 0 16px}.steps{display:flex;flex-wrap:wrap;gap:10px}.steps span{background:#eff5ff;color:#244c87;padding:10px 13px;border-radius:8px;font-size:13px}.two-col{display:grid;grid-template-columns:340px 1fr;gap:18px}.form{display:grid;gap:14px;align-content:start}.form label{display:grid;gap:6px;color:#344054;font-size:13px;font-weight:700}.form input,.form select,select{width:100%;border:1px solid #cfd8e6;border-radius:8px;padding:10px;background:white;color:var(--ink)}.inline{grid-template-columns:1fr 90px}.inline .btn{grid-column:1/-1}.table-wrap{overflow:auto;padding:0}.table-wrap>p{padding:4px 18px}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid var(--line);padding:13px;font-size:13px}.table-wrap th{background:#f8fafc;color:#475467;font-size:11px;text-transform:uppercase}.danger{background:#fff1f2;color:#be123c;border:0;border-radius:6px;padding:7px;cursor:pointer}.swatch{display:block;width:22px;height:22px;border-radius:6px}.toolbar{display:flex;gap:10px;align-items:center}.toolbar form:first-child{min-width:260px}.schedule{min-width:900px}.schedule th,.schedule td{text-align:center}.schedule th small{display:block;font-weight:400;margin-top:4px}.schedule select{font-size:11px;min-width:125px}.settings{max-width:620px}.alert{padding:12px 15px;border-radius:9px;margin-bottom:18px}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}#toast{position:fixed;right:24px;bottom:24px;padding:12px 18px;border-radius:9px;color:white;opacity:0;transform:translateY(10px);transition:.2s}#toast.show{opacity:1;transform:none}#toast.ok{background:#15803d}#toast.bad{background:#b91c1c}@media(max-width:850px){aside{transform:translateX(-100%);transition:.2s;z-index:5}.nav-open aside{transform:none}main{margin-left:0;padding:18px}.menu{display:block;border:0;background:white;border-radius:8px;padding:10px}.two-col{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}header .ghost{display:none}.hero-icon{display:none}.toolbar{align-items:stretch;flex-direction:column}.toolbar form:first-child{min-width:0}}