@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172033;--muted:#68748a;--line:#e7ebf2;--blue:#315efb;--blue2:#2449d8;--bg:#f5f7fb;--green:#0b9668}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:Manrope;font-weight:800;letter-spacing:-.5px}.brand b{color:var(--blue)}nav{display:flex;gap:25px}nav a,.tiny a{color:var(--muted);text-decoration:none;font-size:13px}nav a:hover,.tiny a:hover{color:var(--blue)}.wrap{max-width:1120px;margin:46px auto;padding:0 24px;min-height:calc(100vh - 170px)}footer{text-align:center;padding:25px;color:#9aa3b3;font-size:12px}footer span{padding:0 7px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:38px auto;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #1b2a4610;min-height:590px}.auth-panel{padding:64px 58px;align-self:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--blue);margin-bottom:16px}.auth-panel h1,.login-admin h1,.page-head h1,.narrow h1{font:800 38px/1.16 Manrope;margin:0 0 15px;letter-spacing:-1.4px}.auth-panel h1 span,.login-admin h1 span{color:var(--blue)}.muted{color:var(--muted);line-height:1.65}.form{display:grid;gap:18px;margin-top:30px}.form label,.form-grid label{display:grid;gap:8px;font-size:13px;font-weight:600;color:#39445a}input,select{width:100%;height:47px;border:1px solid #dfe4ed;border-radius:10px;padding:0 13px;font:14px 'DM Sans';color:var(--ink);background:#fff;outline:none}input:focus,select:focus{border-color:#7893ff;box-shadow:0 0 0 3px #315efb18}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:10px;padding:13px 18px;font-weight:700;text-decoration:none;cursor:pointer;font-size:14px}.primary{background:var(--blue);color:white}.primary:hover{background:var(--blue2)}.secondary{background:#eef1f7;color:#33405a}.wide{width:100%;height:50px}.tiny{font-size:12px;color:#98a1b1;margin-top:24px}.visual-panel{position:relative;background:#dce6ff;min-height:590px;overflow:hidden}.login-image{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.image-fallback{position:absolute;inset:0;display:none;place-content:center;text-align:center;padding:30px;background:radial-gradient(circle at 70% 20%,#8daaff,#2845a2 70%);color:#fff}.image-fallback h2{font:800 30px Manrope;margin:10px}.image-fallback p{color:#dbe4ff}.signal{font-size:100px;line-height:1}.visual-caption{position:absolute;bottom:25px;left:28px;color:#fff;font-size:12px;text-shadow:0 1px 8px #0008}.login-admin{max-width:460px;margin:55px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:42px;box-shadow:0 20px 60px #1b2a4610}.login-admin h1{font-size:34px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-head h1{font-size:30px}.page-head p{margin:5px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;font:800 30px Manrope;margin-top:8px}.card{margin:20px 0}.card h2{font:700 17px Manrope;margin:0 0 18px}.card-head{display:flex;align-items:center;justify-content:space-between}.card-head a{color:var(--blue);text-decoration:none;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left;color:#8490a3;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.7px}td,th{padding:14px 12px;border-bottom:1px solid #edf0f5}td small{display:block;color:#9aa3b3;margin-top:4px}.pill,.tag{display:inline-block;padding:5px 9px;border-radius:30px;background:#eef1f7;color:#647087;font-size:11px}.tag.active{background:#e5f7f0;color:#07845b}.tag.disabled{background:#fff0ed;color:#c24a37}.inline-form{display:inline}.small{padding:8px 11px;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.notice{background:#eef3ff;border:1px solid #dce6ff;color:#40527c;padding:17px 19px;border-radius:12px;line-height:1.6;margin:22px 0;font-size:13px}.alert{padding:12px 15px;border-radius:10px;margin:15px 0;font-size:13px}.alert.error{background:#fff0ee;color:#b53c2e}.alert.success{background:#e9f8f1;color:#087a54}.narrow{max-width:650px;margin:50px auto}.status-card{display:flex;gap:15px;align-items:center}.status-card p{margin:4px 0}.status-dot{width:11px;height:11px;background:#10a36e;border-radius:50%;box-shadow:0 0 0 6px #e4f7ef}.status-card b{font-size:16px}@media(max-width:760px){.auth-grid{grid-template-columns:1fr;margin:10px auto}.visual-panel{min-height:260px;grid-row:1}.auth-panel{padding:35px 26px}.wrap{margin:25px auto;padding:0 15px}.stats{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}nav{gap:12px}nav a{font-size:12px}.topbar{padding:0 16px}.login-admin{padding:28px 22px;margin:25px auto}.auth-panel h1{font-size:32px}}