@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--primary: #4F46E5;--primary-hover: #4338CA;--primary-light: rgba(79, 70, 229, .1);--sidebar: #0F172A;--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-text: #CBD5E1;--sidebar-muted: #94A3B8;--background: #F8FAFC;--card: #FFFFFF;--card-border: #E2E8F0;--text: #1E293B;--text-heading: #0F172A;--muted: #64748B;--border: #E2E8F0;--success: #10B981;--success-light: rgba(16, 185, 129, .1);--danger: #EF4444;--danger-light: rgba(239, 68, 68, .1);--warning: #F59E0B;--warning-light: rgba(245, 158, 11, .1);--info: #3B82F6;--info-light: rgba(59, 130, 246, .1);--sidebar-width: 260px;--sidebar-collapsed: 80px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .1);--transition: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{font-family:Poppins,sans-serif;background:var(--background);color:var(--text);font-size:14px;line-height:1.5}a{text-decoration:none;color:inherit}ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:600;line-height:1.3}p{margin:0}.app{display:flex;min-height:100vh;background:var(--background);width:100%;overflow-x:hidden}.content-wrapper{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition),width var(--transition);overflow-x:hidden}.main-content{flex:1;padding:24px 28px;overflow-x:hidden}.footer{padding:16px 28px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;background:var(--card)}.sidebar.collapsed~.content-wrapper{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.row{display:flex;flex-wrap:wrap;margin:0 -12px}.col-3,.col-4,.col-6,.col-8,.col-9,.col-12,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8,.col-lg-9{padding:0 12px;width:100%}.col-3{width:25%}.col-4{width:33.333%}.col-6{width:50%}.col-8{width:66.667%}.col-9{width:75%}.col-12{width:100%}.g-3{margin:0 -12px}.g-3>[class*=col-]{padding:0 12px}.g-4{margin:0 -16px}.g-4>[class*=col-]{padding:0 16px}@media(min-width:992px){.col-lg-3{width:25%}.col-lg-4{width:33.333%}.col-lg-6{width:50%}.col-lg-8{width:66.667%}.col-lg-9{width:75%}}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.gap-2{gap:8px}.w-100{width:100%}.text-center{text-align:center}.text-muted{color:var(--muted)}.text-danger{color:var(--danger)}.py-4{padding-top:24px;padding-bottom:24px}.my-4{margin-top:24px;margin-bottom:24px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.d-inline{display:inline}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);transition:width var(--transition);z-index:1000;overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;flex-shrink:0}.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;overflow:hidden}.logo-icon{width:40px;height:40px;border-radius:10px;background:var(--primary);display:flex;justify-content:center;align-items:center;font-size:16px;flex-shrink:0}.logo-text h5{margin:0;font-size:16px;font-weight:600;white-space:nowrap}.logo-text small{color:var(--sidebar-muted);font-size:12px;white-space:nowrap}.collapse-btn{background:none;border:none;color:var(--sidebar-text);font-size:16px;cursor:pointer;padding:6px;border-radius:6px;transition:var(--transition);flex-shrink:0}.collapse-btn:hover{background:var(--sidebar-hover);color:#fff}.sidebar-menu{list-style:none;padding:12px 16px;margin:0;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-menu li{margin-bottom:4px}.sidebar-menu a{display:flex;align-items:center;gap:14px;padding:12px 16px;color:var(--sidebar-text);border-radius:10px;transition:var(--transition);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}.sidebar-menu a i{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-menu a:hover{background:var(--sidebar-hover);color:#fff}.sidebar-menu a.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e54d}.sidebar-footer{margin-top:auto;padding:20px 16px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.user-card{display:flex;align-items:center;gap:12px;margin-bottom:16px;overflow:hidden}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);display:flex;justify-content:center;align-items:center;font-size:14px;flex-shrink:0}.user-card div{overflow:hidden}.user-card strong{display:block;font-size:14px;font-weight:600;white-space:nowrap}.user-card small{display:block;color:var(--sidebar-muted);font-size:12px;white-space:nowrap}.logout-btn{width:100%;border:none;background:var(--danger);color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;transition:var(--transition);font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn:hover{background:#dc2626}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .logo-text,.sidebar.collapsed .sidebar-menu a span,.sidebar.collapsed .user-card div,.sidebar.collapsed .logout-btn span{display:none}.sidebar.collapsed .sidebar-menu a{justify-content:center;padding:12px;gap:0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 10px}.sidebar.collapsed .user-card{justify-content:center}.sidebar.collapsed .logout-btn{padding:10px;justify-content:center}.expand-btn{background:none;border:none;color:var(--sidebar-text);font-size:16px;cursor:pointer;padding:6px;border-radius:6px;transition:var(--transition);flex-shrink:0;display:none}.expand-btn:hover{background:var(--sidebar-hover);color:#fff}.sidebar.collapsed .expand-btn{display:block}.sidebar.collapsed .collapse-btn{display:none}.navbar-custom{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navbar-custom h4{font-size:20px;font-weight:600;color:var(--text-heading);margin:0}.navbar-right{display:flex;align-items:center;gap:16px}.navbar-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border)}.navbar-avatar-text{width:40px;height:40px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border:2px solid var(--primary)}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:24px;font-weight:700}.charts-row{margin-top:24px}.chart-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);height:100%}.chart-card h5{font-size:16px;font-weight:600;margin-bottom:20px;color:var(--text-heading)}.chart-container{width:100%;height:350px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-heading);margin-bottom:8px;font-family:Poppins,sans-serif}.form-control{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;color:var(--text);background:var(--card);transition:var(--transition);outline:none;box-shadow:none}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-control::-moz-placeholder{color:var(--muted)}.form-control::placeholder{color:var(--muted)}textarea.form-control{resize:vertical;min-height:120px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-check{display:flex;align-items:center;gap:8px;cursor:pointer}.form-check-input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;border:1px solid var(--border);border-radius:4px}.form-check-label{font-size:14px;color:var(--text);font-family:Poppins,sans-serif}.analytics-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.analytics-filters .form-control,.analytics-filters .form-select{width:auto;min-width:180px}.metric-card{text-align:center;padding:28px 20px}.metric-card .metric-value{font-size:36px;font-weight:700;color:var(--text-heading);margin:12px 0 4px}.metric-card .metric-label{color:var(--muted);font-size:14px}.metric-card .metric-change{font-size:13px;font-weight:500;margin-top:8px}.metric-card .metric-change.up{color:var(--success)}.metric-card .metric-change.down{color:var(--danger)}.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 20px!important;border-radius:10px!important;font-size:14px!important;font-weight:500!important;border:none!important;cursor:pointer!important;transition:var(--transition)!important;text-decoration:none!important;font-family:Poppins,sans-serif!important}.btn-primary{background:var(--primary)!important;color:#fff!important}.btn-primary:hover{background:var(--primary-hover)!important}.btn-danger{background:var(--danger)!important;color:#fff!important}.btn-danger:hover{background:#dc2626!important}.btn-outline{background:transparent!important;border:1px solid var(--border)!important;color:var(--text)!important}.btn-outline:hover{background:var(--background)!important}.btn-sm{padding:6px 14px!important;font-size:13px!important;border-radius:8px!important}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-body{padding:24px}.card-header{padding:20px 24px;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:16px;font-weight:600;color:var(--text-heading);margin:0}.stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card .icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.stat-card .icon.primary{background:var(--primary-light);color:var(--primary)}.stat-card .icon.success{background:var(--success-light);color:var(--success)}.stat-card .icon.warning{background:var(--warning-light);color:var(--warning)}.stat-card .icon.danger{background:var(--danger-light);color:var(--danger)}.stat-card .icon.info{background:var(--info-light);color:var(--info)}.stat-card p{color:var(--muted);font-size:14px;margin-bottom:8px}.stat-card h2{font-size:32px;font-weight:700;color:var(--text-heading);margin:0}.table-container{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--background)}.data-table th{padding:14px 20px;text-align:left;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.data-table td{padding:16px 20px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border)}.data-table tbody tr:hover{background:var(--background)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}@media(max-width:1199px){.col-lg-3{width:50%}}@media(max-width:991px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.content-wrapper{margin-left:0!important;width:100%!important}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sidebar-overlay.active{display:block}.mobile-toggle{display:flex!important}.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8{width:50%}}@media(max-width:767px){.main-content{padding:16px}.navbar-custom{padding:12px 16px}.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8,.col-3,.col-4,.col-6{width:100%}.stat-card{margin-bottom:16px}.charts-row .col-lg-8,.charts-row .col-lg-4{width:100%;margin-bottom:16px}.chart-container{height:280px}}.mobile-toggle{display:none;background:none;border:none;font-size:20px;color:var(--text-heading);cursor:pointer;padding:4px;margin-right:12px}