@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";
*{box-sizing:border-box}body{color:#0b1c30;background:#f7f9fc;min-height:100vh;margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif}.admin-page{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0}.admin-hero,.admin-grid article{background:#fff;border:1px solid #d8e2f0;border-radius:8px;box-shadow:0 10px 30px #0f172a14}.admin-hero{justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.admin-hero span,.admin-grid span{color:#2563eb;text-transform:uppercase;font-size:12px;font-weight:700}.admin-hero h1{margin:8px 0;font-size:34px}.admin-hero p,.admin-grid p{color:#5f6b7d;margin:0}.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.admin-grid article{gap:8px;padding:18px;display:grid}.admin-grid strong{font-size:22px}@media (max-width:820px){.admin-hero{flex-direction:column;align-items:flex-start}.admin-grid{grid-template-columns:1fr}}