@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-base:#131112;--bg-surface:#1a1718b3;--bg-card:#26222466;--bg-sidebar:#1a1718;--primary:#109bcb;--primary-hover:#0c88b2;--primary-glow:#109bcb59;--secondary:#0a688f;--secondary-glow:#0a688f4d;--accent:#06b6d4;--success:#10b981;--success-bg:#10b9811a;--success-border:#10b98133;--warning:#f59e0b;--warning-bg:#f59e0b1a;--warning-border:#f59e0b33;--danger:#ef4444;--danger-bg:#ef44441a;--danger-border:#ef444433;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-light:#ffffff0f;--border-glow:#109bcb26;--font-sans:"Plus Jakarta Sans", "Outfit", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--shadow-lg:0 10px 30px -10px #000000b3;--shadow-primary:0 0 20px 0 #109bcb33;--radius-sm:8px;--radius-md:14px;--radius-lg:20px}*{box-sizing:border-box;font-family:var(--font-sans);scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#109bcb14 0,#0000 50%),radial-gradient(at 100% 100%,#0a688f14 0,#0000 50%);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-light);z-index:100;flex-direction:column;width:260px;height:100vh;padding:24px 16px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.sidebar.collapsed{width:76px;padding:24px 10px}.sidebar.collapsed .logo-container{justify-content:center;margin-bottom:24px;padding-left:0}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:12px 0}.logo-container{align-items:center;gap:12px;margin-bottom:36px;padding-left:8px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:38px;height:38px;box-shadow:var(--shadow-primary);border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.logo-text{font-family:var(--font-heading);letter-spacing:.5px;background:linear-gradient(135deg,#fff,#a5e2f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:700}.nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:14px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff08}.nav-item.active{color:#fff;border-color:var(--border-glow);box-shadow:inset 3px 0 0 0 var(--primary);background:linear-gradient(90deg,#109bcb26,#0a688f0d)}.nav-icon{flex-shrink:0;width:20px;height:20px}.main-content{flex:1;min-width:0;min-height:100vh;margin-left:260px;padding:40px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.collapsed{margin-left:76px}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title{font-family:var(--font-heading);letter-spacing:-.5px;color:#fff;font-size:32px;font-weight:700}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.card-premium{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:24px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s;position:relative;overflow:hidden}.card-premium:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;width:100%;height:2px;transition:opacity .3s;position:absolute;top:0;left:0}.card-premium:hover{border-color:#109bcb40;transform:translateY(-4px)}.card-premium:hover:before{opacity:1}.kpi-card{flex-direction:column;gap:8px;display:flex}.kpi-header{justify-content:space-between;align-items:center;display:flex}.kpi-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.kpi-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.kpi-value{font-family:var(--font-heading);color:#fff;margin-top:4px;font-size:28px;font-weight:700}.kpi-subtext{color:var(--text-muted);font-size:13px}.charts-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}@media (width<=1100px){.charts-grid{grid-template-columns:1fr}}.chart-card{flex-direction:column;height:360px;display:flex}.chart-title{color:#fff;margin-bottom:20px;font-size:18px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#050608d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:var(--radius-lg);width:480px;max-width:90%;box-shadow:0 25px 50px -12px #000c, var(--shadow-primary);background:#14161cf2;border:1px solid #ffffff14;padding:36px;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;position:relative}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:14px;font-weight:600}.form-input{border:1px solid var(--border-light);border-radius:var(--radius-sm);color:#fff;box-sizing:border-box;background:#ffffff08;width:100%;padding:12px 16px;font-size:15px;transition:all .25s}.form-input:focus{border-color:var(--primary);background:#109bcb0d;outline:none;box-shadow:0 0 0 3px #109bcb26}input.form-input,select.form-input{height:46px}textarea.form-input{resize:vertical;min-height:100px}select.form-input option{color:#f3f4f6;background-color:#14161c}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:0 4px 14px #109bcb4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #109bcb73}.btn-secondary{border-color:var(--border-light);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff14}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:16px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.data-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px;background:#ffffff05;padding:16px 20px;font-size:12px;font-weight:600}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s}.data-table th.sortable:hover{color:#fff;background:#ffffff0f}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:16px 20px}.data-table tr:hover td{background:#ffffff04}.data-table tr:last-child td{border-bottom:none}.badge{border:1px solid #0000;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.badge-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.badge-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.search-bar-wrapper{align-items:center;width:100%;max-width:450px;display:flex;position:relative}.search-bar-wrapper .search-icon{color:var(--text-secondary);pointer-events:none;transition:color .2s;position:absolute;left:14px}.search-bar-wrapper:focus-within .search-icon{color:var(--primary)}.search-bar-wrapper .search-input{border:1px solid var(--border-light);border-radius:var(--radius-sm);color:#fff;background:#ffffff08;outline:none;width:100%;height:42px;padding:10px 16px 10px 42px;font-size:14px;transition:all .25s}.search-bar-wrapper .search-input:focus{border-color:var(--primary);background:#109bcb0d;box-shadow:0 0 0 3px #109bcb26}