:root{--primary:#4FA3FF;--primary-dark:#2E7DDB;--navy:#123C73;--navy-dark:#0B2E59;--yellow:#FFD447;--success:#28C76F;--danger:#EA5455;--info:#00CFE8;--dark:#1F2937;--gray:#6B7280;--light:#F5F8FC;--white:#FFFFFF;--border:#E5E7EB;--shadow:0 10px 25px rgba(18,60,115,.08);--radius:18px;--transition:.3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Poppins,sans-serif;background:var(--light);color:var(--dark)}a{text-decoration:none}.wrapper{display:flex;min-height:100vh}.sidebar{width:100%;min-height:100vh;background:linear-gradient(180deg,var(--navy),var(--navy-dark));color:#fff;overflow-y:auto}.sidebar-logo{text-align:center;padding:30px 20px}.sidebar-logo img{width:80px;margin-bottom:12px}.sidebar-logo h4{font-weight:700;margin-bottom:3px}.sidebar-logo small{color:#d9e7ff}.brand-card{background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;margin-bottom:20px}.sidebar-title{color:var(--yellow);font-size:11px;letter-spacing:2px;font-weight:700;margin-top:25px;margin-bottom:10px;padding-left:12px;text-transform:uppercase}.sidebar a{display:flex;align-items:center;gap:12px;color:#e7efff;padding:13px 18px;margin-bottom:5px;border-radius:12px;transition:var(--transition);font-size:15px}.sidebar a i{font-size:18px;width:22px;text-align:center}.sidebar a:hover{background:#4fa3ff2e;color:#fff;transform:translate(6px)}.sidebar a.active{background:var(--yellow);color:var(--navy);font-weight:700;box-shadow:0 8px 20px #ffd44759}.sidebar-footer{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}.sidebar-footer strong{color:#fff}.sidebar-footer small{color:var(--yellow)}.hero-card{background:linear-gradient(135deg,#123c73,#4fa3ff);border-radius:22px;overflow:hidden}.hero-icon{font-size:140px;color:#ffffff26}.stat-card{border:none;border-radius:18px;transition:.3s;box-shadow:0 10px 25px #0000000d}.stat-card:hover{transform:translateY(-5px)}.stat-card .card-body{position:relative}.stat-icon{width:60px;height:60px;border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:15px}.quick-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#333;background:#fff;border:1px solid #edf2f7;border-radius:18px;padding:25px;transition:.3s;height:170px}.quick-menu:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000014;color:var(--primary)}.quick-icon{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;margin-bottom:15px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh}.page-content{flex:1;padding:25px}.navbar{background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:15px 30px;position:sticky;top:0;z-index:1000}.navbar-title{font-weight:700;color:var(--navy)}.navbar small{color:var(--gray)}.notification-btn{width:46px;height:46px;border-radius:50%;border:none;background:#f4f7fb;transition:.3s}.notification-btn:hover{background:var(--primary);color:#fff}.user-card{background:#fff;border-radius:50px;padding:6px 15px;box-shadow:var(--shadow)}.user-card img{width:42px;height:42px}.card{border:none;border-radius:var(--radius);box-shadow:var(--shadow);transition:.3s}.card:hover{transform:translateY(-5px)}.card-header{background:#fff;border:none;font-weight:600}.btn-primary{background:var(--primary);border:none}.btn-primary:hover{background:var(--primary-dark)}.btn-warning{background:var(--yellow);border:none;color:var(--navy);font-weight:600}.btn-warning:hover{background:#f8c300}.table{background:#fff}.table thead{background:var(--navy);color:#fff}.table th{border:none}.table td{vertical-align:middle}.badge-primary{background:var(--primary)}.badge-success{background:var(--success)}.badge-warning{background:var(--yellow);color:#333}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#edf2f7}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:30px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@media(max-width:991px){.sidebar{left:-270px}.sidebar.show{left:0}.main-content{margin-left:0;width:100%}.navbar{padding:15px}.page-content{padding:18px}}@media(max-width:576px){.sidebar{width:260px}.navbar-title{font-size:18px}.page-content{padding:15px}}.navbar-custom{position:sticky;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid #edf2f7}.navbar-custom h4{font-size:24px;color:#123c73}.navbar-custom small{font-size:13px}.search-box{width:280px;background:#f5f7fb;border-radius:14px;overflow:hidden}.search-box .form-control,.search-box .input-group-text{background:#f5f7fb}.notification-btn{width:48px;height:48px;border:none;transition:.3s}.notification-btn:hover{background:#123c73;color:#fff}.profile-btn{display:flex;align-items:center;background:#fff;border:none;padding:6px 10px;border-radius:15px;transition:.3s}.profile-btn:hover{background:#f5f7fb}.profile-btn:after{margin-left:12px}.profile-btn img{border:3px solid #edf2f7}.dropdown-menu{min-width:260px}.dropdown-item{padding:.7rem 1rem}.dropdown-item:hover{background:#f4f8fc}@media(max-width:991px){.sidebar-desktop{display:none}.page-content{padding:18px}.navbar-custom{padding:15px;height:auto}}@media(max-width:576px){.page-content{padding:15px}}html,body{height:100%;background:#f4f8fc;overflow-x:hidden}.sidebar-desktop{width:280px;flex-shrink:0}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.page-content{flex:1;padding:30px}.offcanvas{width:280px}.offcanvas-body{padding:0;background:linear-gradient(180deg,var(--navy),var(--navy-dark))}.offcanvas .sidebar{width:100%;min-height:100%}.login-left{background:linear-gradient(135deg,#123c73,#4fa3ff);position:relative}.login-left:before{content:"";position:absolute;inset:0;background:url(/images/pattern.svg);opacity:.08}.login-card{width:100%;max-width:460px;background:#fff;border-radius:24px;padding:45px;box-shadow:0 20px 50px #00000014}.login-card .form-control{border-radius:12px;height:52px}.login-card .btn{height:52px;border-radius:12px;font-weight:600}@media(max-width:991px){.login-card{margin:25px;padding:35px}}