:root{--navy:#0a1533;--blue:#315bea;--ink:#17213a;--muted:#6f7b93;--line:#e5e9f2;--bg:#f5f7fb}
body{background:radial-gradient(circle at 80% -10%,#eaf0ff 0,transparent 30%),var(--bg);letter-spacing:-.005em}
.sidebar{display:flex;flex-direction:column;width:264px;padding:20px 14px;background:linear-gradient(180deg,#091530 0%,#0c1a3a 55%,#0a1530 100%);box-shadow:8px 0 30px rgba(6,18,45,.08)}
.main-wrapper{margin-left:264px}.brand{padding:2px 10px 25px;gap:11px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:20px;letter-spacing:.5px}.brand small{font-size:10px;font-weight:500;color:#8391ad;letter-spacing:1.2px;text-transform:uppercase;margin-top:5px}.brand-mark{width:40px;height:40px;box-shadow:0 8px 20px rgba(60,112,255,.3)}
.sidebar-label{font-size:9px;font-weight:700;color:#687895;letter-spacing:1.8px;padding:14px 13px 8px}.sidebar-nav{flex:1}.sidebar-nav>a{min-height:43px;position:relative;font-size:13px;font-weight:500;margin:4px 0;padding:11px 13px}.sidebar-nav>a:hover{background:rgba(255,255,255,.055);transform:translateX(1px)}.sidebar-nav>a.active{background:linear-gradient(90deg,#315bea,#3c6cf1);box-shadow:0 8px 20px rgba(34,74,190,.28);color:#fff}.sidebar-nav>a.active:before{content:'';position:absolute;left:-14px;top:11px;height:21px;width:3px;border-radius:0 4px 4px 0;background:#75a1ff}.sidebar-nav>a .fa-chevron-down{font-size:9px;opacity:.65;transition:.2s}.sidebar-nav>a[aria-expanded=true] .fa-chevron-down{transform:rotate(180deg)}
.submenu{position:relative;margin:3px 0 7px 20px;border-left:1px solid rgba(255,255,255,.1)}.submenu a{padding:8px 13px 8px 22px;margin:1px 0;color:#8e9bb6}.submenu a:hover{color:#fff}.sidebar-help{display:flex;align-items:center;gap:11px;padding:13px;margin-top:16px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035)}.sidebar-help>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#8eabff;background:rgba(80,118,231,.14)}.sidebar-help div{display:flex;flex-direction:column}.sidebar-help strong{font-size:11px}.sidebar-help small{font-size:9px;color:#7887a3;margin-top:2px}
.topbar{height:72px;padding:0 27px;border-color:#e9ecf3;box-shadow:0 1px 0 rgba(20,35,70,.02)}.sidebar-toggle{width:38px;height:38px;padding:0;border-radius:9px;color:#60708c!important;background:#f5f7fb}.top-search .form-control{height:40px;width:340px;background:#f5f7fb;border:1px solid transparent;padding-right:52px}.top-search .form-control:focus{background:#fff;border-color:#b9c7f5}.top-search kbd{position:absolute;right:10px;color:#909aaf;background:#fff;border:1px solid #e1e5ed;border-radius:5px;font:10px Inter;padding:3px 5px}.topbar-date{display:flex;align-items:center;gap:7px;color:#7d879a;font-size:12px}.notification-link{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e7eaf1;border-radius:10px;color:#526078!important;position:relative}.notification-dot{position:absolute;right:8px;top:7px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#ef5366;box-sizing:content-box}.profile-trigger{display:flex;align-items:center;padding:4px 7px!important;border-radius:10px}.profile-trigger:hover{background:#f6f8fc}.profile-trigger>span:last-child{display:inline-flex!important;flex-direction:column;font-size:11px;line-height:1.2}.profile-trigger small{color:#8a94a8;margin-top:2px}.avatar{width:38px;height:38px;background:linear-gradient(135deg,#e5ebff,#edf7ff);border:1px solid #dce4fb}.dropdown-menu{border:1px solid #e5e9f1;border-radius:10px;box-shadow:0 14px 40px rgba(34,50,85,.14);padding:7px;min-width:200px}.dropdown-item{border-radius:6px;padding:9px 11px;font-size:13px}.dropdown-header{font-size:10px;font-weight:700;letter-spacing:1px;color:#9aa3b3;text-transform:uppercase}
.content{padding:31px 27px 36px;max-width:1680px;width:100%;margin:0 auto}.page-header{align-items:center;margin-bottom:25px}.page-header h1{font-size:27px;line-height:1.2;letter-spacing:-.7px}.page-header p{font-size:13px}.page-actions .btn+.btn{margin-left:7px}.card{border-color:#e8ebf2;border-radius:12px;box-shadow:0 7px 24px rgba(24,41,76,.045);transition:box-shadow .2s,transform .2s}.card-header{padding:18px 20px;border-color:#eceef4;font-size:13px}.stat-card{min-height:112px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(28,49,91,.085)}.stat-card:after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;right:-32px;bottom:-40px;background:#f0f4ff}.stat-card .card-body{padding:22px}.stat-card .stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.45px;font-weight:600}.stat-card .stat-value{font-size:27px;letter-spacing:-1px;color:#17213a}.stat-card .stat-icon{width:43px;height:43px;top:20px;border-radius:12px;z-index:1}.row>[class*=col-]:nth-child(2) .stat-icon{background:#edfaf6;color:#15a37c}.row>[class*=col-]:nth-child(3) .stat-icon{background:#fff6e9;color:#e59a27}.row>[class*=col-]:nth-child(4) .stat-icon{background:#f7efff;color:#945bd6}
.table thead th{padding:13px 16px;background:#fafbfc;border-color:#eaedf3;color:#818b9f;font-size:10px;font-weight:700;white-space:nowrap}.table tbody td{padding:14px 16px}.table tbody tr{transition:background-color .15s}.table tbody tr:hover{background:#fafcff}.table a.font-weight-bold,.table td>a:first-child{color:#294fc6}.table small{color:#8a94a7!important}.badge{padding:5px 9px;font-size:10px;font-weight:600}.badge-success{color:#0d795c;background:#e6f7f2}.badge-warning{color:#9a6719;background:#fff3dc}.badge-danger{color:#b73548;background:#ffeaed}.badge-info,.badge-primary{color:#294fc6;background:#eaf0ff}
.btn{min-height:38px;padding:8px 14px;font-size:13px;box-shadow:none!important}.btn-sm{min-height:31px;padding:5px 10px}.btn-primary{background:linear-gradient(135deg,#315bea,#416ff2);border:0;box-shadow:0 5px 13px rgba(49,91,234,.2)!important}.btn-primary:hover{background:linear-gradient(135deg,#244bd1,#315bea);transform:translateY(-1px)}.btn-light{background:#f5f7fa;border:1px solid #e6e9ef;color:#536079}.btn-outline-primary{border-color:#b6c5f7;color:#315bea}.form-control,.custom-select{min-height:42px;background-color:#fbfcfe;border-color:#dde2ec}.form-control:hover,.custom-select:hover{border-color:#c6cede}.form-control:focus{background:#fff}.form-group{margin-bottom:18px}label{font-size:11px;color:#46526a;margin-bottom:7px;letter-spacing:.15px}.select2-container .select2-selection--single,.select2-container .select2-selection--multiple{min-height:42px;background:#fbfcfe;border-color:#dde2ec}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:30px;color:#34405a}.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px}.empty-state{padding:54px 20px}.empty-state i{width:60px;height:60px;display:grid;place-items:center;margin:0 auto 15px;border-radius:18px;background:#f0f4fc;color:#8093bb;font-size:23px}.empty-state h5{color:#35425c;font-size:15px;font-weight:600}.footer{font-size:11px;background:rgba(255,255,255,.5)}
@media(max-width:991.98px){.main-wrapper{margin-left:0}.sidebar{width:264px}.content{padding:24px 16px}.topbar{padding:0 16px}}
@media(max-width:575.98px){.content{padding:20px 9px}.page-header h1{font-size:23px}.stat-card{min-height:104px}.stat-card .card-body{padding:17px}.stat-card .stat-icon{position:static;margin-bottom:10px;width:34px;height:34px}.stat-card .stat-value{font-size:21px}.stat-card .stat-label{font-size:9px}.page-actions .btn{margin-top:6px}.topbar{height:64px;padding:0 9px}}