body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:#f6f7fb;}
.navbar{background:#111827;color:#fff;padding:12px 16px;}
.container{max-width:980px;margin:18px auto;padding:0 12px;}
.card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,.06);margin-bottom:12px;}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:0;cursor:pointer;text-decoration:none}
.btn-primary{background:#111827;color:#fff;}
.btn-danger{background:#b91c1c;color:#fff;}
.btn-secondary{background:#374151;color:#fff;}
.input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;margin:6px 0 12px;}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:720px){.row{grid-template-columns:1fr;}}
.small{color:#6b7280;font-size:12px}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px}
hr{border:0;border-top:1px solid #e5e7eb;margin:12px 0}

.grid{display:grid;gap:12px;}
.table{width:100%;border-collapse:collapse;}
.table th,.table td{padding:10px 10px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top;font-size:14px;}
.table th{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;}
.kpi{font-size:26px;font-weight:800;margin-top:6px;}

.admin-shell{display:grid;grid-template-columns:240px 1fr;gap:12px;}
.admin-sidebar{background:#fff;border-radius:14px;padding:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);height:fit-content;position:sticky;top:12px;}
.admin-brand{font-weight:800;margin-bottom:10px;}
.admin-nav{display:flex;flex-direction:column;gap:6px;}
.admin-link{padding:10px 10px;border-radius:12px;text-decoration:none;color:#111827;background:#f3f4f6;}
.admin-link.active{background:#111827;color:#fff;}
.admin-content{min-width:0;}

@media(max-width:920px){
  .admin-shell{grid-template-columns:1fr;}
  .admin-sidebar{position:relative;top:auto;}
}