body{background:#f3f6fb}.main{padding:22px 24px}.sidebar{background:linear-gradient(180deg,#0d1b33,#111d31);box-shadow:8px 0 28px rgba(15,23,42,.08)}.sidebar nav a{transition:.18s ease}.sidebar nav a:hover{transform:translateX(3px)}.topbar{background:linear-gradient(120deg,#174494,#2868e8);border-radius:16px;padding:18px 22px}.topbar h1{font-size:25px}.card,.stat{border-color:#e0e7f0;box-shadow:0 5px 18px rgba(15,23,42,.05)}.card{border-radius:14px;padding:18px}.card h2{color:#17233a}.btn{transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(15,23,42,.12)}th{background:#edf3fa;color:#334155;text-transform:none}tbody tr:nth-child(even){background:#fbfdff}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px 2px;color:#64748b;font-size:13px}.pagination>div{display:flex;align-items:center;gap:10px}.pagination b{color:#334155}.page-btn{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:8px;padding:7px 11px;font-weight:700;cursor:pointer}.page-btn:hover:not(:disabled){border-color:#2563eb;color:#1d4ed8;background:#eff6ff}.page-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:700px){.main{padding:12px}.pagination{align-items:stretch;flex-direction:column}.pagination>div{width:100%;justify-content:space-between}.card{padding:14px}}