@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #20a53a;--primary-light: #e8f7ec;--secondary: #263238;--secondary-light: #32424a;--success: #20a53a;--success-light: #e8f7ec;--info: #2080f7;--blue: #2080f7;--warning: #f0a020;--warning-light: #fff5e6;--danger: #d03050;--danger-light: #fef0f0;--bg-body: #f1f4f6;--bg-card: #ffffff;--text-main: #333333;--text-muted: #666666;--text-light: #999999;--border: #e1e6eb;--border-dark: #d8dce2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;font-size:13px}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:clamp(180px,13vw,220px);--sidebar-gradient-from: oklch(28% .06 255);--sidebar-gradient-mid: oklch(22% .05 265);--sidebar-gradient-to: oklch(16% .04 275);--sidebar-gradient-foreground: oklch(90% 0 0);background:linear-gradient(180deg,var(--sidebar-gradient-from),var(--sidebar-gradient-mid),var(--sidebar-gradient-to));color:var(--sidebar-gradient-foreground);border-right:none;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:width .2s ease}.sidebar-brand-container{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand-logo{width:40px!important;height:40px!important;border-radius:50%!important;overflow:hidden!important;background:transparent!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-logo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}.brand{height:50px;display:flex;align-items:center;padding:0 16px;font-size:16px;font-weight:800;color:#fff;gap:8px;background-color:#1f292e;border-bottom:none;justify-content:flex-start}.brand span.orange{color:var(--primary)}.nav-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#c9cbcf;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s;-webkit-user-select:none;user-select:none;border-left:3px solid transparent}.nav-section-header:hover{background-color:var(--secondary-light);color:#fff}.nav-section-header.expanded{color:#fff;background-color:#1d272c}.nav-links-sub{background-color:#1d272c;padding:4px 0}.nav-links-sub .nav-item{padding-left:25px!important;font-size:12px}.nav-links-sub .nav-item.active{background-color:#151b1f;border-left:3px solid var(--primary)}.nav-links{display:flex;flex-direction:column;padding:0;gap:0}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 16px;color:#c9cbcf;text-decoration:none;font-size:13px;font-weight:500;border-radius:0;transition:all .15s;position:relative;border-left:3px solid transparent}.nav-item:hover{background-color:var(--secondary-light);color:#fff}.nav-item.active{background-color:#1d272c;color:#fff;border-left:3px solid var(--primary);font-weight:600}.nav-item.active:after{display:none!important}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.top-bar{height:50px;background-color:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.top-bar-left{display:flex;align-items:center;gap:10px}.collapse-btn{width:28px;height:28px;border-radius:4px;background-color:#fafafa;color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border)}.collapse-btn:hover{background-color:#f0f0f0}.top-bar-btn{display:flex;align-items:center;gap:6px;background-color:#f7f9fa;border:1px solid var(--border);color:var(--text-muted);padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s}.top-bar-btn:hover{background-color:#edf1f3;color:var(--text-main)}.top-bar-btn.active{background-color:var(--primary-light);border-color:#20a53a4d;color:var(--primary)}.top-bar-divider{width:1px;height:18px;background-color:var(--border);margin:0 4px}.top-bar-right{display:flex;align-items:center;gap:12px}.top-bar-profile{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .15s;position:relative}.top-bar-profile:hover{background-color:#f5f7fa}.top-bar-username{font-size:12px;font-weight:700;color:var(--text-main)}.header-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background-color:#fff;border:1px solid var(--border);border-radius:4px;box-shadow:0 10px 25px #00000014;min-width:140px;z-index:1000;overflow:hidden;padding:4px 0}.header-dropdown-item{padding:8px 14px;font-size:12px;color:var(--text-main);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .15s}.header-dropdown-item:hover{background-color:#f5f7fa;color:var(--primary)}.header-toast{position:fixed;top:60px;right:16px;background-color:#fff;border-left:4px solid var(--primary);box-shadow:0 4px 12px #0000001a;padding:10px 16px;border-radius:4px;z-index:10000;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-main);animation:slideInRight .25s ease-out;border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn,.btn-primary,.btn-secondary,.btn-success,.btn-info,.btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;line-height:1.5;outline:none;text-decoration:none}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-success:active,.btn-info:active,.btn-dark:active{transform:scale(.97)}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn-info:disabled,.btn-dark:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none!important}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 4px #20a53a26}.btn-primary:hover:not(:disabled){background-color:#1a8f31;border-color:#1a8f31;box-shadow:0 4px 12px #20a53a4d;transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:var(--text-main);border-color:var(--border);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover:not(:disabled){background-color:#f8f9fa;border-color:var(--border-dark);color:var(--text-main);box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.btn-success{background-color:#28c76f;color:#fff;border-color:#28c76f;box-shadow:0 2px 4px #28c76f26}.btn-success:hover:not(:disabled){background-color:#20a059;border-color:#20a059;box-shadow:0 4px 12px #28c76f4d;transform:translateY(-1px)}.btn-info{background-color:var(--info);color:#fff;border-color:var(--info);box-shadow:0 2px 4px #2080f726}.btn-info:hover:not(:disabled){background-color:#0b70e6;border-color:#0b70e6;box-shadow:0 4px 12px #2080f74d;transform:translateY(-1px)}.btn-dark{background-color:#fff;color:var(--text-main);border-color:var(--border);box-shadow:0 1px 2px #0000000d}.btn-dark:hover:not(:disabled){background-color:#f5f7fa;border-color:var(--border-dark);transform:translateY(-1px)}.icon-btn{width:28px;height:28px;border-radius:4px;background-color:#fff;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);position:relative;transition:all .15s}.icon-btn:hover{background-color:#f5f7fa;color:var(--text-main)}.badge-dot{position:absolute;top:-4px;right:-4px;width:14px;height:14px;background-color:var(--danger);color:#fff;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid white}.avatar-img{width:28px;height:28px;border-radius:4px;object-fit:cover;cursor:pointer;border:1px solid var(--border)}.main-content{flex:1;overflow-y:auto;padding:14px}.page-container{max-width:100%;margin:0}.welcome-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:12px}.welcome-title{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:2px}.welcome-subtitle{font-size:12px;color:var(--text-muted)}.date-picker-btn{background:#fff;border:1px solid var(--border);padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;color:var(--text-main);display:flex;align-items:center;gap:6px;cursor:pointer}.date-picker-btn:hover{background-color:#f5f7fa}.alert-banner{background-color:#fffdec;border:1px solid #ffebad;color:#b7791f;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;margin-bottom:16px}.solid-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.solid-card{border-radius:4px;padding:14px 16px;background-color:#fff!important;color:var(--text-main)!important;border:1px solid var(--border);display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008!important}.solid-card-icon{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px}.solid-card.orange .solid-card-icon{background-color:#ffe8d6;color:#ff9f43}.solid-card.dark .solid-card-icon{background-color:#e2e8f0;color:var(--secondary)}.solid-card.teal .solid-card-icon{background-color:#e3f9fc;color:#00cfe8}.solid-card.blue .solid-card-icon{background-color:#e6f0ff;color:#2080f7}.solid-card-content{flex:1}.solid-card-title{font-size:11px;font-weight:500;margin-bottom:2px;color:var(--text-muted);text-transform:none}.solid-card-value{font-size:18px;font-weight:700;color:var(--text-main)}.white-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.white-card{background-color:#fff;border:1px solid var(--border);border-radius:4px;padding:14px 16px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column}.white-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.white-card-value{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:2px}.white-card-title{font-size:11px;color:var(--text-muted);font-weight:500}.white-card-icon{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center}.white-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px dashed var(--border)}.trend{font-size:11px;font-weight:600}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.view-all{font-size:11px;font-weight:600;color:var(--info);text-decoration:none;cursor:pointer}.view-all:hover{text-decoration:underline}.dashboard-layout{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{background-color:#fff;border-radius:4px;border:1px solid var(--border);padding:16px;box-shadow:0 1px 3px #00000008;margin-bottom:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:10px}.panel-title{font-size:14px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:6px}.chart-placeholder{height:220px;width:100%;background:#fafafa;border:1px dashed var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:500;font-size:12px}table{width:100%;border-collapse:collapse}th{background-color:#f7f9fa;color:var(--text-muted);font-weight:600;text-align:left;padding:7px 10px;font-size:12px;border-bottom:1px solid var(--border);text-transform:none}td{padding:7px 10px;border-bottom:1px solid #f1f3f5;font-size:12px;color:var(--text-main);font-weight:400;vertical-align:middle}.no-wrap-table th,.no-wrap-table td,.no-wrap-table td *{white-space:nowrap}tr:hover td{background-color:#f9fbfd}.badge{padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;display:inline-block;border:1px solid transparent}.badge-success{background:#e8f7ec;color:var(--success);border:1px solid rgba(32,165,58,.25)}.badge-warning{background:#fff5e6;color:var(--warning);border:1px solid rgba(240,160,32,.25)}.badge-danger{background:#fef0f0;color:var(--danger);border:1px solid rgba(208,48,80,.25)}.badge-info{background:#ecf5ff;color:var(--info);border:1px solid rgba(32,128,247,.25)}input[type=text],input[type=number],input[type=date],input[type=password],select,textarea{border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;color:#333;padding:6px 10px;font-size:13px;outline:none;font-family:inherit;transition:border-color .15s ease-in-out}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important}.panel[style*="position: relative"]{border-radius:4px;box-shadow:0 10px 30px #00000026;border:1px solid #c2c2c2;overflow:hidden;padding:0}div[style*="zIndex: 10000"] .panel{padding:0!important;background-color:#fff;border-radius:4px;border:1px solid #e1e6eb}div[style*="zIndex: 10000"] h3{background-color:#f8f9fa;border-bottom:1px solid var(--border);padding:12px 16px;margin:0!important;font-size:14px!important;font-weight:700!important;color:var(--text-main)}div[style*="zIndex: 10000"] p{padding:10px 16px 0;margin:0!important}div[style*="zIndex: 10000"] form{padding:16px!important}div[style*="zIndex: 10000"] label{font-weight:600!important;font-size:12px!important;color:var(--text-muted)!important}.grid-4-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-split-rows{display:grid;grid-template-columns:2fr 1fr;gap:16px}.floating-settings{position:fixed;right:0;top:50%;background-color:var(--primary);color:#fff;width:32px;height:32px;border-radius:4px 0 0 4px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:-2px 0 6px #0000000d;z-index:100}.white-card[style*="position: relative"]{border-radius:4px;padding:14px;box-shadow:0 1px 3px #00000008}.white-card[style*="position: relative"] select{font-size:11px;padding:5px}.control-btn{font-size:11px!important;padding:6px 10px!important;border-radius:4px!important}.stat-card-outline{background:#fff;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:4px;padding:12px 16px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;justify-content:center;transition:border-color .15s ease-in-out;position:relative;overflow:hidden}.stat-card-outline:hover{border-color:var(--primary)}.stat-card-title{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:none;letter-spacing:0px}.stat-card-value{font-size:20px;font-weight:700;line-height:1.2;margin-bottom:4px}.stat-card-sub{font-size:11px;color:var(--text-light);font-weight:500}.aapanel-modal{background:#fff;border-radius:4px;box-shadow:0 5px 25px #00000026;border:1px solid var(--border-dark);overflow:hidden;display:flex;flex-direction:column}.aapanel-modal-header{padding:12px 18px;background-color:#f7f9fa;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text-main);position:relative}.aapanel-modal-close{position:absolute;top:10px;right:14px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.aapanel-modal-close:hover{background:#e2e8f0;color:var(--text-main)}.aapanel-info-banner{background:#20a53a;color:#fff;padding:10px 14px;border-radius:4px;font-size:12px;line-height:1.5;margin:16px;font-weight:500;box-shadow:0 1px 3px #0000000d}.aapanel-form-group{display:flex;margin-bottom:14px;align-items:center;padding:0 18px}.aapanel-form-group.align-start{align-items:flex-start}.aapanel-form-label{width:120px;text-align:right;padding-right:14px;font-size:12px;color:var(--text-muted);font-weight:600}.aapanel-form-input{flex:1;min-width:0}.aapanel-modal-footer{padding:10px 18px;background:#f7f9fa;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.modern-panel{background:#fff;border-radius:16px;border:1px solid var(--border);padding:24px;box-shadow:0 4px 20px #00000008;margin-bottom:16px}.ranking-row{transition:background-color .2s ease}.ranking-row:hover{background-color:#00000004}@media (max-width: 1600px){.main-content{padding:12px}.solid-cards-grid,.white-cards-grid,.grid-4-cols,.grid-3-cols,.grid-2-cols,.dashboard-layout,.grid-split-rows{gap:12px}.panel,.modern-panel{padding:14px}}@media (max-width: 1200px){.grid-4-cols{grid-template-columns:repeat(2,1fr)}.grid-split-rows{grid-template-columns:1fr}}@media (max-width: 768px){.grid-4-cols,.grid-3-cols,.grid-2-cols{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1001;transform:translate(-100%);transition:transform .2s ease-out;width:240px;max-width:80vw}.app-container.sidebar-active .sidebar{transform:translate(0);box-shadow:4px 0 16px #00000026}th,td{padding:7px 8px;font-size:11.5px}}.btn-danger{background-color:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 2px 4px #d0305026}.btn-danger:hover:not(:disabled){background-color:#b02440;border-color:#b02440;box-shadow:0 4px 12px #d030504d;transform:translateY(-1px)}