:root{
  --primary:#1a3fa8;
  --gold:#f5a623;
  --bg:#f4f6fb;
  --border:#e2e6ee;
  --danger:#d9534f;
  --success:#1d9e75;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:#1b1f2a;}

/* Topbar */
.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--primary);color:#fff;padding:14px 24px;}
.topbar .logo{color:#fff;font-weight:700;text-decoration:none;font-size:18px;}
.topbar .logo span{color:var(--gold);}
.topbar-right{display:flex;align-items:center;gap:14px;}
.topbar-right .btn-secondary{background:rgba(255,255,255,.15);}

/* Layout */
.admin-wrap{max-width:1100px;margin:24px auto;padding:0 20px;}
h2{margin-top:0;}

/* Dashboard grid */
.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px;}
.dash-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px;text-decoration:none;color:inherit;transition:.2s;}
.dash-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px);}
.dash-card h3{margin:0 0 6px;font-size:16px;color:var(--primary);}
.dash-card p{margin:0;color:#666;font-size:14px;}
.dash-card.highlight{border-color:var(--gold);}

/* Buttons */
.btn-primary,.btn-secondary{display:inline-block;padding:9px 16px;border-radius:6px;text-decoration:none;font-size:14px;border:none;cursor:pointer;}
.btn-primary{background:var(--primary);color:#fff;margin-bottom:14px;}
.btn-secondary{background:#e2e6ee;color:#333;margin-left:8px;}

/* Table */
.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.admin-table th,.admin-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:14px;}
.admin-table th{background:#f0f2f8;}
.admin-table td.actions a{margin-right:10px;text-decoration:none;color:var(--primary);}

/* Form */
.admin-form{background:#fff;padding:20px;border-radius:8px;max-width:650px;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.f-group{margin-bottom:14px;display:flex;flex-direction:column;gap:6px;}
.f-group label{font-size:13px;font-weight:600;color:#444;}
.f-group input[type=text],.f-group input[type=number],.f-group textarea,.f-group select{
  padding:9px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;width:100%;font-family:inherit;
}
.f-group input[type=checkbox]{width:18px;height:18px;}

/* Alerts */
.alert-success{background:#e6f7ef;color:var(--success);padding:10px 14px;border-radius:6px;margin-bottom:14px;}
.alert-error{background:#fbeaea;color:var(--danger);padding:10px 14px;border-radius:6px;margin-bottom:14px;}

/* Login page */
.login-body{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#1a3fa8,#25d366);}
.login-box{background:#fff;padding:34px;border-radius:12px;width:320px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px;}
.login-box h2{text-align:center;margin-top:0;}
.login-box input{padding:10px;border:1px solid var(--border);border-radius:6px;}
.login-box button{background:var(--primary);color:#fff;border:none;padding:11px;border-radius:6px;cursor:pointer;font-size:15px;margin-top:6px;}

.inline-form{display:inline;}