*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--primary: #111111;--primary-text: #ffffff;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-orange: #f59e0b;--accent-green: #10b981;--accent-red: #ef4444;--sidebar-bg: #ffffff;--hover: #f3f4f6}[data-theme=dark]{--bg: #0f1115;--surface: #171a21;--border: #2a2f3a;--text: #e5e7eb;--text-muted: #9ca3af;--primary: #e5e7eb;--primary-text: #111111;--sidebar-bg: #12141a;--hover: #1f232c}body{font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 16px;font-weight:700;font-size:15px}.brand-logo{width:32px;height:32px;border-radius:50%;background:var(--primary);color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-weight:800}.sidebar-nav{flex:1;padding:8px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text-muted);text-decoration:none;font-weight:500}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--hover);color:var(--text);font-weight:600}.sidebar-footer{border-top:1px solid var(--border);padding:12px 16px;display:flex;flex-direction:column;gap:10px}.theme-toggle,.logout-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:6px 0}.theme-toggle:hover,.logout-btn:hover{color:var(--text)}.main{flex:1;padding:28px 32px;max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.page-title{font-size:24px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.stat-card .stat-label{font-size:13px;font-weight:600;margin-bottom:8px}.stat-card .stat-value{font-size:26px;font-weight:700}.stat-change{font-size:12px;font-weight:600;float:right}.stat-change.up{color:var(--accent-green)}.stat-change.down{color:var(--accent-red)}.stat-change.neutral{color:var(--text-muted)}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.facebook{background:#dbeafe;color:#1d4ed8}.badge.instagram{background:#ede9fe;color:#7c3aed}.badge.youtube{background:#fee2e2;color:#dc2626}.badge.tiktok,.badge.success{background:#d1fae5;color:#047857}.badge.muted{background:var(--hover);color:var(--text-muted)}.badge.warning{background:#fef3c7;color:#b45309}[data-theme=dark] .badge.facebook{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .badge.instagram{background:#3b2e58;color:#c4b5fd}[data-theme=dark] .badge.youtube{background:#4c1d1d;color:#fca5a5}[data-theme=dark] .badge.tiktok,[data-theme=dark] .badge.success{background:#123c2e;color:#6ee7b7}[data-theme=dark] .badge.warning{background:#45340c;color:#fcd34d}.btn{border:none;border-radius:10px;padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer;background:var(--primary);color:var(--primary-text)}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-weight:600;font-size:13px}input,select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-size:14px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-blue);border-color:transparent}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:380px;max-width:92vw}.error-text{color:var(--accent-red);font-size:13px;margin-top:8px}.commission-hero{background:linear-gradient(135deg,rgba(16,185,129,.08),transparent)}.commission-total{font-size:30px;font-weight:800;color:var(--accent-green);text-align:right}.empty-state{text-align:center;color:var(--text-muted);padding:48px 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.tier-card.current{outline:2px solid var(--accent-blue)}.chart-bars{display:flex;align-items:flex-end;gap:12px;height:140px;padding-top:10px}.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.chart-bar{width:100%;max-width:46px;background:var(--accent-green);border-radius:6px 6px 0 0;min-height:2px}.chart-label{font-size:11px;color:var(--text-muted)}