:root{--bg-primary: #F5F5F0;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #FAFAF7;--border: #E8E5DD;--border-light: #D5D2CA;--text-primary: #1A1A1A;--text-secondary: #666660;--text-muted: #999990;--accent-gold: #F0BA3C;--accent-gold-dark: #C99A2E;--accent-gold-light: #FFF3D6;--accent-gold-bg: rgba(240, 186, 60, .08);--accent-green: #22A35B;--accent-amber: #D4940A;--accent-red: #DC3545;--accent-blue: #1DA1F2;--accent-purple: #7C3AED;--yt-red: #FF0000;--tt-cyan: #00F2EA;--tt-pink: #FF004F;--ig-pink: #E1306C;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-gold: 0 0 0 3px rgba(240, 186, 60, .15);--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--font: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: .12s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;display:flex;flex-direction:column;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease forwards}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-gold-light);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.ci-app-shell{min-height:100vh;display:flex;flex-direction:column}.ci-auth-layout,.ci-state{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,rgba(240,186,60,.16),transparent 32%),var(--bg-primary)}.ci-auth-card{width:min(100%,420px);padding:34px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-lg)}.ci-brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--accent-gold);color:#1a1a1a;font-family:var(--font);font-weight:800}.ci-eyebrow{margin-top:24px;color:var(--accent-gold-dark);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ci-auth-card h1{margin-top:6px;font-family:var(--font);font-size:27px;letter-spacing:-.035em}.ci-auth-copy{margin-top:10px;color:var(--text-secondary);font-size:13px;line-height:1.55}.ci-auth-form{display:grid;gap:16px;margin-top:26px}.ci-auth-form label{display:grid;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:700}.ci-auth-form input{width:100%;border:1px solid var(--border-light);border-radius:9px;padding:11px 12px;background:var(--bg-secondary);color:var(--text-primary);font:inherit}.ci-auth-form button,.ci-state button,.ci-actions button{border:1px solid var(--accent-gold);border-radius:9px;padding:9px 12px;background:var(--accent-gold);color:#1a1a1a;cursor:pointer;font:700 12px var(--font-body)}.ci-auth-form button{padding:12px}.ci-auth-form button:disabled,.ci-actions button:disabled{cursor:wait;opacity:.6}.ci-link-button{margin-top:18px;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font:600 12px var(--font-body)}.ci-form-error,.ci-form-message,.ci-action-message{border-radius:8px;padding:10px 12px;font-size:12px}.ci-form-error{background:#dc35451a;color:var(--accent-red)}.ci-form-message,.ci-action-message{background:#22a35b1a;color:var(--accent-green)}.ci-state{align-content:center;gap:10px;color:var(--text-secondary);text-align:center}.ci-state strong{color:var(--text-primary);font:800 20px var(--font)}.ci-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ci-actions span{color:var(--text-muted);font-size:11px}.ci-actions .ci-secondary{border-color:var(--border);background:var(--bg-card);color:var(--text-secondary)}.ci-action-message{margin:16px 24px 0}.ci-main-tabs{display:flex;gap:6px;padding:5px;width:fit-content;border:1px solid var(--border);border-radius:11px;background:var(--bg-secondary)}.ci-main-tabs button,.ci-segmented button,.ci-refresh{border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;font:700 12px var(--font-body)}.ci-main-tabs button{padding:8px 13px}.ci-main-tabs button.active,.ci-segmented button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.ci-overview{display:flex;flex-direction:column;gap:18px}.ci-overview-toolbar,.ci-goal-card,.ci-panel,.ci-overview-state,.ci-warning-box{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm)}.ci-overview-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:16px 18px}.ci-overview-toolbar>div:first-child{display:grid;gap:3px}.ci-overview-toolbar strong{color:var(--text-primary);font-size:13px}.ci-overview-toolbar span{color:var(--text-muted);font-size:10px}.ci-toolbar-label{text-transform:uppercase;font-weight:800;letter-spacing:.07em}.ci-filter-groups{display:flex;align-items:flex-end;justify-content:flex-end;gap:9px;flex-wrap:wrap}.ci-segmented{display:flex;gap:2px;padding:3px;border-radius:9px;background:var(--bg-primary)}.ci-segmented button{padding:7px 9px;font-size:10px}.ci-select-label{display:grid;gap:4px;color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.ci-select-label select{min-height:31px;border:1px solid var(--border);border-radius:8px;padding:5px 8px;background:var(--bg-card);color:var(--text-primary);font:700 11px var(--font-body)}.ci-refresh{min-height:31px;padding:6px 11px;background:var(--accent-gold);color:#1a1a1a}.ci-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ci-kpi-card{display:grid;align-content:start;gap:6px;min-width:0;padding:17px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm)}.ci-kpi-card>span,.ci-goal-card span,.ci-panel header small{color:var(--text-muted);font-size:10px}.ci-kpi-card>span{font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ci-kpi-card>strong{overflow-wrap:anywhere;color:var(--text-primary);font:800 clamp(18px,2vw,26px) var(--font);letter-spacing:-.04em}.ci-kpi-card>small{color:var(--text-secondary);font-size:10px;line-height:1.4}.ci-kpi-primary{border-color:#f0ba3c80;background:linear-gradient(145deg,rgba(240,186,60,.16),var(--bg-card) 72%)}.ci-kpi-primary>strong{color:var(--accent-gold-dark)}.ci-goal-card{padding:19px}.ci-goal-heading,.ci-goal-footer,.ci-product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ci-goal-heading>div{display:grid;gap:4px}.ci-goal-heading strong{color:var(--text-primary);font:800 20px var(--font)}.ci-goal-pace{text-align:right}.ci-goal-pace small{color:var(--text-secondary);font-size:10px}.ci-progress-track,.ci-product-track{overflow:hidden;border-radius:999px;background:var(--bg-primary)}.ci-progress-track{height:11px;margin-top:15px}.ci-progress-track>div,.ci-product-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-gold),var(--accent-gold-dark))}.ci-goal-footer{margin-top:7px;color:var(--text-secondary);font-size:10px}.ci-overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:14px}.ci-bottom-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:14px}.ci-panel{overflow:hidden}.ci-panel header{padding:14px 17px;border-bottom:1px solid var(--border)}.ci-panel header>div{display:grid;gap:3px}.ci-panel header span{color:var(--text-primary);font-size:13px;font-weight:800}.ci-chart-wrap{height:300px;padding:15px 12px 7px 0}.ci-product-list,.ci-insight-list,.ci-status-list{display:grid}.ci-product-row,.ci-insight,.ci-status-list>div{padding:13px 17px;border-bottom:1px solid var(--border)}.ci-product-row:last-child,.ci-insight:last-child,.ci-status-list>div:last-child{border-bottom:0}.ci-product-head>div{display:grid;gap:3px}.ci-product-head>div:last-child{text-align:right}.ci-product-head strong{color:var(--text-primary);font-size:11px}.ci-product-head small{color:var(--text-muted);font-size:9px}.ci-product-track{height:6px;margin-top:9px}.ci-insight{display:grid;gap:4px;border-left:3px solid transparent}.ci-insight strong{color:var(--text-primary);font-size:11px}.ci-insight span{color:var(--text-secondary);font-size:11px;line-height:1.45}.ci-insight-positive{border-left-color:var(--accent-green)}.ci-insight-warning{border-left-color:var(--accent-gold-dark)}.ci-status-list>div{display:flex;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:11px;text-transform:capitalize}.ci-status-list strong{color:var(--text-primary)}.ci-empty,.ci-overview-state{padding:30px;color:var(--text-muted);font-size:12px;text-align:center}.ci-overview-state{display:grid;justify-items:center;gap:12px}.ci-overview-state button{border:0;border-radius:8px;padding:8px 11px;background:var(--accent-gold);cursor:pointer;font-weight:700}.ci-overview-error{color:var(--accent-red)}.ci-warning-box{display:grid;gap:7px;padding:14px 17px;border-color:#f0ba3c66;background:#f0ba3c14}.ci-warning-box strong{color:var(--text-primary);font-size:11px}.ci-warning-box span{color:var(--text-secondary);font-size:10px}@media(max-width:640px){.ci-auth-card{padding:26px 22px}.ci-actions{justify-content:flex-start}.ci-main-tabs{width:100%}.ci-main-tabs button{flex:1}.ci-overview-toolbar{align-items:stretch;flex-direction:column}.ci-filter-groups{justify-content:flex-start}.ci-segmented{width:100%;overflow-x:auto}.ci-segmented button{flex:1 0 auto}.ci-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-kpi-primary{grid-column:1 / -1}.ci-overview-grid,.ci-bottom-grid{grid-template-columns:minmax(0,1fr)}.ci-chart-wrap{height:260px}.ci-goal-heading{flex-direction:column}.ci-goal-pace{text-align:left}}@media(min-width:641px)and (max-width:1100px){.ci-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ci-overview-grid,.ci-bottom-grid{grid-template-columns:minmax(0,1fr)}}