*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:"DM Sans",system-ui,sans-serif;background:#f0f3f6;color:#1a1a1a}
a{color:#1565C0}
.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.admin-sidebar{background:#0D0D0D;color:#eee;padding:1.25rem 0}
.admin-sidebar .logo{padding:0 1.25rem 1rem;font-weight:700;color:#fff}
.admin-sidebar nav a{display:block;padding:.55rem 1.25rem;color:#ccc;text-decoration:none;font-size:.92rem}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(21,101,192,.25);color:#fff}
.admin-main{padding:1.5rem 2rem}
.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}
.card{background:#fff;border-radius:12px;border:1px solid #dde4ea;padding:1.25rem;margin-bottom:1rem;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}
.metric strong{display:block;font-size:1.6rem;color:#1565C0}
.metric span{font-size:.82rem;color:#666}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{padding:.55rem .65rem;border-bottom:1px solid #e8eef3;text-align:left}
th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#666}
label{display:block;font-size:.85rem;font-weight:600;margin:.75rem 0 .35rem}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=number],textarea,select{width:100%;max-width:520px;padding:.55rem .65rem;border:1px solid #cfd8dc;border-radius:8px;font:inherit}
input[type=color]{width:56px;height:36px;padding:2px;border:1px solid #cfd8dc;border-radius:6px}
textarea{min-height:90px;max-width:100%}
.btn{display:inline-block;padding:.55rem 1rem;border-radius:8px;border:0;background:#1565C0;color:#fff;font-weight:600;cursor:pointer;text-decoration:none;font-size:.88rem}
.btn:hover{filter:brightness(1.05)}
.btn-danger{background:#c62828}
.btn-secondary{background:#2E7D32}
.flash{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;background:#e8f5e9;color:#2e7d32}
.flash.err{background:#ffebee;color:#c62828}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}
.login-box{width:min(400px,100%);background:#fff;padding:2rem;border-radius:14px;border:1px solid #dde4ea}
@media(max-width:860px){.admin-layout{grid-template-columns:1fr}.admin-sidebar nav{display:flex;flex-wrap:wrap;padding:.5rem}.admin-sidebar nav a{padding:.45rem .75rem}}