:root{
  --primary:#00469B;
  --dark:#1f2937;
  --light:#f9fafb;
  --accent:#00A3FF;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:var(--light);color:#111827}
.container{max-width:1100px;margin:0 auto;padding:20px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 4px 24px rgba(0,0,0,.05);}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:0;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff}
.btn-outline{background:#fff;color:var(--primary);border:2px solid var(--primary)}
.input, select, textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #f0f0f0;text-align:left;padding:10px}
.badge{padding:4px 10px;border-radius:999px;font-size:12px}
.badge.green{background:#E8FFF3;color:#037A3A;border:1px solid #CFF6DC}
.badge.gray{background:#F3F4F6;color:#111827;border:1px solid #E5E7EB}
.header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}
.header .wrap{display:flex;align-items:center;gap:16px;padding:12px 20px;max-width:1100px;margin:0 auto}
.logo{font-weight:800;color:var(--primary);letter-spacing:.5px}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}}
.toast{position:fixed;top:16px;right:16px;background:#111827;color:#fff;padding:12px 16px;border-radius:12px;opacity:0;transform:translateY(-10px);transition:.25s}
.toast.show{opacity:1;transform:translateY(0)}
.small{font-size:12px;color:#6b7280}
hr{border:0;border-top:1px solid #e5e7eb;margin:10px 0}