*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#182033}.sidebar{position:fixed;left:0;top:0;bottom:0;width:235px;background:linear-gradient(180deg,#0c2d57,#071a33);padding:22px 14px;color:#fff}.brand{font-size:24px;font-weight:800;margin:0 8px 24px}.sidebar a{display:block;color:#dbe8ff;text-decoration:none;padding:12px 14px;border-radius:12px;margin:6px 0}.sidebar a:hover{background:rgba(255,255,255,.12);color:#fff}.main{margin-left:235px;padding:22px}.topbar{height:58px;background:#fff;border-radius:18px;display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:0 22px;box-shadow:0 8px 25px rgba(20,40,80,.06);margin-bottom:22px}.card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 8px 25px rgba(20,40,80,.07);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.stat{padding:20px;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(20,40,80,.07)}.stat h2{margin:6px 0 0;font-size:28px}.muted{color:#67758f}.btn{border:0;border-radius:12px;background:#0c66e4;color:#fff;padding:11px 16px;text-decoration:none;display:inline-block;cursor:pointer}.btn.secondary{background:#64748b}.btn.danger{background:#dc2626}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d8e0ee;border-radius:12px;background:#fff}label{font-weight:700;font-size:13px;margin-bottom:7px;display:block}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1f7}th{background:#eef5ff;color:#17375f}.alert{padding:12px 16px;border-radius:12px;background:#e8f8ee;color:#166534;margin-bottom:15px}.error{background:#fee2e2;color:#991b1b}.badge{padding:5px 9px;border-radius:999px;background:#edf2ff}.right{text-align:right}@media(max-width:800px){.sidebar{position:relative;width:auto}.main{margin-left:0}}