:root{--bg-primary:#fff;--bg-secondary:#f4f5f7;--bg-tertiary:#e2e8f0;--bg-sidebar:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--color-positive:#10b981;--color-positive-bg:#ecfdf5;--color-negative:#ef4444;--color-negative-bg:#fef2f2;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-info:#4f46e5;--color-info-bg:#e0e7ff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--border-color:#e2e8f0;--border-light:#f1f5f9;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--sidebar-width:240px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:22px}.login-page{min-height:100vh;padding:var(--space-lg);background:linear-gradient(135deg,#f8f9fa 0%,#fff 50%,#f0f2f5 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#1890ff08 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.login-page:after{content:"";background:radial-gradient(circle,#52c41a08 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-30%;left:-10%}.login-card{background:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:1;padding:40px;animation:.5s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:32px}.login-logo .logo-icon{background:linear-gradient(135deg, var(--color-info), #096dd9);border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.login-logo .logo-icon svg{color:#fff;width:28px;height:28px}.login-logo h1{color:var(--text-primary);letter-spacing:-.3px;font-size:20px;font-weight:700}.login-logo p{color:var(--text-secondary);margin-top:4px;font-size:13px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .input-icon{color:var(--text-tertiary);pointer-events:none;display:flex;position:absolute;left:12px}.input-wrapper .input-icon svg{width:18px;height:18px}.input-wrapper input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--text-primary);background:var(--bg-primary);outline:none;padding:0 12px 0 40px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-wrapper input::placeholder{color:var(--text-tertiary)}.input-wrapper input:focus{border-color:var(--color-info);box-shadow:0 0 0 3px #1890ff1a}.input-wrapper input.error{border-color:var(--color-negative);box-shadow:0 0 0 3px #ff4d4f1a}.input-wrapper .toggle-password{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.input-wrapper .toggle-password:hover{color:var(--text-secondary)}.input-wrapper .toggle-password svg{width:18px;height:18px}.error-message{background:var(--color-negative-bg);border-radius:var(--radius-sm);color:var(--color-negative);border:1px solid #ff4d4f33;align-items:center;gap:8px;padding:10px 14px;font-size:13px;animation:.4s shakeX;display:none}.error-message.visible{display:flex}.error-message svg{flex-shrink:0;width:16px;height:16px}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.btn-login{background:linear-gradient(135deg, var(--color-info), #096dd9);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.btn-login:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);transform:translateY(-1px);box-shadow:0 4px 14px #1890ff4d}.btn-login:active{transform:translateY(0);box-shadow:0 2px 6px #1890ff33}.btn-login.loading{pointer-events:none;opacity:.85}.btn-login .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:none}.btn-login.loading .spinner{display:block}.btn-login.loading .btn-text{display:none}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;color:var(--text-tertiary);margin-top:32px;font-size:12px}.app-layout{min-height:100vh;display:none}.app-layout.active{animation:.4s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);z-index:100;flex-direction:column;min-height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid #2a2d35;align-items:center;gap:12px;padding:20px 16px;display:flex}.sidebar-logo .logo-box{background:linear-gradient(135deg, var(--color-info), #096dd9);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo .logo-box svg{color:#fff;width:18px;height:18px}.sidebar-logo span{color:var(--text-inverse);letter-spacing:-.3px;font-size:15px;font-weight:600}.sidebar-close-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px;transition:color .15s;display:none}.sidebar-close-btn:hover{color:var(--text-inverse)}.sidebar-close-btn svg{width:18px;height:18px}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-section{margin-bottom:8px;padding:0 8px}.sidebar-section-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 6px;font-size:11px;font-weight:500}.nav-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex;position:relative}.nav-item .nav-icon{color:var(--text-tertiary);flex-shrink:0;display:flex}.nav-item .nav-icon svg{stroke-width:1.5px;width:18px;height:18px}.nav-item .nav-label{color:var(--text-tertiary);font-size:14px;font-weight:400}.nav-item:hover{background:#ffffff0d}.nav-item:hover .nav-icon,.nav-item:hover .nav-label{color:#d1d5db}.nav-item.active{background:#2a2d35}.nav-item.active:before{content:"";background:var(--color-info);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-item.active .nav-icon{color:var(--text-inverse)}.nav-item.active .nav-label{color:var(--text-inverse);font-weight:500}.sidebar-footer{border-top:1px solid #2a2d35;align-items:center;gap:10px;padding:16px;display:flex}.sidebar-footer .avatar{width:32px;height:32px;color:var(--color-info);background:#2a2d35;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;overflow:hidden}.sidebar-footer .avatar img{object-fit:cover;width:100%;height:100%}.sidebar-footer .user-info{flex:1;min-width:0}.sidebar-footer .user-name{color:var(--text-inverse);font-size:13px;font-weight:500}.sidebar-footer .user-role{color:var(--text-tertiary);font-size:11px}.sidebar-footer .logout-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .15s;display:flex}.sidebar-footer .logout-btn:hover{color:var(--color-negative);background:#ff4d4f1a}.sidebar-footer .logout-btn svg{width:16px;height:16px}.main-content{margin-left:var(--sidebar-width);background:var(--bg-secondary);flex:1;min-width:0;min-height:100vh}.lang-toggle-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);min-width:42px;height:34px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:flex}.lang-toggle-btn:hover{border-color:var(--color-info);color:var(--color-info);background:var(--color-info-bg)}.top-bar{height:var(--topbar-height);background:var(--bg-primary);border-bottom:1px solid var(--border-light);z-index:50;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.top-bar-left{align-items:center;gap:12px;display:flex}.top-bar h1{color:var(--text-primary);font-size:18px;font-weight:600}.top-bar-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.top-bar-right .date-display{color:var(--text-secondary);white-space:nowrap;font-size:13px}.global-date-filter{align-items:center;display:flex}.date-range-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 12px;display:flex}.date-range-wrapper svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.date-range-wrapper input[type=date]{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;width:130px;min-width:0;font-family:inherit;font-size:13px}.date-range-wrapper .date-separator{color:var(--text-tertiary);font-size:13px}.btn-refresh{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.btn-refresh:hover{border-color:var(--color-info);color:var(--color-info)}.btn-refresh svg{width:14px;height:14px}.btn-refresh.spinning svg{animation:.6s linear spin}.hamburger-btn{z-index:200;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:none;position:fixed;top:14px;left:14px}.hamburger-btn svg{width:20px;height:20px;color:var(--text-primary)}.sidebar-overlay{z-index:99;background:#0006;display:none;position:fixed;inset:0}.page-content{padding:24px;animation:.3s fadeInPage;display:none}.page-content.active{display:block}@keyframes fadeInPage{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kpi-progress-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px 20px}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kpi-title-group{align-items:center;gap:8px;display:flex}.kpi-title-group h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.kpi-target-info{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:12px;padding:4px 10px;font-size:12px}.kpi-bars-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.kpi-item{flex-direction:column;gap:8px;display:flex}.kpi-item-header{justify-content:space-between;align-items:center;display:flex}.kpi-item-label{color:var(--text-primary);font-size:13px;font-weight:500}.kpi-item-values{align-items:baseline;gap:6px;display:flex}.kpi-item-current{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.kpi-item-target{color:var(--text-tertiary);font-size:12px}.kpi-item-progress{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.kpi-item-progress-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.kpi-item-progress-fill.on-track{background:linear-gradient(90deg,#52c41a,#73d13d)}.kpi-item-progress-fill.at-risk{background:linear-gradient(90deg,#faad14,#ffc53d)}.kpi-item-progress-fill.behind{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.kpi-item-footer{justify-content:space-between;align-items:center;font-size:11px;display:flex}.kpi-item-percentage{font-variant-numeric:tabular-nums;font-weight:600}.kpi-item-percentage.on-track{color:var(--color-positive)}.kpi-item-percentage.at-risk{color:var(--color-warning)}.kpi-item-percentage.behind{color:var(--color-negative)}.kpi-item-status{color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.kpi-item-status svg{width:12px;height:12px}.kpi-item-status.on-track{color:var(--color-positive)}.kpi-item-status.at-risk{color:var(--color-warning)}.kpi-item-status.behind{color:var(--color-negative)}.filter-preset-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.filter-preset-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.filter-preset-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.date-range-picker{animation:.2s fadeIn}.red-flag-banner{background:var(--color-negative-bg);border-left:4px solid var(--color-negative);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.red-flag-banner .flag-icon{color:var(--color-negative);flex-shrink:0;display:flex}.red-flag-banner .flag-icon svg{width:18px;height:18px}.red-flag-banner .flag-text{color:var(--text-primary);flex:1;font-size:13px}.red-flag-banner .flag-text strong{font-weight:600}.red-flag-banner .flag-dismiss{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .15s;display:flex}.red-flag-banner .flag-dismiss:hover{color:var(--color-negative);background:#ff4d4f1a}.red-flag-banner .flag-dismiss svg{width:16px;height:16px}.api-status-bar{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.api-status-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:10px;padding:10px 18px;font-size:12px;display:flex}.api-status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.api-status-dot.online{background:var(--color-positive)}.api-status-dot.offline{background:var(--color-negative);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.api-status-item .platform-name{color:var(--text-primary);font-weight:500}.api-status-item .sync-time{color:var(--text-tertiary);font-size:11px}.summary-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.summary-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:default;padding:16px 20px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.summary-card:before{content:"";background:var(--card-accent,var(--color-info));height:3px;position:absolute;top:0;left:0;right:0}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-card:first-child:before{background:var(--color-info)}.summary-card:nth-child(2):before{background:var(--color-negative)}.summary-card:nth-child(3):before{background:var(--color-positive)}.summary-card:nth-child(4):before{background:var(--color-warning)}.card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:500}.card-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.card-icon svg{width:16px;height:16px}.card-icon.blue{background:var(--color-info-bg);color:var(--color-info)}.card-icon.red{background:var(--color-negative-bg);color:var(--color-negative)}.card-icon.green{background:var(--color-positive-bg);color:var(--color-positive)}.card-icon.yellow{background:var(--color-warning-bg);color:var(--color-warning)}.card-value{color:var(--text-primary);letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:24px;font-weight:700}.card-trend{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.card-trend.positive{color:var(--color-positive)}.card-trend.negative{color:var(--color-negative)}.card-trend svg{width:14px;height:14px}.card-trend .vs-text{color:var(--text-tertiary);margin-left:4px;font-weight:400}.charts-area{grid-template-columns:3fr 2fr;gap:16px;margin-bottom:24px;display:grid}.chart-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;min-width:0;padding:20px;display:flex}.chart-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.chart-title{color:var(--text-primary);font-size:14px;font-weight:600}.chart-subtitle{color:var(--text-tertiary);margin-top:2px;font-size:11px}.chart-legend{flex-shrink:0;gap:14px;font-size:11px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px}.legend-dot.blue{background:var(--color-info)}.legend-dot.red{background:var(--color-negative)}.legend-dot.green{background:var(--color-positive)}.legend-dot.purple{background:#722ed1}.legend-dot.teal{background:#13c2c2}.legend-dot.yellow{background:var(--color-warning)}.bar-chart-wrapper{flex:1;width:100%;height:260px;min-height:0;position:relative}.bar-chart-wrapper canvas{width:100%!important;height:100%!important}.y-axis{flex-direction:column;justify-content:space-between;height:240px;padding-bottom:0;display:flex}.y-axis span{color:var(--text-tertiary);text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:11px}.bar-chart{border-bottom:1px solid var(--border-light);flex:1;align-items:flex-end;gap:24px;height:240px;padding:0 8px;display:flex;position:relative}.bar-chart:before{content:"";background:repeating-linear-gradient(to bottom, transparent, transparent calc(25% - 1px), var(--border-light) calc(25% - 1px), var(--border-light) 25%);pointer-events:none;position:absolute;inset:0}.bar-group{z-index:1;flex:1;align-items:flex-end;gap:4px;display:flex;position:relative}.bar{cursor:pointer;border-radius:4px 4px 0 0;flex:1;min-width:20px;transition:filter .3s;position:relative}.bar:hover{filter:brightness(1.1)}.bar.revenue{background:linear-gradient(180deg, #40a9ff, var(--color-info))}.bar.ads{background:linear-gradient(180deg, #ff7875, var(--color-negative))}.bar-labels{gap:24px;margin-top:8px;padding-left:48px;display:flex}.bar-labels span{text-align:center;color:var(--text-secondary);flex:1;font-size:12px;font-weight:500}.pie-chart-wrapper{flex:1;justify-content:center;align-items:center;gap:24px;min-height:0;padding:12px 0;display:flex}.pie-chart-wrapper canvas,.pie-chart-wrapper #pieCanvas{flex-shrink:0;width:180px!important;max-width:180px!important;height:180px!important;max-height:180px!important}.pie-legend{flex-direction:column;gap:12px;min-width:0;display:flex}.pie-legend-item{align-items:center;gap:8px;display:flex}.pie-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.pie-legend-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pie-legend-value{color:var(--text-primary);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:13px;font-weight:600}.chart-tooltip{background:var(--bg-sidebar);color:var(--text-inverse);border-radius:var(--radius-sm);pointer-events:none;z-index:200;white-space:nowrap;opacity:0;box-shadow:var(--shadow-md);padding:12px 16px;font-size:12px;transition:opacity .2s;position:absolute}.chart-tooltip.visible{opacity:1}.chart-tooltip .tooltip-title{margin-bottom:2px;font-weight:600}.chart-tooltip .tooltip-value{color:#69c0ff}.leaderboard-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.leaderboard-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.leaderboard-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.leaderboard-title-group{align-items:center;gap:12px;display:flex}.leaderboard-icon{border-radius:var(--radius-sm);background:var(--color-info-bg);width:36px;height:36px;color:var(--color-info);flex-shrink:0;justify-content:center;align-items:center;display:flex}.leaderboard-icon svg{width:18px;height:18px}.leaderboard-icon.yellow{background:var(--color-warning-bg);color:var(--color-warning)}.leaderboard-title{color:var(--text-primary);font-size:14px;font-weight:600}.leaderboard-subtitle{color:var(--text-tertiary);margin-top:1px;font-size:11px}.leaderboard-select{width:auto!important;min-width:0!important;height:30px!important;padding:0 10px!important;font-size:12px!important}.leaderboard-list{max-height:280px;overflow-y:auto}.leaderboard-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 20px;transition:background .1s;display:flex}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background:var(--bg-secondary)}.leaderboard-rank{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.leaderboard-rank.rank-1{color:#d48806;background:#fff3bf}.leaderboard-rank.rank-2{color:#6b7280;background:#f4f4f5}.leaderboard-rank.rank-3{color:#d46b08;background:#fff1e6}.leaderboard-rank.rank-default{background:var(--bg-tertiary);color:var(--text-tertiary)}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.leaderboard-meta{color:var(--text-tertiary);margin-top:1px;font-size:11px}.leaderboard-value{text-align:right;flex-shrink:0}.leaderboard-value .value-main{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.leaderboard-value .value-sub{color:var(--text-tertiary);margin-top:1px;font-size:11px}.leaderboard-value .value-positive{color:var(--color-positive)}.leaderboard-value .value-negative{color:var(--color-negative)}.leaderboard-bar{background:var(--bg-tertiary);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.leaderboard-bar-fill{border-radius:2px;height:100%;transition:width .6s}.leaderboard-bar-fill.revenue{background:var(--color-info)}.leaderboard-bar-fill.roi{background:var(--color-positive)}.leaderboard-bar-fill.orders{background:#722ed1}.report-mode-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.report-mode-tab{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.report-mode-tab svg{flex-shrink:0;width:15px;height:15px}.report-mode-tab:hover{border-color:var(--color-info);color:var(--color-info)}.report-mode-tab.active{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.report-mode-content{display:none}.report-mode-content.active{display:block}.section-sub-title{color:var(--text-primary);font-size:14px;font-weight:600}.table-toolbar-left{align-items:center;display:flex}.data-table-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.table-search{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;align-items:center;gap:8px;max-width:320px;padding:0 12px;display:flex}.table-search svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.table-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:8px 0;font-family:inherit;font-size:13px}.table-search input::placeholder{color:var(--text-tertiary)}.filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:34px;color:var(--text-primary);background:var(--bg-primary);cursor:pointer;outline:none;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.filter-select:focus{border-color:var(--color-info)}.filter-date{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:34px;color:var(--text-primary);background:var(--bg-primary);outline:none;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.filter-date:focus{border-color:var(--color-info)}.btn-export{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.btn-export:hover{border-color:var(--color-info);color:var(--color-info)}.btn-export svg{width:14px;height:14px}table{border-collapse:collapse;width:100%}thead{background:var(--bg-secondary)}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-light);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}td{color:var(--text-primary);border-bottom:1px solid var(--border-light);white-space:nowrap;font-variant-numeric:tabular-nums;padding:12px 16px;font-size:13px}tbody tr{transition:background .2s}tbody tr:nth-child(2n){background:#fafafa}tbody tr:hover{background:#f0f7ff}tbody tr:last-child td{border-bottom:none}.report-table{width:100%;min-width:max-content}.report-table th{color:var(--text-secondary);background:#f8fafc;padding:12px 16px;font-size:12px}.report-table td{padding:12px 16px;font-size:13px}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.success{background:var(--color-positive-bg);color:var(--color-positive)}.status-badge.pending{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.danger{background:var(--color-negative-bg);color:var(--color-negative)}.status-badge .status-dot{border-radius:50%;width:6px;height:6px}.status-badge.success .status-dot{background:var(--color-positive)}.status-badge.pending .status-dot{background:var(--color-warning)}.status-badge.danger .status-dot{background:var(--color-negative)}.amount-positive{color:var(--color-positive);font-weight:600}.amount-negative{color:var(--color-negative);font-weight:600}.platform-tag{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.platform-tag.shopee{color:#ff6b00;background:#fff0e6}.platform-tag.tiktok{color:#7b00ff;background:#f0e6ff}.platform-tag.internal{background:var(--color-info-bg);color:var(--color-info)}.table-pagination{border-top:1px solid var(--border-light);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:13px;display:flex}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--color-info);color:var(--color-info)}.pagination-btn.active{background:var(--color-info);border-color:var(--color-info);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn svg{width:14px;height:14px}.report-table .cell-positive{color:var(--color-positive);font-weight:600}.report-table .cell-negative{color:var(--color-negative);font-weight:600}.report-table .cell-warning{color:var(--color-warning);font-weight:600}.report-table .cell-neutral{color:var(--text-secondary)}.usage-bar{align-items:center;gap:8px;display:flex}.usage-bar-track{background:var(--bg-tertiary);border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}.usage-bar-fill{border-radius:3px;height:100%;transition:width .4s}.usage-bar-fill.green{background:var(--color-positive)}.usage-bar-fill.yellow{background:var(--color-warning)}.usage-bar-fill.red{background:var(--color-negative)}.rank-badge{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.rank-badge.top-1{color:#d48806;background:#fff3bf}.rank-badge.top-2{color:#6b7280;background:#f4f4f5}.rank-badge.top-3{color:#d46b08;background:#fff1e6}.rank-badge.normal{background:var(--bg-tertiary);color:var(--text-tertiary)}.omni-channel-section,.omni-channel-header{margin-bottom:24px}.omni-channel-title{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.omni-channel-desc{color:var(--text-secondary);font-size:13px}.channel-group{margin-bottom:32px}.channel-group-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.channel-group-title svg{width:18px;height:18px;color:var(--text-secondary)}.channel-group-subtitle{color:var(--text-tertiary);margin-left:4px;font-size:12px;font-weight:400}.channel-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.channel-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .2s,transform .2s}.channel-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.channel-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.channel-card-title{align-items:center;gap:10px;display:flex}.channel-logo{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.channel-logo.shopee{color:#ff6b00;background:#fff0e6}.channel-logo.tiktok{color:#7b00ff;background:#f0e6ff}.channel-logo.lazada{color:#f53d2d;background:#fff0f0}.channel-logo.tiki{color:#1890ff;background:#e6f7ff}.channel-logo.facebook{color:#1877f2;background:#e6f0ff}.channel-logo.instagram{color:#e4405f;background:#fff0e6}.channel-logo.zalo{color:#0068ff;background:#e6f3ff}.channel-text h3{color:var(--text-primary);font-size:15px;font-weight:600}.channel-text p{color:var(--text-tertiary);font-size:11px}.connection-status{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.connection-status.connected{background:var(--color-positive-bg);color:var(--color-positive)}.connection-status.disconnected{background:var(--color-negative-bg);color:var(--color-negative)}.connection-status .status-dot{border-radius:50%;width:6px;height:6px}.connection-status.connected .status-dot{background:var(--color-positive)}.connection-status.disconnected .status-dot{background:var(--color-negative);animation:none}.channel-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.channel-metric{background:var(--bg-secondary);border-radius:var(--radius-sm);text-align:center;padding:8px 10px}.channel-metric-label{color:var(--text-tertiary);margin-bottom:2px;font-size:10px}.channel-metric-value{color:var(--text-primary);font-size:13px;font-weight:600}.channel-actions{gap:8px;display:flex}.integration-actions .btn-connect{border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:5px;height:32px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.integration-actions .btn-connect svg{width:12px;height:12px}.integration-actions .btn-connect.primary{background:var(--color-info);color:#fff;border:none}.integration-actions .btn-connect.primary:hover{background:#40a9ff}.integration-actions .btn-connect.secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.integration-actions .btn-connect.secondary:hover{border-color:var(--color-info);color:var(--color-info)}.api-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-bottom:24px;display:grid}.api-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .2s}.api-card:hover{box-shadow:var(--shadow-md)}.api-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.api-card-title{align-items:center;gap:10px;display:flex}.api-card-title .platform-logo{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.platform-logo.shopee{background:#fff0e6}.platform-logo.tiktok{background:#f0e6ff}.platform-logo.facebook{background:#e6f0ff}.api-card-title .platform-text h3{color:var(--text-primary);font-size:15px;font-weight:600}.api-card-title .platform-text p{color:var(--text-tertiary);font-size:11px}.api-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.api-status-badge.online{background:var(--color-positive-bg);color:var(--color-positive)}.api-status-badge.offline{background:var(--color-negative-bg);color:var(--color-negative)}.api-status-badge .dot{border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.api-status-badge.online .dot{background:var(--color-positive)}.api-status-badge.offline .dot{background:var(--color-negative);animation:none}.api-metrics{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.api-metric{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px 12px}.api-metric-label{color:var(--text-tertiary);margin-bottom:2px;font-size:11px}.api-metric-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.api-card-actions{gap:8px;display:flex}.btn-api{border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:5px;height:32px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn-api svg{width:12px;height:12px}.btn-api.primary{background:var(--color-info);color:#fff;border:none}.btn-api.primary:hover{background:#40a9ff}.btn-api.secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-api.secondary:hover{border-color:var(--color-info);color:var(--color-info)}.api-log-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.api-log-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.api-log-header h3{color:var(--text-primary);font-size:14px;font-weight:600}.btn-clear-log{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:flex}.btn-clear-log svg{width:14px;height:14px}.btn-clear-log:hover{color:var(--color-negative);background:var(--color-negative-bg)}.api-log-list{max-height:300px;overflow-y:auto}.api-log-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:10px 20px;font-size:12px;transition:background .1s;display:flex}.api-log-item:last-child{border-bottom:none}.api-log-item:hover{background:var(--bg-secondary)}.log-time{color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:140px}.log-platform{min-width:80px;color:var(--text-secondary);font-weight:500}.log-event{color:var(--text-primary);flex:1}.log-status{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.log-status.success{background:var(--color-positive-bg);color:var(--color-positive)}.log-status.error{background:var(--color-negative-bg);color:var(--color-negative)}.log-status.pending{background:var(--color-warning-bg);color:var(--color-warning)}.settings-grid{grid-template-columns:240px 1fr;gap:24px;display:grid}.settings-nav{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:fit-content;padding:8px;position:sticky;top:80px}.settings-nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.settings-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.settings-nav-item.active{background:var(--color-info-bg);color:var(--color-info)}.settings-nav-item svg{flex-shrink:0;width:16px;height:16px}.settings-content{flex-direction:column;gap:20px;display:flex}.settings-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.settings-section-header{border-bottom:1px solid var(--border-light);padding:16px 20px}.settings-section-header h3{color:var(--text-primary);font-size:15px;font-weight:600}.settings-section-header p{color:var(--text-tertiary);margin-top:2px;font-size:12px}.settings-section-body{padding:20px}.settings-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:24px;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-row:first-child{padding-top:0}.settings-label{flex:1}.settings-label .label-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:500}.settings-label .label-desc{color:var(--text-tertiary);font-size:12px}.settings-control{align-items:center;gap:12px;display:flex}.toggle-switch{cursor:pointer;width:40px;height:22px;position:relative}.toggle-slider{background:var(--border-color);border-radius:22px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:var(--color-info)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.settings-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:36px;color:var(--text-primary);background:var(--bg-primary);outline:none;width:240px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.settings-input:focus{border-color:var(--color-info)}.settings-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:36px;color:var(--text-primary);background:var(--bg-primary);cursor:pointer;outline:none;min-width:160px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.settings-select:focus{border-color:var(--color-info)}.btn-save{background:var(--color-info);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;height:36px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.btn-save:hover{background:#40a9ff}.btn-save.success{background:var(--color-positive)}.btn-import-wrapper{display:inline-flex}.account-avatar-section{border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:20px;display:flex}.account-avatar{background:linear-gradient(135deg, var(--color-info), #096dd9);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-avatar-info{flex:1;min-width:0}.account-avatar-info h4{color:var(--text-primary);font-size:16px;font-weight:600}.account-avatar-info p{color:var(--text-tertiary);font-size:12px}.avatar-actions{flex-direction:column;gap:4px;display:flex}.btn-change-avatar{color:var(--color-info);cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.profile-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field.full-width{grid-column:1/-1}.form-field label{color:var(--text-secondary);font-size:12px;font-weight:500}.form-field input{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:36px;color:var(--text-primary);background:var(--bg-primary);outline:none;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.form-field input:focus{border-color:var(--color-info)}.form-field input:disabled{background:var(--bg-secondary);color:var(--text-tertiary)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;align-items:center;gap:10px;max-width:360px;padding:12px 20px;font-size:13px;font-weight:500;animation:.3s forwards toastIn;display:flex}.toast.exiting{animation:.3s forwards toastOut}.toast.success{background:var(--color-positive);color:#fff}.toast.error{background:var(--color-negative);color:#fff}.toast.warning{background:var(--color-warning);color:#fff}.toast.info{background:var(--color-info);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn;position:relative}@keyframes modalIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text-primary)}.modal-close svg{width:18px;height:18px}.modal-header{align-items:center;gap:16px;padding:24px 24px 0;display:flex}.modal-platform-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.modal-title{color:var(--text-primary);font-size:18px;font-weight:700}.modal-subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.connect-progress{flex-direction:column;gap:0;padding:24px;display:flex}.progress-step{align-items:flex-start;gap:14px;padding-bottom:24px;display:flex;position:relative}.progress-step:last-child{padding-bottom:0}.progress-step:before{content:"";background:var(--border-light);width:2px;position:absolute;top:36px;bottom:0;left:17px}.progress-step:last-child:before{display:none}.progress-step.completed:before{background:var(--color-positive)}.progress-step.active:before{background:linear-gradient(to bottom, var(--color-info) 0%, var(--border-light) 100%)}.step-indicator{z-index:1;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:relative}.progress-step.active .step-indicator{background:var(--color-info-bg);border-color:var(--color-info)}.progress-step.completed .step-indicator{background:var(--color-positive-bg);border-color:var(--color-positive)}.step-indicator .step-number{color:var(--text-tertiary);font-size:13px;font-weight:600}.progress-step.active .step-indicator .step-number{color:var(--color-info)}.step-indicator .step-check,.progress-step.completed .step-indicator .step-number{display:none}.progress-step.completed .step-indicator .step-check{color:var(--color-positive);display:flex}.step-indicator .step-check svg{width:16px;height:16px}.step-content{flex:1;padding-top:6px}.step-title{color:var(--text-primary);font-size:14px;font-weight:600}.step-desc{color:var(--text-tertiary);margin-top:2px;font-size:12px}.step-status{border-radius:10px;flex-shrink:0;margin-top:4px;padding:4px 10px;font-size:12px;font-weight:500}.step-status.running{background:var(--color-info-bg);color:var(--color-info);animation:1.5s infinite pulse}.step-status.done{background:var(--color-positive-bg);color:var(--color-positive)}.step-status.pending{background:var(--bg-secondary);color:var(--text-tertiary)}.modal-body{padding:0 24px 24px}.auth-panel{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-md);padding:24px}.auth-icon{background:var(--bg-primary);width:56px;height:56px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.auth-icon svg{width:24px;height:24px;color:var(--text-secondary)}.auth-panel h3{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.auth-panel p{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.6}.btn-auth{background:var(--color-info);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;height:40px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-auth:hover{background:#40a9ff}.btn-auth svg{width:16px;height:16px}.modal-footer{justify-content:flex-end;padding:0 24px 24px;display:flex}.login-page.hidden{display:none}@media (width<=1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}.charts-area,.leaderboard-row{grid-template-columns:1fr}.pie-chart-wrapper canvas,.pie-chart-wrapper #pieCanvas{width:200px!important;max-width:200px!important;height:200px!important;max-height:200px!important}}@media (width<=900px){.settings-grid{grid-template-columns:1fr}.settings-nav{position:static}.profile-form{grid-template-columns:1fr}.top-bar-right{gap:8px}}@media (width<=768px){.hamburger-btn{display:flex}.sidebar{z-index:101;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}.main-content{margin-left:0}.top-bar{padding-left:60px}.summary-cards{grid-template-columns:1fr 1fr}.report-mode-tabs{flex-direction:column}.report-mode-tab{width:100%}.channel-cards{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.table-search{max-width:100%}.filter-group{justify-content:flex-start}}@media (width<=480px){.summary-cards{grid-template-columns:1fr}.login-card{padding:28px 20px}.page-content{padding:16px}.top-bar{padding:0 16px 0 60px}.global-date-filter .date-range-wrapper{padding:4px 8px}.global-date-filter .date-range-wrapper input[type=date]{width:100px}.date-display{display:none}}.page-header-flex{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}@media (width<=768px){.page-header-flex{flex-direction:column;align-items:flex-start;gap:16px}.report-selector-wrapper select{width:100%}}.leaderboard-thumb{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color);background:#f0f0f0;flex-shrink:0;width:36px;height:36px;margin-left:12px}.integration-list{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.integration-item{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex}.integration-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.integration-info{flex:1;align-items:center;gap:16px;display:flex}.integration-text h3{color:var(--text-main);margin:0 0 4px;font-size:1rem;font-weight:600}.integration-text p{color:var(--text-muted);margin:0;font-size:.875rem}.integration-status{flex-direction:column;flex:1;align-items:flex-end;gap:4px;padding:0 24px;display:flex}.sync-info{color:var(--text-muted);font-size:.875rem}.integration-actions{flex:none;align-items:center;gap:16px;display:flex}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.integration-actions .btn-connect{cursor:pointer;flex:none;justify-content:center;align-items:center;min-width:100px;height:36px;padding:0 16px;font-size:14px;font-weight:500;display:flex}.shop-management-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.shop-management-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.shop-management-title{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.shop-management-desc{color:var(--text-tertiary);margin:0;font-size:13px}.btn-add-shop{background:var(--color-info);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.btn-add-shop:hover{background:#40a9ff}.btn-add-shop svg{width:14px;height:14px}.shop-list-table{overflow-x:auto}.shop-list-table table{border-collapse:collapse;width:100%}.shop-list-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.shop-list-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);white-space:nowrap;vertical-align:middle;padding:12px 16px;font-size:13px}.shop-list-table tbody tr{transition:background .1s}.shop-list-table tbody tr:nth-child(2n){background:#fafafa}.shop-list-table tbody tr:hover{background:#f0f7ff}.shop-list-table tbody tr:last-child td{border-bottom:none}.shop-name-cell{align-items:center;gap:10px;display:flex}.shop-avatar{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.shop-name-text{color:var(--text-primary);font-weight:500}.shop-actions-cell{align-items:center;gap:8px;display:flex}.btn-action-icon{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.btn-action-icon svg{width:14px;height:14px;color:var(--text-secondary)}.btn-action-icon:hover{border-color:var(--color-info)}.btn-action-icon:hover svg{color:var(--color-info)}.btn-action-icon.delete:hover{border-color:var(--color-negative);background:var(--color-negative-bg)}.btn-action-icon.delete:hover svg{color:var(--color-negative)}.shop-modal-card{max-width:560px}.shop-modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel-shop{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);height:36px;color:var(--text-secondary);cursor:pointer;padding:0 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.btn-cancel-shop:hover{border-color:var(--text-secondary);color:var(--text-primary)}.modal-shop-icon{border-radius:var(--radius-md);background:var(--color-info-bg);width:48px;height:48px;color:var(--color-info);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-shop-icon svg{width:24px;height:24px}.shop-form-group{margin-bottom:16px}.shop-form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.shop-form-group .required{color:var(--color-negative)}.shop-form-group input,.shop-form-group select,.shop-form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--bg-primary);outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.shop-form-group input:focus,.shop-form-group select:focus,.shop-form-group textarea:focus{border-color:var(--color-info)}.shop-form-group textarea{resize:vertical;min-height:80px}.shop-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.shop-form-row{grid-template-columns:1fr}}.api-integration-header{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.api-header-content{align-items:center;gap:16px;display:flex}.api-header-icon{border-radius:var(--radius-md);background:#4f46e533;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.api-header-icon svg{color:#818cf8;width:28px;height:28px}.api-header-title{color:#fff;margin:0 0 4px;font-size:22px;font-weight:700}.api-header-desc{color:#94a3b8;margin:0;font-size:14px}.api-header-stats{gap:32px;display:flex}.api-stat-item{text-align:center}.api-stat-value{color:#fff;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;display:block}.api-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.platform-integration-section{margin-bottom:32px}.section-title{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 8px;font-size:18px;font-weight:600;display:flex}.section-title svg{width:20px;height:20px;color:var(--color-info)}.section-desc{color:var(--text-tertiary);margin:0 0 20px;font-size:14px}.platform-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#fff;transition:all .2s;overflow:hidden}.platform-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.platform-card.connected{border-color:#10b9814d}.platform-card.disconnected{border-color:#ef444433}.platform-card-header{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:20px;display:flex}.platform-logo{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.platform-logo svg{width:24px;height:24px}.platform-logo.shopee{color:#ff6b00;background:#fff0e6}.platform-logo.tiktok{color:#fff;background:linear-gradient(135deg,#00f2ea,#ff0050)}.platform-logo.lazada{color:#f53d2d;background:#fff5f5}.platform-logo.tiki{color:#1890ff;background:#e6f7ff}.platform-info{flex:1}.platform-info h3{color:var(--text-primary);margin:0 0 2px;font-size:16px;font-weight:600}.platform-info p{color:var(--text-tertiary);margin:0;font-family:monospace;font-size:12px}.connection-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.connection-badge.connected{color:#10b981;background:#10b9811a}.connection-badge.disconnected{color:#ef4444;background:#ef44441a}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.connection-badge.connected .badge-dot{animation:2s infinite pulse}.platform-card-body{padding:16px 20px}.platform-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.metric{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px 8px}.metric-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;display:block}.metric-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.platform-last-sync{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;display:flex}.platform-last-sync svg{width:14px;height:14px}.platform-card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);gap:8px;padding:12px 20px;display:flex}.btn-platform-action{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.btn-platform-action svg{width:14px;height:14px}.btn-platform-action.connect{background:var(--color-info);color:#fff}.btn-platform-action.connect:hover{background:#6366f1}.btn-platform-action.configure{color:var(--text-secondary);border:1px solid var(--border-color);background:#fff}.btn-platform-action.configure:hover{border-color:var(--color-info);color:var(--color-info)}.btn-platform-action.sync{color:#fff;background:#10b981}.btn-platform-action.sync:hover{background:#059669}.store-management-section{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#fff;margin-bottom:24px;overflow:hidden}.store-management-section .section-header{border-bottom:1px solid var(--border-light);background:#fafbfc;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.store-management-section .section-header-left{flex:1}.store-management-section .section-header-right{align-items:center;gap:12px;display:flex}.search-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:8px;min-width:240px;padding:8px 12px;display:flex}.search-box svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-box input::placeholder{color:var(--text-tertiary)}.table-container{overflow-x:auto}.store-table{border-collapse:collapse;width:100%}.store-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:14px 20px;font-size:11px;font-weight:600}.store-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:middle;padding:16px 20px;font-size:14px}.store-table tbody tr{transition:background .1s}.store-table tbody tr:hover{background:#f8fafc}.store-table tbody tr:last-child td{border-bottom:none}.store-name-cell{align-items:center;gap:12px;display:flex}.store-avatar{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.store-name-info{flex-direction:column;display:flex}.store-name-text{color:var(--text-primary);font-weight:600}.store-id-text{color:var(--text-tertiary);font-family:monospace;font-size:11px}.platform-tag-small{border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.platform-tag-small.shopee{color:#ff6b00;background:#fff0e6}.platform-tag-small.tiktok{color:#7b00ff;background:#f0e6ff}.platform-tag-small.lazada{color:#f53d2d;background:#fff0f0}.platform-tag-small.tiki{color:#1890ff;background:#e6f7ff}.api-status-indicator{align-items:center;gap:6px;display:flex}.api-status-dot{border-radius:50%;width:8px;height:8px}.api-status-dot.active{background:#10b981;animation:2s infinite pulse}.api-status-dot.inactive{background:#ef4444}.last-sync-text{color:var(--text-secondary);font-size:13px}.store-actions{gap:6px;display:flex}.btn-store-action{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-store-action svg{width:14px;height:14px;color:var(--text-secondary)}.btn-store-action:hover{border-color:var(--color-info)}.btn-store-action:hover svg{color:var(--color-info)}.btn-store-action.delete:hover{border-color:var(--color-negative);background:var(--color-negative-bg)}.btn-store-action.delete:hover svg{color:var(--color-negative)}.sync-log-section{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#fff;overflow:hidden}.sync-log-section .section-header{border-bottom:1px solid var(--border-light);background:#fafbfc;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sync-log-container{max-height:400px;overflow-y:auto}.sync-log-item{border-bottom:1px solid var(--border-light);align-items:center;gap:16px;padding:14px 24px;transition:background .1s;display:flex}.sync-log-item:hover{background:#f8fafc}.sync-log-item:last-child{border-bottom:none}.log-timestamp{min-width:160px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:12px}.log-platform{align-items:center;gap:8px;min-width:100px;display:flex}.log-platform-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.log-platform-badge.shopee{color:#ff6b00;background:#fff0e6}.log-platform-badge.tiktok{color:#7b00ff;background:#f0e6ff}.log-platform-badge.lazada{color:#f53d2d;background:#fff0f0}.log-platform-badge.tiki{color:#1890ff;background:#e6f7ff}.log-event{color:var(--text-primary);flex:1;font-size:13px}.log-event-detail{color:var(--text-tertiary);margin-top:2px;font-size:11px}.log-status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:flex}.log-status-badge.success{color:#10b981;background:#10b9811a}.log-status-badge.error{color:#ef4444;background:#ef44441a}.log-status-badge.pending{color:#f59e0b;background:#f59e0b1a}.log-status-badge svg{width:12px;height:12px}.oauth-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172acc;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.oauth-popup-container{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:480px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn;box-shadow:0 25px 50px -12px #00000040}.oauth-popup-header{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:20px 24px;display:flex}.oauth-platform-logo{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.oauth-platform-logo svg{width:24px;height:24px}.oauth-platform-logo.shopee{color:#ff6b00;background:#fff0e6}.oauth-platform-logo.tiktok{color:#fff;background:linear-gradient(135deg,#00f2ea,#ff0050)}.oauth-platform-logo.lazada{color:#f53d2d;background:#fff5f5}.oauth-platform-logo.tiki{color:#1890ff;background:#e6f7ff}.oauth-header-info{flex:1}.oauth-header-info h2{color:var(--text-primary);margin:0 0 2px;font-size:18px;font-weight:600}.oauth-header-info p{color:var(--text-tertiary);margin:0;font-size:13px}.oauth-close-btn{background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.oauth-close-btn svg{width:18px;height:18px;color:var(--text-secondary)}.oauth-close-btn:hover{background:var(--color-negative-bg)}.oauth-close-btn:hover svg{color:var(--color-negative)}.oauth-popup-body{padding:24px}.oauth-security-badge{border-radius:var(--radius-sm);color:#10b981;background:#10b9811a;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:13px;font-weight:500;display:flex}.oauth-security-badge svg{width:16px;height:16px}.oauth-permissions-box{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:16px;padding:20px}.oauth-permissions-box h3{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.oauth-permissions-box p{color:var(--text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.oauth-permissions-list{margin:0;padding:0;list-style:none}.oauth-permissions-list li{color:var(--text-primary);border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.oauth-permissions-list li:last-child{border-bottom:none;padding-bottom:0}.oauth-permissions-list li:first-child{padding-top:0}.oauth-permissions-list svg{color:#10b981;flex-shrink:0;width:16px;height:16px}.oauth-data-notice{border-radius:var(--radius-sm);background:#f59e0b1a;border-left:3px solid #f59e0b;gap:10px;padding:14px;display:flex}.oauth-data-notice svg{color:#f59e0b;flex-shrink:0;width:18px;height:18px;margin-top:2px}.oauth-data-notice p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.oauth-popup-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);gap:12px;padding:16px 24px;display:flex}.oauth-btn-cancel{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#fff;flex:1;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.oauth-btn-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.oauth-btn-authenticate{border-radius:var(--radius-sm);background:var(--color-info);color:#fff;cursor:pointer;border:none;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:flex}.oauth-btn-authenticate svg{width:16px;height:16px}.oauth-btn-authenticate:hover{background:#4338ca}.oauth-btn-authenticate:active{transform:scale(.98)}@media (width<=768px){.api-integration-header{text-align:center;flex-direction:column;gap:20px}.api-header-stats{justify-content:center}.platform-grid{grid-template-columns:1fr}.store-management-section .section-header{flex-direction:column;align-items:flex-start;gap:16px}.search-box{width:100%}.sync-log-item{flex-wrap:wrap}.log-timestamp{min-width:auto}}body.app-body{background:var(--bg-secondary);color:var(--text-primary);flex-direction:column;min-height:100vh;display:flex}body.login-body{background:linear-gradient(135deg,#f8f9fa 0%,#fff 50%,#f0f2f5 100%)}.topnav{z-index:50;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0}.topnav-inner{align-items:center;gap:24px;max-width:1440px;margin:0 auto;padding:12px 24px;display:flex}.topnav-brand{color:var(--text-primary);flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.topnav-brand-logo{background:linear-gradient(135deg, var(--color-info), #096dd9);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.topnav-brand-logo svg{color:#fff;width:18px;height:18px}.topnav-brand-text strong{font-size:15px;font-weight:700;line-height:1.1;display:block}.topnav-brand-text small{color:var(--text-tertiary);font-size:11px;display:block}.topnav-nav{flex:1;gap:4px;margin-left:8px;display:flex}.topnav-item{color:var(--text-secondary);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;position:relative}.topnav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.topnav-item.active{background:var(--color-info-bg);color:var(--color-info)}.topnav-icon{width:18px;height:18px;display:inline-flex}.topnav-icon svg{width:18px;height:18px}.topnav-locked{color:var(--text-tertiary);margin-left:6px;display:inline-flex}.topnav-locked svg{width:13px;height:13px}.topnav-user{align-items:center;gap:12px;display:flex}.topnav-user-block{background:var(--bg-secondary);border-radius:999px;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.topnav-user-avatar{background:linear-gradient(135deg, var(--color-info), #096dd9);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:600;display:flex}.topnav-user-name{font-size:13px;font-weight:600;line-height:1.1}.topnav-user-role{color:var(--text-tertiary);font-size:11px}.topnav-logout{border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.topnav-logout:hover{background:var(--color-negative-bg);color:var(--color-negative);border-color:var(--color-negative)}.topnav-logout svg{width:16px;height:16px}.page-shell{flex-direction:column;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding:24px;display:flex}.appfooter{background:var(--bg-primary);border-top:1px solid var(--border-color);color:var(--text-tertiary);text-align:center;margin-top:auto;padding:16px 24px;font-size:12px}.appfooter-sep{margin:0 8px}.filterbar{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.page-h1{margin:0;font-size:1.25rem;font-weight:700;line-height:1.1}.page-sub{color:var(--text-tertiary);margin:4px 0 0;font-size:13px}.filterbar-right{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filter-select-wrap{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;flex-direction:column;gap:4px;font-size:11px;display:flex}.filter-select-wrap select,.filter-text{border:1px solid var(--border-color);background:var(--bg-primary);height:40px;color:var(--text-primary);font:inherit;border-radius:8px;min-width:160px;padding:0 10px}.filter-text{min-width:220px}.filter-preset-group{background:var(--bg-secondary);border-radius:10px;align-items:center;gap:2px;height:40px;padding:4px;display:inline-flex}.filter-preset-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.filter-preset-btn:hover{background:#0000000a}.filter-preset-btn.active{background:var(--bg-primary);color:var(--color-info);box-shadow:var(--shadow-sm)}.date-range-picker{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:8px;align-items:center;gap:6px;height:40px;padding:4px 8px;display:inline-flex;position:relative}.btn-apply-range{background:var(--color-info);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:6px;padding:4px 10px;font-size:12px}.alert-banner{border-radius:var(--radius-md);color:#92400e;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f59e0b14,#f59e0b24);border:1px solid #f59e0b4d;align-items:center;gap:12px;padding:12px 16px;display:flex}.alert-banner[hidden]{display:none}.alert-icon{color:#f59e0b;background:#fff7ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.alert-icon svg{width:14px;height:14px}.alert-text{flex:1;font-size:13px;line-height:1.4}.alert-dismiss{color:#92400e;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px}.alert-dismiss:hover{background:#92400e14}.alert-dismiss svg{width:16px;height:16px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.kpi-card{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:18px 18px 16px;position:relative;overflow:hidden}.kpi-card:after{content:"";opacity:.08;z-index:0;border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -30px -30px auto}.kpi-card-blue:after{background:var(--color-info)}.kpi-card-violet:after{background:#7c3aed}.kpi-card-red:after{background:var(--color-negative)}.kpi-card-amber:after{background:var(--color-warning)}.kpi-card-green:after{background:var(--color-positive)}.kpi-card>*{z-index:1;position:relative}.kpi-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.kpi-card-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-tertiary);font-size:12px;font-weight:600}.kpi-card-icon{background:var(--color-info-bg);width:32px;height:32px;color:var(--color-info);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.kpi-card-blue .kpi-card-icon{color:#2563eb;background:#dbeafe}.kpi-card-violet .kpi-card-icon{color:#7c3aed;background:#ede9fe}.kpi-card-red .kpi-card-icon{color:#dc2626;background:#fee2e2}.kpi-card-amber .kpi-card-icon{color:#d97706;background:#fef3c7}.kpi-card-green .kpi-card-icon{color:#059669;background:#d1fae5}.kpi-card-icon svg{width:16px;height:16px}.kpi-card-value{color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1.2}.kpi-card-meta{color:var(--text-tertiary);margin-top:6px;font-size:11.5px;line-height:1.4}.kpi-card-negative .kpi-card-value{color:var(--color-negative)}.kpi-card-negative .kpi-card-icon{color:#dc2626;background:#fee2e2}.panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:18px 18px 14px}.panel[hidden]{display:none}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-head-title{align-items:center;gap:12px;display:flex}.panel-icon{background:var(--color-info-bg);width:36px;height:36px;color:var(--color-info);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.panel-icon.amber{color:#d97706;background:#fef3c7}.panel-icon.green{color:#059669;background:#d1fae5}.panel-icon svg{width:18px;height:18px}.panel-title{font-size:1rem;font-weight:600;line-height:1.1}.panel-sub{color:var(--text-tertiary);margin-top:4px;font-size:12px}.dual-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;display:grid}@media (width<=980px){.dual-grid{grid-template-columns:1fr}}.donut-wrap{aspect-ratio:1;width:100%;max-width:280px;margin:8px auto 12px;position:relative}.donut-center-label{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center-cap{text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary);font-size:11px}.donut-center-label strong{color:var(--text-primary);font-size:1.15rem}.donut-legend{gap:8px;margin:0;padding:0;list-style:none;display:grid}.donut-legend li{background:var(--bg-secondary);border-radius:8px;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.donut-legend .dot{border-radius:4px;width:12px;height:12px}.donut-legend .legend-label{color:var(--text-secondary)}.donut-legend .legend-value{color:var(--text-primary);font-weight:600}.kpi-tracker{flex-direction:column;gap:14px;display:flex}.kpi-track-row{background:var(--bg-secondary);border-radius:10px;padding:12px 14px}.kpi-track-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.kpi-track-label{color:var(--text-primary);font-weight:600}.kpi-track-value{color:var(--text-secondary)}.kpi-track-value em{color:var(--text-tertiary);font-style:normal}.kpi-track-bar{background:#0000000f;border-radius:999px;height:8px;overflow:hidden}.kpi-track-bar span{border-radius:999px;height:100%;transition:width .4s;display:block}.kpi-track-foot{justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;display:flex}.kpi-track-caption{color:var(--text-tertiary)}.badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.good{color:#047857;background:#d1fae5}.badge.ok{color:#b45309;background:#fef3c7}.badge.bad{color:#b91c1c;background:#fee2e2}.badge.muted{background:var(--bg-tertiary);color:var(--text-tertiary)}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-row-item{background:var(--bg-secondary);border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.leaderboard-rank{background:var(--bg-primary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.leaderboard-row-item:first-child .leaderboard-rank{color:#fff;background:linear-gradient(135deg,#fef3c7,#f59e0b);border-color:#0000}.leaderboard-row-item:nth-child(2) .leaderboard-rank{color:#fff;background:linear-gradient(135deg,#e5e7eb,#9ca3af);border-color:#0000}.leaderboard-row-item:nth-child(3) .leaderboard-rank{color:#fff;background:linear-gradient(135deg,#fde68a,#d97706);border-color:#0000}.leaderboard-name{font-weight:600}.leaderboard-sub{color:var(--text-tertiary);margin-top:2px;font-size:12px}.roi-pill{background:var(--color-info-bg);color:var(--color-info);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.leaderboard-sub-mini{color:var(--text-tertiary);text-align:right;margin-top:2px;font-size:11px}.table-wrap{border-radius:10px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead th{background:var(--bg-secondary);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1px solid var(--border-color);padding:10px 12px;font-size:11px}.data-table tbody td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:middle;padding:12px}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table code{background:var(--bg-secondary);border-radius:6px;padding:2px 6px;font-size:12px}.data-table th.th-num,.data-table td.th-num,.th-num{text-align:right}.table-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 4px 4px;display:flex}.pagination-info{color:var(--text-tertiary);font-size:12px}.pagination-controls{gap:4px;display:flex}.pg-btn{border:1px solid var(--border-color);background:var(--bg-primary);min-width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-family:inherit;font-size:12px}.pg-btn:hover{background:var(--bg-secondary)}.pg-btn.active{background:var(--color-info);color:#fff;border-color:var(--color-info)}.pg-btn:disabled{opacity:.5;cursor:not-allowed}.chip{text-transform:lowercase;border-radius:999px;align-items:center;padding:2px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.chip-shopname{text-transform:none}.chip-shopee{color:#c2410c;background:#fff7ed}.chip-tiktok{color:#0369a1;background:#f0f9ff}.chip-internal{color:#475569;background:#f1f5f9}.chip-cash{color:#047857;background:#d1fae5}.chip-bank{color:#6d28d9;background:#ede9fe}.status-pill{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.status-pill:before{content:"";border-radius:50%;width:6px;height:6px}.status-completed{color:#047857;background:#d1fae5}.status-completed:before{background:#10b981}.status-pending{color:#b45309;background:#fef3c7}.status-pending:before{background:#f59e0b}.status-cancelled{color:#b91c1c;background:#fee2e2}.status-cancelled:before{background:#ef4444}.filter-select{border:1px solid var(--border-color);background:var(--bg-primary);height:36px;color:var(--text-primary);font:inherit;border-radius:8px;padding:0 10px}.btn-export,.btn-primary,.btn-ghost{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-export,.btn-primary{background:var(--color-info);color:#fff}.btn-export:hover,.btn-primary:hover{background:#4338ca}.btn-export svg,.btn-primary svg,.btn-ghost svg{flex-shrink:0;width:14px;height:14px}.btn-ghost{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-color)}.btn-ghost:hover{background:var(--bg-secondary)}.btn-ghost.small{padding:5px 10px;font-size:12px}.api-header{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.api-header-stats{flex-wrap:wrap;gap:16px;display:flex}.stat-card{background:var(--bg-secondary);text-align:center;border-radius:10px;min-width:130px;padding:12px 16px}.stat-card strong{color:var(--color-info);font-size:1.5rem;line-height:1.2;display:block}.stat-card span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px}.platform-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.platform-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.platform-card.is-connected{box-shadow:0 0 0 1px #10b9814d}.platform-card-head{background:var(--bg-secondary);grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.platform-logo{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.platform-shopee{background:linear-gradient(135deg,#fb923c,#ea580c)}.platform-tiktok{background:linear-gradient(135deg,#1f2937,#111827)}.platform-lazada{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.platform-tiki{color:#1e293b;background:linear-gradient(135deg,#f1f5f9,#cbd5e1)}.platform-facebook{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.platform-name{font-weight:600}.platform-sub{color:var(--text-tertiary);font-size:11.5px}.platform-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:12px;list-style:none;display:grid}.platform-stats li{text-align:center;background:var(--bg-secondary);border-radius:8px;padding:8px}.platform-stats span{font-size:14px;font-weight:600;display:block}.platform-stats em{color:var(--text-tertiary);font-size:11px;font-style:normal;display:block}.platform-card-foot{border-top:1px solid var(--border-light);justify-content:space-between;gap:8px;padding:12px;display:flex}.platform-card-foot .btn-primary,.platform-card-foot .btn-ghost{flex:1;justify-content:center}.apikey-list{overflow-x:auto}.apikey-code{background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;padding:4px 8px;font-size:12px}.apikey-table th{white-space:nowrap}.muted-text{color:var(--text-tertiary);font-size:12px}.user-form,.profile-form,.voucher-form,.kpi-targets{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:10px;margin-bottom:12px;padding:14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.form-grid .form-field.full{grid-column:1/-1}.form-field{flex-direction:column;gap:4px;display:flex}.form-field span{color:var(--text-secondary);font-size:12px;font-weight:500}.form-field em{color:var(--color-negative);margin-left:2px;font-style:normal}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border-color);background:var(--bg-primary);font:inherit;color:var(--text-primary);border-radius:8px;padding:9px 10px;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #4f46e51f}.user-form-actions,.profile-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.profile-actions.full{grid-column:1/-1}.user-form input:disabled,.user-form button:disabled{opacity:.5;pointer-events:none}.role-pill{border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.role-pill.admin{background:var(--color-info-bg);color:var(--color-info)}.role-pill.user{color:#0369a1;background:#e0f2fe}.toast-container{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;top:80px;right:20px}.toast{background:var(--bg-primary);border:1px solid var(--border-color);border-left:4px solid var(--color-positive);box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:10px;min-width:240px;padding:12px 16px;font-size:13px;animation:.3s toastSlide;display:flex}.toast.success{border-left-color:var(--color-positive)}.toast.error{border-left-color:var(--color-negative)}.toast.warning{border-left-color:var(--color-warning)}.toast.info{border-left-color:var(--color-info)}.toast svg{flex-shrink:0;width:18px;height:18px}.toast.success svg{color:var(--color-positive)}.toast.error svg{color:var(--color-negative)}.toast.warning svg{color:var(--color-warning)}.toast.info svg{color:var(--color-info)}.toast.exiting{opacity:0;transition:opacity .3s,transform .3s;transform:translate(20px)}@keyframes toastSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=880px){.topnav-inner{gap:12px;padding:12px 16px}.topnav-nav{flex-wrap:wrap}.filterbar{flex-direction:column;align-items:stretch}.filterbar-right{justify-content:flex-start}.kpi-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.kpi-grid{grid-template-columns:1fr}.leaderboard-row-item{grid-template-columns:32px 1fr}.leaderboard-roi{grid-column:2/-1}.topnav-user-meta{display:none}}.kpi-card-trend{background:var(--bg-secondary);width:fit-content;color:var(--text-tertiary);border-radius:999px;align-items:center;gap:4px;margin-top:6px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.kpi-card-trend.trend-up{background:var(--color-positive-bg);color:var(--color-positive)}.kpi-card-trend.trend-down{background:var(--color-negative-bg);color:var(--color-negative)}.kpi-card-trend.trend-flat{background:var(--bg-secondary);color:var(--text-tertiary)}.donut-status-rows{border-top:1px solid var(--bg-tertiary);flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;display:flex}.donut-status-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.donut-status-label{color:var(--text-secondary)}.donut-status-value{font-weight:600}.donut-status-row.neg .donut-status-value{color:var(--color-negative)}.panel-head-actions{align-items:center;gap:10px;display:flex}.voucher-desc{max-width:280px;color:var(--text-secondary);font-size:13px}.data-table input.cell-input{border:1px solid var(--border-color);width:120px;font:inherit;text-align:right;background:var(--bg-primary);color:var(--text-primary);border-radius:6px;padding:6px 8px;font-size:13px}.data-table input.cell-input:focus{border-color:var(--color-info);outline:none}.backup-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}[hidden]{display:none!important}.range-display{font:inherit;color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:4px 2px;font-size:13px;display:inline-flex}.range-display svg{width:15px;height:15px;color:var(--text-tertiary)}.range-calendar{z-index:80;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:12px;padding:14px 16px;position:absolute;top:calc(100% + 8px);right:0}.rc-months{gap:24px;display:flex}.rc-month-title{text-align:center;margin-bottom:8px;font-size:13px;font-weight:600}.rc-grid{grid-template-columns:repeat(7,34px);row-gap:2px;display:grid}.rc-dow{color:var(--text-tertiary);text-align:center;text-transform:uppercase;padding:4px 0;font-size:11px}.rc-day{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;height:32px;font-size:13px;display:flex}.rc-day:hover:not(.empty):not(.disabled):not(.sel){background:var(--bg-secondary)}.rc-day.empty{cursor:default}.rc-day.disabled{color:var(--text-tertiary);opacity:.45;cursor:not-allowed}.rc-day.today{color:var(--color-info);font-weight:700}.rc-day.in-range{background:var(--color-info-bg);border-radius:0}.rc-day.sel{background:var(--color-info);color:#fff;font-weight:600}.rc-day.sel-start{border-radius:8px 0 0 8px}.rc-day.sel-end{border-radius:0 8px 8px 0}.rc-day.sel-start.sel-end{border-radius:8px}.rc-nav{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);border-radius:8px;font-size:16px;line-height:1;position:absolute;top:12px}.rc-nav:hover{background:var(--bg-secondary)}.rc-prev{left:12px}.rc-next{right:12px}@media (width<=760px){.rc-months{flex-direction:column;gap:12px}.range-calendar{left:0;right:auto}}