:root,[data-theme=light]{--primary:#7a1128;--primary-dark:#5a0a1e;--primary-light:rgba(122,17,40,.08);--primary-hover:#8b1a34;--bg:#f5f7fa;--surface:#fff;--surface-hover:#f8fafc;--surface-secondary:#f1f5f9;--text-primary:#1a1d21;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--divider:#f0f0f0;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--sidebar-bg:linear-gradient(180deg,#4a0113,#5a0a1e 50%,#3d0110);--sidebar-glass:rgba(74,1,19,.82);--sidebar-glass-blur:20px;--sidebar-hover:hsla(0,0%,100%,.08);--sidebar-active:hsla(0,0%,100%,.15);--sidebar-text:hsla(0,0%,100%,.65);--sidebar-text-active:#fff;--sidebar-border:hsla(0,0%,100%,.08);--sidebar-icon-bg:hsla(0,0%,100%,.07);--sidebar-icon-bg-active:hsla(0,0%,100%,.18);--sidebar-section-label:hsla(0,0%,100%,.55);--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.04);--shadow-lg:0 10px 25px rgba(0,0,0,.07),0 4px 10px rgba(0,0,0,.04);--shadow-xl:0 20px 40px rgba(0,0,0,.1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--tran-fast:all 0.15s ease;--tran-base:all 0.2s ease;--tran-slow:all 0.3s ease;--sidebar-width:260px;--sidebar-close-width:78px;--topbar-height:70px;--primary-color:var(--primary);--body-bg:var(--bg);--text-white:#fff;--tran-03:var(--tran-slow);--active-item:var(--sidebar-active);--success-color:var(--success)}[data-theme=dark]{--primary:#c2365a;--primary-dark:#9b2548;--primary-light:rgba(194,54,90,.12);--primary-hover:#d44a6e;--bg:#0c0e14;--surface:#161921;--surface-hover:#1e2130;--surface-secondary:#1a1d28;--text-primary:#e2e8f0;--text-secondary:#8892a4;--text-muted:#5a6478;--text-inverse:#0c0e14;--border:#2a2e3a;--border-light:#1e2130;--divider:#232736;--success:#34d399;--success-light:rgba(52,211,153,.12);--warning:#fbbf24;--warning-light:rgba(251,191,36,.12);--error:#f87171;--error-light:hsla(0,91%,71%,.12);--info:#60a5fa;--info-light:rgba(96,165,250,.12);--sidebar-bg:linear-gradient(180deg,#10121a,#161921 50%,#0c0e14);--sidebar-glass:rgba(16,18,26,.78);--sidebar-glass-blur:22px;--sidebar-hover:hsla(0,0%,100%,.06);--sidebar-active:rgba(194,54,90,.25);--sidebar-text:hsla(0,0%,100%,.5);--sidebar-text-active:#fff;--sidebar-border:hsla(0,0%,100%,.06);--sidebar-icon-bg:hsla(0,0%,100%,.05);--sidebar-icon-bg-active:rgba(194,54,90,.3);--sidebar-section-label:hsla(0,0%,100%,.45);--shadow-xs:0 1px 2px rgba(0,0,0,.2);--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2);--shadow-lg:0 10px 25px rgba(0,0,0,.4),0 4px 10px rgba(0,0,0,.2);--shadow-xl:0 20px 40px rgba(0,0,0,.5);--primary-color:var(--primary);--body-bg:var(--bg);--active-item:var(--sidebar-active);--success-color:var(--success)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;color:var(--text-primary);background:var(--surface)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:28px}.kpi-card{background:var(--surface);padding:22px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.kpi-card,.kpi-card:before{transition:var(--tran-base)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-hover));opacity:0}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border)}.kpi-card:hover:before{opacity:1}.kpi-title{font-size:12px;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.kpi-value{font-size:26px;font-weight:800;color:var(--text-primary);margin-bottom:4px;line-height:1.2}.kpi-sub{font-size:12px;color:var(--text-muted)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:20px;gap:20px;margin-bottom:24px}.chart-card{background:var(--surface);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);min-height:320px;transition:var(--tran-base)}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--divider)}.config-card{background:var(--surface);padding:32px 36px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);max-width:800px;margin:0 auto 20px}.config-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--divider)}.config-row{display:flex;gap:20px;margin-bottom:20px;align-items:flex-end}.input-group{flex:1 1}.input-group label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:600}.input-group input,.input-group select{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--surface);color:var(--text-primary);transition:var(--tran-fast)}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.btn-save{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;padding:13px 24px;border-radius:var(--radius-sm);cursor:pointer;font-size:15px;font-weight:600;width:100%;transition:var(--tran-base);box-shadow:0 2px 8px rgba(122,17,40,.25)}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(122,17,40,.35);filter:brightness(1.08)}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff}.btn-danger{background:linear-gradient(135deg,var(--error),#dc2626);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.25)}.user-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:24px}.user-table th{text-align:left;padding:14px 16px;background:var(--surface-secondary);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border)}.user-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.user-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.user-table td{padding:13px 16px;border-bottom:1px solid var(--border-light);font-size:13px;font-weight:500;color:var(--text-primary);vertical-align:middle}.user-table tbody tr,.user-table td{transition:var(--tran-fast)}.user-table tbody tr:hover{background:var(--primary-light)}.user-table tbody tr:nth-child(2n){background:var(--surface-secondary)}.user-table tbody tr:nth-child(2n):hover{background:var(--primary-light)}.action-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;color:#fff;cursor:pointer;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;transition:var(--tran-base)}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-edit{background:var(--warning)}.btn-copy{background:var(--info)}.btn-delete{background:var(--error)}.filters-container{display:flex;gap:16px;margin-bottom:20px;align-items:flex-end;flex-wrap:wrap;background:var(--surface);padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--border-light)}.filter-item{display:flex;flex-direction:column}.filter-item label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.filter-input{padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;min-width:140px;background:var(--surface);color:var(--text-primary);transition:var(--tran-fast)}.filter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:16px;border-top:1px solid var(--divider)}.page-btn{padding:8px 16px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--tran-fast);font-size:14px}.page-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.hidden{display:none!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--border);border-left-color:var(--primary);animation:spin .8s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 50%,var(--border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.kpi-hover{transition:var(--tran-base);position:relative;overflow:hidden}.kpi-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.ranking-item{transition:var(--tran-base)}.ranking-item:hover{transform:translateX(4px);box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}