:root{--sidebar:#343a40;--navbar:#fff;--header:#f4f6f9;--font:#212529;--primary:#007bff;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--border:#dee2e6;--sidebar-width:250px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--font);background:#f4f6f9}a{text-decoration:none}.wrapper{min-height:100vh}.main-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar);color:#fff;overflow-y:auto;z-index:1038;transition:.2s}.brand-link{height:58px;display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-weight:700}.brand-image{width:38px;height:38px;border-radius:8px;object-fit:contain;background:#fff}.sidebar{padding:10px}.nav-sidebar{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:3px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:rgba(255,255,255,.82);font-size:14px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.14);color:#fff}.nav-icon{width:22px;text-align:center}.nav-header{padding:14px 10px 6px;color:rgba(255,255,255,.55);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.main-header{position:fixed;top:0;left:var(--sidebar-width);right:0;height:58px;background:var(--navbar);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:1037}.content-wrapper{margin-left:var(--sidebar-width);padding-top:58px;min-height:100vh;background:var(--header)}.content-header{padding:18px 20px 8px}.content{padding:0 20px 24px}.container-fluid{width:100%}.row{display:flex;flex-wrap:wrap;margin:-7px}.col,.col-12,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9{padding:7px;width:100%}@media(min-width:768px){.col-md-3{width:25%}.col-md-4{width:33.333%}.col-md-6{width:50%}.col-md-8{width:66.667%}.col-md-9{width:75%}}
.card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06);margin-bottom:15px}.card-header{padding:12px 15px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title{margin:0;font-size:16px}.card-body{padding:15px}.card-footer{padding:12px 15px;border-top:1px solid var(--border);background:#fafafa}.small-box{border-radius:8px;color:#fff;position:relative;padding:16px;min-height:115px}.small-box h3{font-size:28px;margin:0 0 5px}.small-box p{margin:0}.bg-info{background:var(--info)!important}.bg-success{background:var(--success)!important}.bg-warning{background:var(--warning)!important;color:#212529!important}.bg-danger{background:var(--danger)!important}.bg-primary{background:var(--primary)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:5px;padding:7px 12px;font-size:14px;cursor:pointer;background:#e9ecef;color:#212529}.btn-sm{padding:5px 9px;font-size:12px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#212529}.btn-info{background:var(--info);color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-outline-primary{background:#fff;border-color:var(--primary);color:var(--primary)}.form-group{margin-bottom:12px}.form-control{width:100%;border:1px solid #ced4da;border-radius:5px;padding:8px 10px;font-size:14px;background:#fff;color:#212529}.form-control:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px rgba(0,123,255,.15)}label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}.table-responsive{width:100%;overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border-top:1px solid var(--border);padding:9px 10px;text-align:left;vertical-align:middle;font-size:13px}.table thead th{border-bottom:2px solid var(--border);white-space:nowrap}.table-sm th,.table-sm td{padding:6px 8px}.badge{display:inline-block;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.badge-secondary{background:#e2e3e5;color:#383d41}.alert{padding:10px 12px;border-radius:6px;margin-bottom:12px}.alert-success{background:#d4edda;color:#155724}.alert-danger{background:#f8d7da;color:#721c24}.alert-info{background:#d1ecf1;color:#0c5460}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-muted{color:#6c757d!important}.font-weight-bold{font-weight:700}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:6px}.gap-2{gap:10px}.mt-2{margin-top:8px}.mt-3{margin-top:15px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:8px}.mr-2{margin-right:8px}.ml-auto{margin-left:auto}.p-0{padding:0}.w-100{width:100%}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2000;padding:20px;overflow:auto}.modal.show{display:block}.modal-dialog{max-width:680px;margin:30px auto}.modal-content{background:#fff;border-radius:8px;overflow:hidden}.modal-header,.modal-footer{padding:12px 15px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-footer{border-top:1px solid var(--border);border-bottom:0}.modal-body{padding:15px}.close{background:none;border:0;font-size:22px;cursor:pointer}.dropdown{position:relative}.navbar-group{display:flex;align-items:center;gap:8px}.sidebar-toggle{display:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#eef1f5}.login-box{width:100%;max-width:390px}.login-logo{text-align:center;font-size:26px;font-weight:700;margin-bottom:15px}.input-group{display:flex}.input-group .form-control{border-radius:5px 0 0 5px}.input-group-append .btn{border-radius:0 5px 5px 0}.pagination{display:flex;gap:4px;list-style:none;padding:0}.page-link{display:block;padding:5px 9px;border:1px solid var(--border);background:#fff;border-radius:4px;color:#007bff}.page-item.active .page-link{background:#007bff;color:#fff}.mobile-bottom-nav{display:none}
@media(max-width:900px){.main-sidebar{transform:translateX(-100%)}body.sidebar-open .main-sidebar{transform:translateX(0)}.main-header,.content-wrapper{left:0;margin-left:0}.sidebar-toggle{display:inline-flex}.content{padding:0 10px 90px}.content-header{padding-left:10px}.mobile-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid var(--border);z-index:1050;justify-content:space-around;align-items:center}.mobile-bottom-nav a{font-size:12px;text-align:center;color:#333}.main-header{padding:0 10px}.hide-mobile{display:none!important}}

/* Premium UI Update */
.login-page{background:linear-gradient(135deg,#0f172a,#2563eb)!important}
.premium-login .login-logo img{width:90px;height:90px;object-fit:contain;background:#fff;border-radius:22px;padding:12px;box-shadow:0 15px 40px rgba(0,0,0,.25)}
.premium-login .login-logo h2{color:#fff;margin-top:15px}
.premium-login .login-logo p{color:rgba(255,255,255,.8)}
.login-card{border:0!important;border-radius:22px!important;box-shadow:0 20px 60px rgba(0,0,0,.2)!important}
.btn-login{height:45px;border-radius:12px!important}
.navbar-logo{width:34px;height:34px;object-fit:contain;border-radius:8px;background:#fff;padding:3px}
.main-header{backdrop-filter:blur(10px)}
.card{border-radius:16px}
.btn{border-radius:10px}
.form-control{border-radius:10px;height:42px}
.brand-image{padding:4px}