:root{--blue:#0d6efd;--blue-dark:#0b4fb3;--light:#eef6ff;--text:#1f2937;--muted:#6b7280;--danger:#dc3545;--success:#198754;--border:#dbe7f5}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#eaf4ff,#fff);color:var(--text)}a{text-decoration:none}.container{width:min(1100px,92%);margin:auto}.navbar{background:linear-gradient(90deg,var(--blue-dark),var(--blue));color:#fff;padding:16px 0;box-shadow:0 8px 24px rgba(13,110,253,.18)}.navwrap{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:#fff;font-weight:800;font-size:22px}.nav a{color:#fff;margin-left:18px;font-weight:600}.hero{padding:48px 0}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 12px 32px rgba(15,76,129,.08)}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.title{font-size:36px;margin:0 0 12px;color:var(--blue-dark)}.desc{font-size:17px;line-height:1.7;color:#334155}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;display:inline-block}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-dark)}.btn-light{background:var(--light);color:var(--blue-dark);border:1px solid var(--border)}.btn-red{background:var(--danger);color:#fff}.btn-green{background:var(--success);color:#fff}.form-group{margin-bottom:16px}label{display:block;font-weight:700;margin-bottom:8px}input,textarea,select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;font-size:15px}textarea{min-height:150px;resize:vertical}.alert{padding:14px 16px;border-radius:12px;margin:16px 0}.alert-success{background:#e8fff3;color:#0f6848;border:1px solid #b8f1d4}.alert-danger{background:#fff0f0;color:#9f1239;border:1px solid #fecdd3}.alert-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.footer{text-align:center;color:var(--muted);padding:28px}.login-box{width:min(420px,92%);margin:70px auto}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0b4fb3;color:#fff;padding:24px}.sidebar h2{margin-top:0}.sidebar a{display:block;color:#fff;padding:12px;border-radius:10px;margin:8px 0}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.15)}.main{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.table-wrap{overflow:auto;background:#fff;border-radius:18px;border:1px solid var(--border);box-shadow:0 12px 32px rgba(15,76,129,.08)}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #edf2f7;text-align:left}th{background:#eff6ff;color:#0b4fb3}tr:hover{background:#f8fbff}.filters{display:grid;grid-template-columns:160px 1fr auto;gap:12px;margin-bottom:18px}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pagination a,.pagination span{padding:9px 13px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#0b4fb3}.pagination .active{background:var(--blue);color:#fff}.muted{color:var(--muted)}@media(max-width:780px){.grid,.admin-layout,.filters{grid-template-columns:1fr}.sidebar{min-height:auto}.navwrap{align-items:flex-start;flex-direction:column}.nav a{margin:0 14px 0 0}.title{font-size:28px}}