:root{--cc-font-display: "Space Grotesk", "Inter", -apple-system, "Segoe UI", sans-serif;--cc-font-body: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--cc-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--cc-text-display: 2rem;--cc-text-h1: 1.5rem;--cc-text-h2: 1.0625rem;--cc-text-body: .875rem;--cc-text-small: .8125rem;--cc-text-label: .6875rem;--cc-weight-display: 700;--cc-weight-strong: 600;--cc-weight-body: 400;--cc-tracking-label: .08em;--cc-leading-body: 1.5;--cc-radius-sm: 8px;--cc-radius-md: 12px;--cc-radius-lg: 16px;--cc-radius-xl: 20px;--cc-radius-pill: 999px;--cc-space-1: 4px;--cc-space-2: 8px;--cc-space-3: 12px;--cc-space-4: 16px;--cc-space-5: 20px;--cc-space-6: 24px;--cc-space-8: 32px;--cc-brand: #2B6BFF;--cc-brand-hover: #4C82FF;--cc-brand-contrast: #ffffff;--cc-focus-ring: 0 0 0 3px rgba(43, 107, 255, .45);--cc-transition: .14s ease;--cc-bg-deep: #06090F;--cc-bg: #080B12;--cc-panel: #0B0F19;--cc-surface: #0E1420;--cc-surface-2: #121826;--cc-border: #212C40;--cc-border-soft: #152139;--cc-hover: #152139;--cc-sidebar-bg: #0A0E17;--cc-text: #E6ECF5;--cc-text-muted: #8B97A8;--cc-text-dim: #5B6577;--cc-accent: var(--cc-brand);--cc-accent-hover: var(--cc-brand-hover);--cc-accent-weak: rgba(43, 107, 255, .14);--cc-accent-text: #93B4FF;--cc-success: #3AC77F;--cc-success-bg: rgba(58, 199, 127, .14);--cc-warning: #E3A93E;--cc-warning-bg: rgba(227, 169, 62, .14);--cc-danger: #F0555A;--cc-danger-bg: rgba(240, 85, 90, .14);--cc-facebook: #4C82FF;--cc-facebook-bg: rgba(76, 130, 255, .16);--cc-instagram: #C4B5FD;--cc-instagram-bg: rgba(139, 92, 246, .18);--cc-youtube: #FCA5A5;--cc-youtube-bg: rgba(239, 68, 68, .16);--cc-tiktok: #6EE7B7;--cc-tiktok-bg: rgba(16, 185, 129, .16);--cc-shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--cc-shadow-pop: 0 12px 40px rgba(0, 0, 0, .55);--cc-gradient-panel: linear-gradient(180deg, #0F1627 0%, #0B0F19 100%);--cc-gradient-page: radial-gradient(110% 75% at 50% -8%, #141F38 0%, #0A0E18 52%, #070A11 100%);color-scheme:dark}:root[data-theme=light]{--cc-bg-deep: #EDF1F7;--cc-bg: #F6F8FC;--cc-panel: #FFFFFF;--cc-surface: #F1F4FA;--cc-surface-2: #FFFFFF;--cc-border: #E2E8F2;--cc-border-soft: #EDF1F7;--cc-hover: #F1F4FA;--cc-sidebar-bg: #FFFFFF;--cc-text: #0E1420;--cc-text-muted: #5B6577;--cc-text-dim: #98A2B3;--cc-accent-weak: rgba(43, 107, 255, .1);--cc-accent-text: #2455D6;--cc-success: #1A8F55;--cc-success-bg: rgba(26, 143, 85, .12);--cc-warning: #B4770F;--cc-warning-bg: rgba(227, 169, 62, .16);--cc-danger: #C7383D;--cc-danger-bg: rgba(240, 85, 90, .12);--cc-facebook: #1D4ED8;--cc-facebook-bg: #DBEAFE;--cc-instagram: #7C3AED;--cc-instagram-bg: #EDE9FE;--cc-youtube: #DC2626;--cc-youtube-bg: #FEE2E2;--cc-tiktok: #047857;--cc-tiktok-bg: #D1FAE5;--cc-shadow-card: 0 1px 2px rgba(16, 20, 32, .06);--cc-shadow-pop: 0 12px 40px rgba(16, 20, 32, .18);--cc-gradient-panel: linear-gradient(180deg, #FFFFFF 0%, #F4F7FC 100%);--cc-gradient-page: radial-gradient(110% 75% at 50% -8%, #EAF0FB 0%, #F2F5FB 55%, #F6F8FC 100%);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: var(--cc-bg);--surface: var(--cc-panel);--border: var(--cc-border);--text: var(--cc-text);--text-muted: var(--cc-text-muted);--primary: var(--cc-accent);--primary-text: var(--cc-brand-contrast);--accent-blue: var(--cc-accent);--accent-green: var(--cc-success);--accent-red: var(--cc-danger);--sidebar-bg: var(--cc-sidebar-bg);--hover: var(--cc-hover);--hint-fg: var(--cc-warning);--required-fg: var(--cc-danger)}body{font-family:var(--cc-font-body);background:var(--bg);color:var(--text);font-size:var(--cc-text-body)}h1,h2,h3,.page-title,.modal-title,.sidebar-brand,.stat-card .stat-value,.commission-total{font-family:var(--cc-font-display)}.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-mark{width:30px;height:30px;flex:none;color:var(--cc-text)}.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(--cc-accent-weak);color:var(--text);font-weight:600}.nav-item.active svg{color:var(--cc-accent-text)}.sidebar-footer{border-top:1px solid var(--border);padding:12px 16px;display:flex;flex-direction:column;gap:10px}.theme-toggle,.logout-btn,.modal-close{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,.modal-close: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:var(--cc-radius-lg);padding:18px}.stat-card{background:var(--cc-surface)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.stat-card .stat-label{font-size:var(--cc-text-label);letter-spacing:var(--cc-tracking-label);text-transform:uppercase;color:var(--cc-text-muted);font-weight:var(--cc-weight-strong);margin-bottom:var(--cc-space-2)}.stat-card .stat-value{font-size:26px;font-weight:var(--cc-weight-display)}.stat-card.accent{background:var(--cc-accent-weak);border-color:transparent}.stat-card.accent .stat-label,.stat-card.accent .stat-value{color:var(--cc-accent-text)}.period-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--cc-radius-md);background:var(--cc-surface-2);color:var(--text);font-size:var(--cc-text-small)}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--cc-space-4);margin-top:var(--cc-space-5)}@media (max-width: 860px){.dash-grid{grid-template-columns:1fr}}.panel-label{font-size:var(--cc-text-label);letter-spacing:var(--cc-tracking-label);text-transform:uppercase;color:var(--cc-text-muted);font-weight:var(--cc-weight-strong);margin-bottom:var(--cc-space-4)}.profile-row{display:flex;align-items:center;justify-content:space-between;padding:var(--cc-space-3) 0;border-bottom:1px solid var(--cc-border-soft);font-size:var(--cc-text-body)}.profile-row:last-child{border-bottom:none}.profile-row .p-name{color:var(--text)}.profile-row .p-metric{color:var(--cc-text-muted);font-variant-numeric:tabular-nums}.profile-row .p-metric b{color:var(--text);font-weight:var(--cc-weight-strong)}.stat-change{display:inline-flex;align-items:center;gap:4px;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:var(--cc-facebook-bg);color:var(--cc-facebook)}.badge.instagram{background:var(--cc-instagram-bg);color:var(--cc-instagram)}.badge.youtube{background:var(--cc-youtube-bg);color:var(--cc-youtube)}.badge.tiktok{background:var(--cc-tiktok-bg);color:var(--cc-tiktok)}.badge.success{background:var(--cc-success-bg);color:var(--cc-success)}.badge.warning{background:var(--cc-warning-bg);color:var(--cc-warning)}.badge.muted{background:var(--cc-surface-2);color:var(--cc-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;font-family:var(--cc-font-body);border-radius:var(--cc-radius-md);padding:10px 18px;font-weight:600;font-size:var(--cc-text-body);cursor:pointer;background:var(--cc-accent);color:var(--cc-brand-contrast);transition:background var(--cc-transition)}.btn:not(.secondary):hover:not(:disabled){background:var(--cc-accent-hover)}.btn.secondary{background:var(--cc-surface-2);color:var(--text);border:1px solid var(--border)}.btn.secondary:hover:not(:disabled){background:var(--hover)}.btn:focus-visible{outline:none;box-shadow:var(--cc-focus-ring)}.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(--cc-surface-2);border:1px solid var(--border);border-radius:var(--cc-radius-md);padding:10px 12px;color:var(--text);font-size:var(--cc-text-body);font-family:inherit}input::placeholder,textarea::placeholder{color:var(--cc-text-dim)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cc-accent);box-shadow:var(--cc-focus-ring)}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cc-space-5);background:var(--cc-gradient-page);padding:var(--cc-space-6)}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--cc-font-display);font-weight:var(--cc-weight-strong);font-size:15px}.login-card{width:380px;max-width:92vw;padding:var(--cc-space-6);border-radius:var(--cc-radius-xl);background:var(--cc-gradient-panel)}.login-title{font-size:var(--cc-text-h1);font-weight:var(--cc-weight-display)}.login-subtitle{color:var(--cc-text-muted);font-size:var(--cc-text-small);margin:var(--cc-space-1) 0 var(--cc-space-5)}.login-help{margin-top:var(--cc-space-4);text-align:center;color:var(--cc-text-muted);font-size:var(--cc-text-small)}.login-help a{color:var(--cc-accent-text)}.btn-block{width:100%}.error-text{color:var(--cc-danger);font-size:var(--cc-text-small);margin-top:var(--cc-space-2)}.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)}.modal{margin:auto;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 64px);padding:0;border:1px solid var(--border);border-radius:var(--cc-radius-xl);background:var(--cc-panel);color:var(--text);overflow:hidden;box-shadow:var(--cc-shadow-pop)}.modal::backdrop{background:#03050aa8}body:has(dialog[open]){overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-title{font-size:17px;font-weight:700}.modal-close{padding:4px;border-radius:8px}.modal-close:hover{background:var(--hover)}.modal-body{padding:22px;overflow-y:auto;max-height:calc(100vh - 150px)}.field label.field-label{text-transform:uppercase;font-size:11px;letter-spacing:.06em;font-weight:600;color:var(--text-muted)}.field-label .required{color:var(--required-fg)}.field-hint{font-size:13px;color:var(--hint-fg);padding:4px 0}.field-error{font-size:13px;color:var(--accent-red);margin-top:4px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 480px){.field-row{grid-template-columns:1fr}}.status-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle}.row-actions{display:flex;gap:6px}.icon-btn{padding:7px;line-height:0}.tier-icon{display:block;margin:8px 0;color:var(--text-muted)}.tier-card.current .tier-icon{color:var(--accent-blue)}.credentials{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:14px 0;font-size:14px}.credentials dt{color:var(--text-muted)}.credentials-secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;-webkit-user-select:all;user-select:all}.credentials-card{border-color:var(--accent-green)}.strategy-pills{display:flex;flex-wrap:wrap;gap:var(--cc-space-2)}.strategy-pill{padding:8px 16px;border-radius:var(--cc-radius-pill);border:1px solid var(--border);background:transparent;color:var(--cc-text-muted);font:inherit;font-size:var(--cc-text-label);font-weight:var(--cc-weight-strong);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color var(--cc-transition),background var(--cc-transition),border-color var(--cc-transition)}.strategy-pill:hover{color:var(--cc-text)}.strategy-pill.active{background:var(--cc-accent);border-color:transparent;color:var(--cc-brand-contrast)}.link-box{background:var(--cc-surface-2);border:1px solid var(--border);border-radius:var(--cc-radius-md);padding:var(--cc-space-3);font-family:var(--cc-font-mono);font-size:var(--cc-text-small);color:var(--cc-text-muted);word-break:break-all;line-height:1.55}.link-box .btag{color:var(--cc-accent-text);font-weight:var(--cc-weight-strong)}.gen-card{background:var(--cc-gradient-panel);padding:var(--cc-space-8)}.gen-card .field{margin-bottom:var(--cc-space-6);gap:var(--cc-space-2)}.gen-card .field:last-of-type{margin-bottom:0}.field-label.accent{color:var(--cc-accent-text)}.header-actions{display:flex;gap:var(--cc-space-2);flex-wrap:wrap}.offer-card{padding:var(--cc-space-6)}.offer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--cc-space-3);margin-bottom:var(--cc-space-5)}.offer-name{font-size:var(--cc-text-small);font-weight:var(--cc-weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--cc-text)}.badge-status{display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.04em}.period-tabs{display:inline-flex;gap:2px;padding:3px;background:var(--cc-surface-2);border:1px solid var(--border);border-radius:var(--cc-radius-md)}.seg{border:none;background:transparent;color:var(--cc-text-muted);font:inherit;font-size:var(--cc-text-small);font-weight:var(--cc-weight-strong);padding:6px 12px;border-radius:8px;cursor:pointer;transition:color var(--cc-transition),background var(--cc-transition)}.seg:hover{color:var(--cc-text)}.seg.active{background:var(--cc-accent);color:var(--cc-brand-contrast)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--cc-space-4);flex-wrap:wrap;margin-bottom:var(--cc-space-4)}.admin-toolbar-actions{display:flex;gap:var(--cc-space-2);align-items:center;flex-wrap:wrap}.admin-toolbar-actions input{min-width:220px}.analise-card{text-align:center}.analise-icon{width:56px;height:56px;margin:0 auto var(--cc-space-4);display:grid;place-items:center;border-radius:var(--cc-radius-lg);background:var(--cc-accent-weak);color:var(--cc-accent-text)}.analise-text{color:var(--cc-text-muted);font-size:var(--cc-text-small);line-height:1.55;margin-top:var(--cc-space-2)}