:root { --bg:#f4f7fb; --card:#ffffff; --ink:#172033; --muted:#657084; --brand:#1d4ed8; --brand2:#0f172a; --line:#d8e0ef; --ok:#16803b; --bad:#b42318; --warn:#b45309; }
*{box-sizing:border-box} body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#eef4ff,#f8fafc);color:var(--ink)}
.app-shell{max-width:1180px;margin:0 auto;padding:28px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:24px;padding:30px;box-shadow:0 20px 45px rgba(15,23,42,.18)}
h1{margin:6px 0 10px;font-size:34px}.eyebrow{margin:0;color:#bfdbfe;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.subtitle{max-width:780px;line-height:1.6;color:#dbeafe}.badge{background:#fff;color:#1d4ed8;border-radius:999px;padding:10px 16px;font-weight:800;white-space:nowrap}.card{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.grid-two{display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{font-weight:800;display:block;margin-bottom:8px}input{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;font-size:15px;background:#fbfdff}small{display:block;margin-top:8px;color:var(--muted)}.actions{display:flex;gap:12px;margin-top:22px}button{border:0;border-radius:14px;background:var(--brand);color:#fff;padding:13px 18px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(29,78,216,.22)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#334155}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.stats div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{display:block;font-size:24px;margin-top:6px}.message{padding:12px 14px;border-radius:14px;background:#eff6ff;color:#1e40af;font-weight:700}.message.error{background:#fef2f2;color:var(--bad)}.message.success{background:#ecfdf3;color:var(--ok)}.table-wrap{margin-top:16px;overflow:auto;max-height:420px;border-radius:16px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}th,td{border-bottom:1px solid #edf1f7;padding:10px;text-align:left;white-space:nowrap}th{background:#f8fafc;position:sticky;top:0;z-index:1}.bad{color:var(--bad);font-weight:800}.ok{color:var(--ok);font-weight:800}.warn{color:var(--warn);font-weight:800}@media(max-width:820px){.hero,.grid-two{grid-template-columns:1fr;display:grid}.form-grid,.stats{grid-template-columns:1fr}h1{font-size:26px}.actions{flex-direction:column}}