@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";.campaigns-view{padding:0}.campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.campaigns-title-section h1{font-size:1.125rem;font-weight:600;margin-bottom:0}.campaigns-stats{font-size:.7rem;color:var(--color-text-muted)}.campaign-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem}.stat-icon{width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);display:grid;place-items:center}.stat-icon .icon-md{width:.875rem;height:.875rem}.stat-icon.active{background:#00b47726;background:oklch(.68 .17 160 / 15%);color:var(--color-emerald)}.stat-icon.scheduled{background:#dfa11a26;color:var(--color-gold)}.stat-icon.long-running{background:#448bff26;background:oklch(.65 .2 260 / 15%);color:#448bff;color:oklch(.65 .2 260)}.stat-icon.short-running{background:#ff362426;background:oklch(.65 .25 30 / 15%);color:#ff3624;color:oklch(.65 .25 30)}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:1rem;font-weight:600}.campaigns-filters{display:flex;gap:.75rem;margin-bottom:1.5rem}.campaigns-filters .search-input-wrapper{flex:1;max-width:400px}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr .75fr .75fr .75fr;padding:.75rem 1rem;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr .75fr .75fr .75fr;padding:1rem;border-bottom:1px solid var(--color-border);align-items:center}.table-row:hover{background:var(--color-bg-primary)}.campaign-name-cell{display:flex;flex-direction:column}.campaign-name{font-weight:500;margin-bottom:.25rem}.campaign-objective{font-size:.75rem;color:var(--color-text-muted)}.brand-badge{display:inline-block;padding:.25rem .5rem;background:var(--color-border);border-radius:var(--radius-sm);font-size:.75rem}.type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem}.type-badge.long_running{background:#448bff26;background:oklch(.65 .2 260 / 15%);color:#448bff;color:oklch(.65 .2 260)}.type-badge.short_running{background:#ff362426;background:oklch(.65 .25 30 / 15%);color:#ff3624;color:oklch(.65 .25 30)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem}.status-badge.paused{background:#dfa11a26;color:var(--color-gold)}.status-badge.draft{background:var(--color-border);color:var(--color-text-muted)}.status-badge.completed{background:#009fc126;background:oklch(.65 .15 220 / 15%);color:#009fc1;color:oklch(.65 .15 220)}.col-actions{display:flex;gap:.5rem}.action-btn{width:2rem;height:2rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);display:grid;place-items:center;cursor:pointer;color:var(--color-text-muted);transition:all .2s}.action-btn:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.action-btn.play:hover{border-color:var(--color-emerald);color:var(--color-emerald)}.action-btn.pause:hover{border-color:var(--color-gold);color:var(--color-gold)}.loading-state{text-align:center;padding:4rem 2rem}.spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}.calendar-view{padding:0}.calendar-header{margin-bottom:1.5rem}.calendar-header h1{font-size:1.75rem;font-weight:600;margin-bottom:.25rem}.calendar-subtitle{color:var(--color-text-muted)}.calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-nav{display:flex;align-items:center;gap:.5rem}.nav-btn{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;color:var(--color-text-primary)}.nav-btn:hover{background:var(--color-bg-primary)}.today-btn{font-weight:500}.current-month{font-size:1.25rem;font-weight:600;margin-left:1rem}.calendar-options{display:flex;gap:.75rem;align-items:center}.view-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.toggle-btn{padding:.5rem 1rem;border:none;background:var(--color-bg-card);cursor:pointer;font-size:.875rem;color:var(--color-text-secondary)}.toggle-btn.active{background:var(--color-primary);color:#fff}.calendar-grid-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-header{padding:.75rem;text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.calendar-day{min-height:100px;padding:.5rem;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.calendar-day:nth-child(7n){border-right:none}.calendar-day.other-month{background:var(--color-bg-primary);opacity:.5}.calendar-day.today{background:#00b4770d;background:oklch(.68 .17 160 / 5%)}.calendar-day.today .day-number{background:var(--color-primary);color:#fff;border-radius:50%;width:1.5rem;height:1.5rem;display:grid;place-items:center}.day-number{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.day-campaigns{display:flex;flex-direction:column;gap:.25rem}.campaign-marker{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.625rem;overflow:hidden}.campaign-marker.long_running{background:#448bff26;background:oklch(.65 .2 260 / 15%);color:#448bff;color:oklch(.65 .2 260)}.campaign-marker.short_running{background:#ff362426;background:oklch(.65 .25 30 / 15%);color:#ff3624;color:oklch(.65 .25 30)}.campaign-marker-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-campaigns{font-size:.625rem;color:var(--color-text-muted)}.create-campaign{max-width:1200px}.create-campaign-header{margin-bottom:2rem}.create-campaign-header .back-link{display:flex;align-items:center;gap:.25rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;margin-bottom:1rem}.create-campaign-header h1{font-size:1.75rem;font-weight:600;margin-bottom:.25rem}.create-campaign-header p{color:var(--color-text-muted)}.create-campaign-content{display:grid;grid-template-columns:1fr 320px;gap:2rem}.campaign-form-main{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.form-section h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.section-description{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.25rem}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.section-header .btn-ghost{margin-left:auto}.campaign-type-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.type-option{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.type-option:hover{border-color:var(--color-text-muted)}.type-option.selected{border-color:var(--color-primary);background:#00b4770d;background:oklch(.68 .17 160 / 5%)}.type-option .type-icon{width:3rem;height:3rem;border-radius:var(--radius-md);display:grid;place-items:center}.type-icon.long-running{background:#448bff26;background:oklch(.65 .2 260 / 15%);color:#448bff;color:oklch(.65 .2 260)}.type-icon.short-running{background:#ff362426;background:oklch(.65 .25 30 / 15%);color:#ff3624;color:oklch(.65 .25 30)}.type-content h4{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.type-content p{font-size:.8125rem;color:var(--color-text-muted)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-hint{font-size:.75rem;color:var(--color-text-muted)}.input-with-prefix{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);overflow:hidden}.input-with-prefix .prefix{padding:.625rem .75rem;background:var(--color-bg-card);border-right:1px solid var(--color-border);color:var(--color-text-muted)}.input-with-prefix input{border:none;flex:1}.toggle-setting{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.toggle-setting:last-child{border-bottom:none}.toggle-info label{display:block;font-weight:500;margin-bottom:.125rem}.toggle-info span{font-size:.75rem;color:var(--color-text-muted)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-value{color:var(--color-primary);font-weight:500}.range-slider{width:100%;height:6px;border-radius:3px;background:var(--color-border);outline:none;-webkit-appearance:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer}.slider-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.email-input-row{display:flex;gap:.5rem}.email-input-row input{flex:1}.email-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.email-tag{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem}.email-tag button{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:grid;place-items:center}.style-browse-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);cursor:pointer;color:var(--color-text-secondary)}.style-browse-btn:hover{border-color:var(--color-text-muted)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.channel-option{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;position:relative}.channel-option:hover{border-color:var(--color-text-muted)}.channel-option.selected{border-color:var(--color-primary);background:#00b4770d;background:oklch(.68 .17 160 / 5%)}.channel-option .check-icon{position:absolute;right:.5rem;color:var(--color-primary)}.streams-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.stream-tab{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;font-size:.875rem}.stream-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.streams-list{display:flex;flex-direction:column;gap:.75rem}.stream-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.stream-option:hover{border-color:var(--color-text-muted)}.stream-option.enabled{border-color:var(--color-primary);background:#00b4770d;background:oklch(.68 .17 160 / 5%)}.stream-icon{width:3rem;height:3rem;border-radius:var(--radius-md);display:grid;place-items:center}.stream-icon.awareness{background:#009fc126;background:oklch(.65 .15 220 / 15%);color:#009fc1;color:oklch(.65 .15 220)}.stream-icon.engagement{background:#da52b526;color:#da52b5}.stream-icon.conversion{background:#00b47726;background:oklch(.68 .17 160 / 15%);color:var(--color-emerald)}.stream-info{flex:1}.stream-info h4{font-weight:600;margin-bottom:.25rem}.stream-info p{font-size:.8125rem;color:var(--color-text-muted)}.streams-empty{text-align:center;padding:2rem;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.streams-empty svg{margin-bottom:.5rem;opacity:.5}.campaign-form-sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.sidebar-card h4{font-size:.875rem;font-weight:600;margin-bottom:1rem}.allocation-chart{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:1rem}.allocation-bar{display:flex;align-items:center;justify-content:center;font-size:.625rem;color:#fff;font-weight:500}.allocation-bar.awareness{background:#009fc1;background:oklch(.65 .15 220)}.allocation-bar.engagement{background:#da52b5}.allocation-bar.conversion{background:var(--color-emerald)}.allocation-stats{display:flex;flex-direction:column;gap:.5rem}.stat-row{display:flex;justify-content:space-between;font-size:.8125rem}.stat-row span:first-child{color:var(--color-text-muted)}.empty-allocation{text-align:center;padding:1rem 0;color:var(--color-text-muted);font-size:.8125rem}.create-campaign-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.error-toast{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-error);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d}.error-toast button{background:none;border:none;color:#fff;cursor:pointer;opacity:.7}.error-toast button:hover{opacity:1}.campaign-detail{padding:0}.campaign-detail-header{margin-bottom:1.5rem}.campaign-detail-header .back-link{display:flex;align-items:center;gap:.25rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;margin-bottom:1rem}.campaign-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.campaign-title-row h1{font-size:1.5rem;font-weight:600;margin:0}.campaign-status{font-size:.875rem;font-weight:500}.campaign-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.campaign-objective{color:var(--color-text-muted)}.campaign-actions{display:flex;gap:.75rem}.campaign-stats-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat-card-mini{flex:1;min-width:120px;padding:1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.stat-card-mini .stat-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.stat-card-mini .stat-value{font-size:1.25rem;font-weight:600}.campaign-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.campaign-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;cursor:pointer;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.campaign-tab:hover{color:var(--color-text-primary)}.campaign-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.overview-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.overview-card.full-width{grid-column:1 / -1}.overview-card h3{font-size:.875rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-muted)}.detail-list{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;justify-content:space-between}.detail-label{color:var(--color-text-muted);font-size:.875rem}.detail-value{font-weight:500;font-size:.875rem}.message-content .key-message{margin-bottom:.75rem;line-height:1.6}.cta-badge{display:inline-block;padding:.25rem .5rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:.75rem}.streams-overview{display:flex;gap:1rem}.stream-card{flex:1;padding:1rem;border-radius:var(--radius-md);text-align:center}.stream-card.awareness{background:#009fc11a;background:oklch(.65 .15 220 / 10%);color:#009fc1;color:oklch(.65 .15 220)}.stream-card.engagement{background:#da52b51a;color:#da52b5}.stream-card.conversion{background:#00b4771a;background:oklch(.68 .17 160 / 10%);color:var(--color-emerald)}.stream-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.stream-allocation{font-size:1.5rem;font-weight:700}.no-streams{color:var(--color-text-muted);text-align:center;padding:1rem}.streams-detail .streams-header{margin-bottom:1.5rem}.streams-detail .streams-header h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.streams-detail .streams-header p{color:var(--color-text-muted)}.stream-configs{display:flex;flex-direction:column;gap:1rem}.stream-config-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;opacity:.6}.stream-config-card.enabled{opacity:1;border-left:3px solid}.stream-config-card.awareness.enabled{border-left-color:#009fc1;border-left-color:oklch(.65 .15 220)}.stream-config-card.engagement.enabled{border-left-color:#da52b5}.stream-config-card.conversion.enabled{border-left-color:var(--color-emerald)}.stream-config-header{display:flex;align-items:center;gap:1rem}.stream-config-info{flex:1}.stream-config-info h4{font-weight:600;margin-bottom:.25rem}.stream-status{font-size:.75rem;color:var(--color-text-muted)}.stream-status.active{color:var(--color-emerald)}.stream-allocation-badge{font-size:1.25rem;font-weight:700;color:var(--color-text-muted)}.stream-config-card.enabled .stream-allocation-badge{color:var(--color-text-primary)}.stream-config-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.config-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem}.config-row span:first-child{color:var(--color-text-muted)}.content-tab .content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.content-header h3{font-size:1.125rem;font-weight:600}.generation-controls{display:flex;gap:.75rem;align-items:center}.content-queue{display:flex;flex-direction:column;gap:1rem}.content-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.content-item-header{display:flex;gap:.5rem;margin-bottom:1rem}.stream-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.stream-badge.awareness{background:#009fc126;background:oklch(.65 .15 220 / 15%);color:#009fc1;color:oklch(.65 .15 220)}.stream-badge.engagement{background:#da52b526;color:#da52b5}.stream-badge.conversion{background:#00b47726;background:oklch(.68 .17 160 / 15%);color:var(--color-emerald)}.platform-badge{padding:.25rem .5rem;background:var(--color-border);border-radius:var(--radius-sm);font-size:.75rem}.time-badge{margin-left:auto;font-size:.75rem;color:var(--color-text-muted)}.content-text{line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.content-actions{display:flex;gap:.5rem;justify-content:flex-end}.empty-content{text-align:center;padding:3rem;background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.empty-content svg{color:var(--color-text-muted);margin-bottom:1rem}.empty-content h4{margin-bottom:.5rem}.empty-content p{color:var(--color-text-muted)}.calendar-tab .calendar-placeholder{text-align:center;padding:4rem;background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.calendar-placeholder svg{color:var(--color-text-muted);margin-bottom:1rem}.calendar-placeholder h4{margin-bottom:.5rem}.calendar-placeholder p{color:var(--color-text-muted);margin-bottom:1.5rem}.settings-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.settings-section h3{font-size:.875rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-muted)}.settings-list{display:flex;flex-direction:column}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.setting-item:last-child{border-bottom:none}.setting-label{font-weight:500}.setting-description{display:block;font-size:.75rem;color:var(--color-text-muted)}.setting-value{font-size:.875rem;color:var(--color-text-muted)}.setting-value.enabled{color:var(--color-emerald)}.channels-list{display:flex;flex-wrap:wrap;gap:.5rem}.no-channels{color:var(--color-text-muted)}@media (max-width: 1024px){.campaign-stats-grid{grid-template-columns:repeat(2,1fr)}.create-campaign-content{grid-template-columns:1fr}.campaign-form-sidebar{order:-1}}@media (max-width: 768px){.campaign-stats-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.campaign-type-options{grid-template-columns:1fr}.calendar-controls{flex-direction:column;gap:1rem}.calendar-options{flex-wrap:wrap}}.channels-view{padding:0}.channels-header{margin-bottom:.75rem}.channels-title-section h1{font-size:1.125rem;font-weight:600;margin-bottom:0}.channels-subtitle{color:var(--color-text-muted);font-size:.7rem}.channel-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}.stat-icon.total{background:#009fc126;background:oklch(.65 .15 220 / 15%);color:#009fc1;color:oklch(.65 .15 220)}.stat-icon.live{background:#00b47726;background:oklch(.68 .17 160 / 15%);color:var(--color-emerald)}.stat-icon.coming-soon{background:#dfa11a26;color:var(--color-gold)}.stat-icon.roadmap{background:#448bff26;background:oklch(.65 .2 260 / 15%);color:#448bff;color:oklch(.65 .2 260)}.channels-filters{display:flex;gap:.5rem;margin-bottom:1rem}.section-header{margin-bottom:.5rem;margin-top:1rem}.section-header:first-of-type{margin-top:0}.section-header h2{font-size:.875rem;font-weight:600;margin-bottom:.125rem}.section-header p{font-size:.7rem;color:var(--color-text-muted)}.social-platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:2rem}.platform-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.875rem;transition:all .2s}.platform-card.clickable{cursor:pointer}.platform-card.clickable:hover{border-color:var(--color-primary);background:#00c8960d;transform:translateY(-2px)}.platform-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.platform-icon{width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--color-bg-primary);display:grid;place-items:center;color:var(--color-primary);flex-shrink:0}.platform-icon.branded{background:transparent}.platform-icon.branded svg{width:1.5rem;height:1.5rem}.platform-info{min-width:0;flex:1}.platform-info h4{font-weight:600;font-size:.8rem;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-types{font-size:.65rem;color:var(--color-text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-description{font-size:.7rem;color:var(--color-text-muted);margin:0 0 .5rem}.platform-times{display:flex;align-items:center;gap:.375rem;font-size:.65rem;color:var(--color-text-muted)}.platform-times .icon-xs{width:.75rem;height:.75rem;color:var(--color-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;padding:1rem}.connect-modal{width:100%;max-width:500px;max-height:90vh;background:var(--color-bg-secondary, #0f1922);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.connect-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);background:#00141e80}.modal-title-row{display:flex;align-items:center;gap:1rem}.modal-platform-icon{width:3rem;height:3rem;display:grid;place-items:center}.modal-platform-icon svg{width:2.5rem;height:2.5rem}.connect-modal .modal-header h2{font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.connect-modal .modal-header p{font-size:.8rem;color:var(--color-text-muted);margin:0}.connect-modal .modal-close{width:2rem;height:2rem;display:grid;place-items:center;background:none;border:none;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.connect-modal .modal-close:hover{background:var(--color-border);color:var(--color-text-primary)}.connect-modal .modal-body{padding:1.5rem;overflow-y:auto}.auth-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#00c8961a;border:1px solid rgba(0,200,150,.2);border-radius:var(--radius-full);color:var(--color-primary);font-size:.75rem;font-weight:600;margin-bottom:1.25rem}.setup-guide{margin-bottom:1.5rem}.setup-guide h3{font-size:.875rem;font-weight:600;margin-bottom:.75rem}.guide-steps{background:#00141e80;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.guide-steps p{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .5rem;line-height:1.6}.guide-steps p:last-child{margin-bottom:0}.credentials-section{margin-bottom:1.25rem}.credentials-section label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.api-key-input-row{display:flex;gap:.5rem}.api-key-input-row input{flex:1;padding:.75rem 1rem;background:#00141e80;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem}.api-key-input-row input:focus{outline:none;border-color:var(--color-primary)}.toggle-visibility{width:2.5rem;display:grid;place-items:center;background:#00141e80;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.toggle-visibility:hover{background:var(--color-border);color:var(--color-text-primary)}.security-notice{display:flex;gap:.75rem;padding:1rem;background:#00c8960d;border:1px solid rgba(0,200,150,.15);border-radius:var(--radius-md)}.security-notice .icon-sm{color:var(--color-primary);flex-shrink:0;margin-top:.125rem}.security-notice span{font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.security-notice ul{margin:.5rem 0 0;padding-left:1rem}.security-notice li{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.connect-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:#00141e80}.connect-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;font-size:.875rem}.connect-btn:disabled{opacity:.5;cursor:not-allowed}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.channel-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;transition:all .2s}.channel-card:hover{border-color:var(--color-text-muted)}.channel-card.roadmap{opacity:.7}.channel-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.channel-icon{width:3rem;height:3rem;border-radius:var(--radius-md);display:grid;place-items:center}.channel-icon.digital{background:#009fc126;background:oklch(.65 .15 220 / 15%);color:#009fc1;color:oklch(.65 .15 220)}.channel-icon.offline{background:#f0503d26;color:#f0503d}.channel-icon.partnerships{background:#00aa6f26;background:oklch(.65 .2 160 / 15%);color:#00aa6f;color:oklch(.65 .2 160)}.channel-icon.paid{background:#da52b526;color:#da52b5}.channel-icon.earned{background:#dfa11a26;color:#dfa11a}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:500}.status-badge.live{background:#00b47726;background:oklch(.68 .17 160 / 15%);color:var(--color-emerald)}.status-badge.coming-soon{background:#dfa11a26;color:var(--color-gold)}.status-badge.roadmap{background:var(--color-border);color:var(--color-text-muted)}.channel-name{font-size:1rem;font-weight:600;margin-bottom:.5rem}.channel-description{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:1rem}.channel-meta{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.meta-item{display:flex;flex-direction:column;gap:.125rem}.meta-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.meta-value{font-size:.8125rem;font-weight:500}.channel-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.channel-tag{padding:.25rem .5rem;background:var(--color-bg-primary);border-radius:var(--radius-sm);font-size:.6875rem;color:var(--color-text-muted)}.channel-footer{display:flex;justify-content:space-between;align-items:center}.time-to-results{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-muted)}.btn-channel-action{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer}.btn-channel-action:hover{opacity:.9}.coming-soon-text{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.discovery-cta{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#00b4761a,#00a3aa1a);background:linear-gradient(135deg,color(xyz 0.187 0.343 0.217 / 0.102),color(xyz 0.167 0.303 0.541 / 0.102));border:1px solid oklch(.68 .17 160 / 30%);border-radius:var(--radius-lg);margin-top:2rem}.cta-content{display:flex;align-items:center;gap:1rem}.cta-content svg{color:var(--color-primary)}.cta-content h3{font-weight:600;margin-bottom:.25rem}.cta-content p{font-size:.875rem;color:var(--color-text-secondary)}.oauth-message{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem}.oauth-message.success{background:#1e662626;border:1px solid oklch(.55 .15 145 / 40%);color:#6bc670}.oauth-message.error{background:#97252726;border:1px solid oklch(.55 .18 25 / 40%);color:#ff847d;color:oklch(.75 .18 25)}.auth-badge{display:inline-flex;padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;margin-left:.5rem}.auth-badge.oauth{background:#00809033;background:oklch(.55 .15 210 / 20%);color:#00c3db;color:oklch(.75 .15 210)}.auth-badge.api{background:#3e834333;color:#7bc27e}.oauth-indicator{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border);font-size:.7rem;color:var(--color-text-muted)}.oauth-indicator svg{width:12px;height:12px}.platform-card.disabled{opacity:.6;pointer-events:none}.modal-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#97252726;border:1px solid oklch(.55 .18 25 / 40%);border-radius:var(--radius-md);color:#ff847d;color:oklch(.75 .18 25);font-size:.875rem;margin-bottom:1rem}@media (max-width: 1024px){.channel-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.channel-stats-grid,.social-platforms-grid,.channels-grid{grid-template-columns:1fr}.discovery-cta{flex-direction:column;text-align:center;gap:1rem}.cta-content{flex-direction:column}}.analytics-dashboard{padding:0}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.header-title h1{font-size:1.125rem;font-weight:600;margin-bottom:0}.header-title p{color:var(--color-text-muted);font-size:.7rem}.header-controls{display:flex;gap:.5rem}.stats-overview{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:.75rem}.stat-card-large{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem}.stat-header{display:flex;align-items:center;gap:.25rem;color:var(--color-text-muted);margin-bottom:.25rem}.stat-header span{font-size:.65rem}.stat-header .icon-sm{width:.75rem;height:.75rem}.analytics-dashboard .stat-value{font-size:1rem;font-weight:600;margin-bottom:.125rem}.stat-hint{font-size:.6rem;color:var(--color-text-muted)}.change{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:var(--radius-sm)}.change.positive{color:var(--color-emerald);background:#00b4771a;background:oklch(.68 .17 160 / 10%)}.change.negative{color:var(--color-error);background:#f0503d1a}.change.neutral{color:var(--color-text-muted)}.analytics-section{margin-bottom:2rem}.analytics-section h2{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.platform-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.platform-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.platform-name{font-weight:600}.platform-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.platform-stat{display:flex;justify-content:space-between}.platform-stat .label{color:var(--color-text-muted);font-size:.8125rem}.platform-stat .value{font-weight:500}.platform-bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .3s ease}.campaigns-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.campaigns-table .table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:.75rem 1rem;background:var(--color-bg-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.campaigns-table .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:1rem;border-top:1px solid var(--color-border);align-items:center}.campaigns-table .campaign-name{font-weight:500}.campaigns-table .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.status-badge.active{background:#00b47726;background:oklch(.68 .17 160 / 15%);color:var(--color-emerald)}.status-badge.completed{background:var(--color-border);color:var(--color-text-muted)}.content-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.content-type-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.content-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.type-name{font-weight:600}.type-count{font-size:.75rem;color:var(--color-text-muted)}.content-type-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.value-label{font-size:.75rem;font-weight:400;color:var(--color-text-muted);margin-left:.25rem}.avg-engagement{font-size:.75rem;color:var(--color-text-muted)}.credit-overview{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.credit-bar-container{margin-bottom:1.5rem}.credit-bar{height:12px;background:var(--color-border);border-radius:6px;overflow:hidden;margin-bottom:.5rem}.credit-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-emerald));border-radius:6px;transition:width .3s ease}.credit-labels{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--color-text-muted)}.credit-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.breakdown-item{display:flex;flex-direction:column;gap:.25rem}.breakdown-item span:first-child{font-size:.75rem;color:var(--color-text-muted)}.breakdown-item span:last-child{font-weight:600}@media (max-width: 1200px){.stats-overview{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-overview{grid-template-columns:repeat(2,1fr)}.campaigns-table .table-header,.campaigns-table .table-row{grid-template-columns:1fr 1fr;gap:.5rem}.credit-breakdown{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-overview{grid-template-columns:1fr}}.admin-panel{padding:.75rem 1rem;max-width:1400px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.admin-title-section h1{font-size:1.125rem;font-weight:600;margin-bottom:0;display:flex;align-items:center;gap:.5rem}.admin-title-section p{color:var(--color-text-muted);font-size:.7rem}.admin-controls{display:flex;align-items:center;gap:.5rem}.data-mode-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase}.data-mode-badge.mock{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.data-mode-badge.real{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.spinning{animation:spin 1s linear infinite}.admin-tabs{display:flex;gap:.25rem;margin-bottom:.75rem;border-bottom:1px solid var(--color-border);padding-bottom:.25rem}.admin-tab{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:none;border:none;color:var(--color-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.admin-tab:hover{color:var(--color-text-primary);background:var(--color-border)}.admin-tab.active{color:var(--color-primary);background:#00c8961a}.admin-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:.75rem}.admin-stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;display:flex;align-items:center;gap:.5rem}.stat-icon{width:2rem;height:2rem;border-radius:var(--radius-sm);display:grid;place-items:center;flex-shrink:0}.stat-icon .icon-md{width:1rem;height:1rem}.stat-icon.brands{background:#6366f133;color:#6366f1}.stat-icon.campaigns{background:#f59e0b33;color:#f59e0b}.stat-icon.reach{background:#3b82f633;color:#3b82f6}.stat-icon.engagement{background:#ec489933;color:#ec4899}.stat-icon.clicks{background:#10b98133;color:#10b981}.stat-icon.credits{background:#8b5cf633;color:#8b5cf6}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;line-height:1.3}.stat-value{font-size:1rem;font-weight:600;line-height:1.2}.admin-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.admin-section h2{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.section-period{font-size:.75rem;color:var(--color-text-muted);margin-bottom:1rem}.performance-table{overflow-x:auto}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:.75rem 1rem;align-items:center}.table-header{background:var(--color-bg-primary);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.table-row{border-bottom:1px solid var(--color-border)}.table-row:last-child{border-bottom:none}.col-brand{display:flex;align-items:center;gap:.75rem}.brand-avatar-small{width:2rem;height:2rem;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:.625rem;font-weight:600;color:#fff}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.active{background:#10b98133;color:#10b981}.status-badge.paused{background:#f59e0b33;color:#f59e0b}.status-badge.inactive{background:#6b728033;color:#6b7280}.trend{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.trend.positive{color:#10b981}.trend.negative{color:#ef4444}.trend.neutral{color:var(--color-text-muted)}.brands-management{max-width:900px}.brands-management h2{font-size:1.25rem;margin-bottom:.25rem}.brands-management>p{color:var(--color-text-muted);margin-bottom:1.5rem}.brands-list-admin{display:grid;gap:1rem}.brand-admin-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.brand-admin-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.brand-admin-info{flex:1}.brand-admin-info h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.brand-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.mini-stat{text-align:center}.mini-stat-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.mini-stat-value{font-size:1.125rem;font-weight:600}.api-section{max-width:800px}.api-section h2{font-size:1.25rem;margin-bottom:.25rem}.api-section>p{color:var(--color-text-muted);margin-bottom:1.5rem}.api-endpoint-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem}.endpoint-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.endpoint-url{display:flex;align-items:center;gap:.75rem}.endpoint-url code{flex:1;padding:.75rem 1rem;background:var(--color-bg-primary);border-radius:var(--radius-md);font-family:monospace;font-size:.875rem;color:var(--color-primary)}.copy-btn{padding:.5rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.api-tokens-section{margin-bottom:2rem}.tokens-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tokens-header h3{font-size:1rem;font-weight:600}.tokens-list{display:grid;gap:.75rem}.token-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.token-info{display:flex;flex-direction:column}.token-name{font-weight:500}.token-created{font-size:.75rem;color:var(--color-text-muted)}.token-value{display:flex;align-items:center;gap:.5rem}.token-value code{padding:.5rem .75rem;background:var(--color-bg-primary);border-radius:var(--radius-md);font-family:monospace;font-size:.75rem;color:var(--color-text-secondary)}.api-docs-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.api-docs-section h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.api-docs-section>p{color:var(--color-text-muted);margin-bottom:1rem}.code-example{background:var(--color-bg-primary);border-radius:var(--radius-md);overflow:hidden}.code-example pre{padding:1rem;font-family:monospace;font-size:.8rem;line-height:1.6;color:var(--color-text-secondary);overflow-x:auto;white-space:pre-wrap}@media (max-width: 768px){.admin-header{flex-direction:column;align-items:stretch}.admin-controls{flex-wrap:wrap}.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.col-engagement,.col-clicks{display:none}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}.user-profile{padding:1.5rem;max-width:1000px}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:1.75rem;font-weight:600;margin-bottom:.25rem}.profile-header p{color:var(--color-text-muted)}.profile-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem}.profile-sidebar{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;text-align:center;height:fit-content}.profile-avatar-section{position:relative;display:inline-block;margin-bottom:1rem}.profile-avatar-large{width:5rem;height:5rem;border-radius:50%;background:var(--gradient-hero);display:grid;place-items:center;font-size:2rem;font-weight:600;color:#fff}.avatar-upload-btn{position:absolute;bottom:0;right:0;width:2rem;height:2rem;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer;display:grid;place-items:center;transition:all var(--transition-fast)}.avatar-upload-btn:hover{color:var(--color-primary);background:var(--color-bg-secondary)}.profile-name{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.profile-email{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.75rem}.profile-admin-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#6366f133;color:#6366f1;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.profile-main{display:flex;flex-direction:column;gap:1.5rem}.profile-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.profile-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.profile-tab:hover{color:var(--color-text-primary);background:var(--color-border)}.profile-tab.active{color:var(--color-primary);background:#00c8961a}.profile-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem}.profile-form h2,.security-section h2,.notifications-section h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.section-description{color:var(--color-text-muted);margin-bottom:1.5rem}.message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem}.message.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.form-group{margin-bottom:1.25rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--color-text-secondary)}.form-group input{width:100%;padding:.75rem 1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;transition:all var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00c8961a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.input-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem;display:block}.form-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.security-options-grid{display:flex;flex-direction:column;gap:1rem}.security-option{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#0f233299;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.security-option:hover{border-color:var(--color-primary);background:#0f2332cc}.security-info{display:flex;align-items:center;gap:1rem}.security-info .icon-wrapper{width:2.5rem;height:2.5rem;display:grid;place-items:center;background:#00c89626;border:1px solid rgba(0,200,150,.25);border-radius:var(--radius-md)}.security-info .icon-md{color:var(--color-primary)}.security-info h3{font-size:.875rem;font-weight:600;margin-bottom:.125rem;color:var(--color-text-primary)}.security-info p{font-size:.75rem;color:var(--color-text-muted)}.danger-zone{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(239,68,68,.3)}.danger-zone h3{color:#ef4444;font-size:.875rem;font-weight:600;margin-bottom:1rem}.danger-option{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);margin-bottom:.75rem}.danger-option h4{font-size:.875rem;font-weight:500;margin-bottom:.125rem}.danger-option p{font-size:.75rem;color:var(--color-text-muted)}.btn-danger-outline{padding:.5rem 1rem;background:none;border:1px solid #ef4444;color:#ef4444;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-danger-outline:hover{background:#ef44441a}.btn-danger{padding:.5rem 1rem;background:#ef4444;border:none;color:#fff;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:#dc2626}.notification-group{margin-bottom:2rem}.notification-group h3{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:1rem}.notification-option{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-border)}.notification-option:last-child{border-bottom:none}.notification-info{display:flex;flex-direction:column}.notification-label{font-weight:500;margin-bottom:.125rem}.notification-description{font-size:.75rem;color:var(--color-text-muted)}.profile-signout{padding-top:1rem}.btn-outline-danger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:1px solid #ef4444;color:#ef4444;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-outline-danger:hover{background:#ef44441a}@media (max-width: 768px){.profile-layout{grid-template-columns:1fr}.profile-sidebar,.profile-content{padding:1.5rem}.security-option,.danger-option{flex-direction:column;gap:1rem;align-items:flex-start}.notification-option{flex-direction:column;gap:.75rem;align-items:flex-start}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;padding:1rem}.api-keys-modal{width:100%;max-width:700px;max-height:90vh;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary, rgba(20, 40, 55, .5))}.modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;margin:0}.modal-header h2 .icon-md{color:var(--color-primary)}.modal-close{width:2rem;height:2rem;display:grid;place-items:center;background:none;border:none;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-border);color:var(--color-text-primary)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-description{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.existing-keys{margin-bottom:2rem}.existing-keys h3,.add-key-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-secondary)}.loading-keys,.no-keys{padding:2rem;text-align:center;color:var(--color-text-muted);background:var(--color-bg-tertiary, rgba(20, 40, 55, .3));border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.keys-list{display:flex;flex-direction:column;gap:.75rem}.key-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;background:var(--color-bg-tertiary, rgba(20, 40, 55, .5));border:1px solid var(--color-border);border-radius:var(--radius-lg)}.key-info{flex:1}.key-provider{display:inline-block;padding:.25rem .75rem;background:#00c89626;color:var(--color-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.key-value-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.key-value{font-family:monospace;font-size:.875rem;color:var(--color-text-muted)}.key-models{display:flex;flex-wrap:wrap;gap:.5rem}.model-badge{padding:.25rem .5rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-text-muted)}.btn-icon{width:2rem;height:2rem;display:grid;place-items:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--color-border);color:var(--color-text-primary)}.btn-icon.danger{border-color:#ef44444d;color:#ef4444}.btn-icon.danger:hover{background:#ef44441a}.add-key-section{padding-top:1.5rem;border-top:1px solid var(--color-border)}.form-select{width:100%;padding:.75rem 1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00c8961a}.form-select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem}.model-card{position:relative;padding:1rem;background:var(--color-bg-tertiary, rgba(20, 40, 55, .5));border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.model-card:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary, rgba(20, 40, 55, .7))}.model-card.selected{border-color:var(--color-primary);background:#00c8961a}.model-name{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.model-price{font-size:.75rem;color:var(--color-text-muted)}.model-badge.search{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem .5rem;background:#6366f126;color:#6366f1;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase}.model-check{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;display:grid;place-items:center;background:var(--color-primary);border-radius:50%;color:#fff}.add-key-section .btn-primary{width:100%;justify-content:center}.icon-xs{width:.75rem;height:.75rem}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--color-bg-primary);transition:grid-template-columns .3s ease}.dashboard.sidebar-collapsed{grid-template-columns:64px 1fr}.dashboard-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-border)}.sidebar-brand{display:flex;align-items:center;gap:.75rem}.sidebar-brand-icon{width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--gradient-hero);display:grid;place-items:center;color:var(--color-primary-foreground);flex-shrink:0}.sidebar-brand-name{font-family:var(--font-display);font-weight:600;font-size:1rem;white-space:nowrap}.sidebar-toggle{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.sidebar-toggle:hover{color:var(--color-text-primary);background:var(--color-border)}.sidebar-toggle .rotate-180{transform:rotate(180deg)}.sidebar-new-campaign{display:flex;align-items:center;gap:.75rem;margin:1rem;padding:.75rem 1rem;background:var(--color-warning);color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden}.sidebar-new-campaign:hover{opacity:.9;transform:translateY(-1px)}.sidebar-collapsed .sidebar-new-campaign span{display:none}.sidebar-nav{flex:1;padding:.5rem;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sidebar-nav-item:hover{background:var(--color-border);color:var(--color-text-primary)}.sidebar-nav-item.active{background:#00bdbe26;background:oklch(.72 .15 195 / 15%);color:var(--color-primary)}.sidebar-collapsed .sidebar-nav-item span{display:none}.sidebar-section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:.75rem .75rem .375rem;margin-top:.5rem;opacity:.7}.sidebar-footer{padding:.5rem;border-top:1px solid var(--color-border)}.sidebar-collapsed .sidebar-footer .mock-data-toggle{display:none}.mock-data-toggle{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;margin-bottom:.5rem;background:var(--color-border);border-radius:var(--radius-md)}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-muted)}.toggle-btn-small{background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast)}.toggle-btn-small.active{color:var(--color-warning)}.toggle-btn-small:hover{color:var(--color-primary)}.dashboard-main{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-button:hover{background:var(--color-border);color:var(--color-text-primary)}.header-right{display:flex;align-items:center;gap:1rem}.header-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-warning);color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.header-btn:hover{opacity:.9}.credits-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary)}.credits-badge svg{color:var(--color-gold)}.user-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--gradient-hero);color:var(--color-primary-foreground);display:grid;place-items:center;font-weight:600;font-size:.875rem;flex-shrink:0}.header-breadcrumb{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-weight:500}.header-breadcrumb svg{color:var(--color-primary)}.mock-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#f59e0b33;color:#f59e0b;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.user-menu-trigger:hover{background:var(--color-border)}.user-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.user-menu-trigger .chevron{color:var(--color-text-muted);transition:transform var(--transition-fast)}.user-menu-trigger .chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:280px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000004d;overflow:hidden;z-index:100}.dropdown-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-bg-primary)}.dropdown-user-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--gradient-hero);color:#fff;display:grid;place-items:center;font-weight:600;font-size:1rem}.dropdown-user-info{flex:1;min-width:0}.dropdown-user-name{display:block;font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.dropdown-user-email{display:block;font-size:.75rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge{display:inline-block;padding:.125rem .5rem;background:#6366f133;color:#6366f1;border-radius:var(--radius-full);font-size:.625rem;font-weight:600;margin-top:.25rem}.dropdown-divider{height:1px;background:var(--color-border)}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);text-align:left}.dropdown-item:hover{background:var(--color-border);color:var(--color-text-primary)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#ef44441a;color:#ef4444}.dashboard-content{flex:1;padding:1.5rem;overflow-y:auto}.brands-view{max-width:1200px;margin:0 auto}.brands-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.brands-title-section h1{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:.125rem}.brands-stats{font-size:.75rem;color:var(--color-text-muted)}.brands-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input-wrapper{flex:1;min-width:280px;position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:1rem;color:var(--color-text-muted)}.search-input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:.875rem}.search-input-wrapper input:focus{outline:none;border-color:var(--color-primary)}.filter-select{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:.875rem;cursor:pointer}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.brand-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem;cursor:pointer;transition:all var(--transition-fast)}.brand-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.brand-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.brand-avatar{width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);display:grid;place-items:center;color:#fff;font-weight:700;font-size:1rem}.brand-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-muted)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted)}.status-dot.active{background:var(--color-emerald)}.brand-name{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.brand-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.brand-tab{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;background:var(--color-border);color:var(--color-text-muted)}.brand-tab.active{background:#00bdbe26;background:oklch(.72 .15 195 / 15%);color:var(--color-primary)}.brand-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.progress-bar{flex:1;height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-hero);border-radius:var(--radius-full);transition:width .3s ease}.progress-text{font-size:.75rem;color:var(--color-text-muted);min-width:30px}.brand-channels{display:flex;gap:.375rem}.channel-icon{width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background:var(--color-border);display:grid;place-items:center;font-size:.625rem;color:var(--color-text-muted)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-xl)}.empty-state svg{color:var(--color-text-muted);margin-bottom:1rem}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem}.empty-state p{color:var(--color-text-muted);margin-bottom:1.5rem}.get-started-panel{position:fixed;right:0;top:0;bottom:0;width:320px;background:var(--color-bg-card);border-left:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;box-shadow:-4px 0 20px #0003}.get-started-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid var(--color-border)}.get-started-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600}.get-started-title svg{color:var(--color-gold)}.get-started-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem}.get-started-progress{padding:1rem;border-bottom:1px solid var(--color-border)}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.credits-earned{display:flex;align-items:center;gap:.25rem;color:var(--color-gold);font-weight:600}.get-started-list{flex:1;overflow-y:auto;padding:1rem}.checklist-category{margin-bottom:1.5rem}.category-title{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.75rem}.checklist-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 0;cursor:pointer;transition:all var(--transition-fast)}.checklist-item:hover:not(.completed){background:var(--color-border);margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:var(--radius-md)}.checklist-item.completed{opacity:.5}.checklist-item.completed .item-title{text-decoration:line-through}.check-circle{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid var(--color-border);display:grid;place-items:center;flex-shrink:0;transition:all var(--transition-fast)}.check-circle.checked{background:var(--color-emerald);border-color:var(--color-emerald);color:#fff}.item-title{flex:1;font-size:.875rem}.item-actions{display:flex;align-items:center;gap:.5rem}.item-credits{padding:.125rem .375rem;background:#f0c63033;color:var(--color-gold);border-radius:var(--radius-sm);font-size:.625rem;font-weight:600}.get-started-footer{padding:1rem;border-top:1px solid var(--color-border);text-align:center}.explore-link{background:none;border:none;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;text-decoration:underline}.brand-detail{max-width:1200px;margin:0 auto}.brand-detail-header{margin-bottom:1rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;padding:0}.back-link:hover{color:var(--color-text-primary)}.brand-tabs-nav{display:flex;gap:.25rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;overflow-x:auto;padding-bottom:1px}.brand-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.brand-tab-btn:hover{color:var(--color-text-primary)}.brand-tab-btn.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}.foundations-tab{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.foundations-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border);gap:1rem;flex-wrap:wrap}.foundations-title h2{font-family:var(--font-display);font-size:1.25rem;margin-bottom:.25rem}.foundations-title p{color:var(--color-text-muted);font-size:.875rem;margin:0}.foundations-actions{display:flex;gap:.5rem;flex-wrap:wrap}.foundation-sub-tabs{display:flex;gap:.25rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--color-border);overflow-x:auto}.foundation-tab-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.foundation-tab-btn:hover{background:var(--color-border)}.foundation-tab-btn.active{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-primary)}.foundation-content{padding:1.5rem}.foundation-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.section-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.section-header h3{font-size:1rem;margin-bottom:.25rem}.section-header p{color:var(--color-text-muted);font-size:.875rem;margin:0}.section-content{padding:1.5rem}.add-item-container{display:flex;justify-content:center;padding:1rem}.add-item-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);width:100%;justify-content:center}.add-item-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.add-item-btn.small{width:auto;padding:.5rem 1rem;font-size:.75rem}.add-item-btn:disabled{opacity:.5;cursor:not-allowed}.foundation-item-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1rem;transition:border-color var(--transition-fast)}.foundation-item-card:hover{border-color:#00c8964d}.item-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.item-card-header .form-row{flex:1;display:flex;gap:1rem;flex-wrap:wrap}.delete-item-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ff64641a;border:1px solid rgba(255,100,100,.2);border-radius:var(--radius-md);color:#ff6464;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.delete-item-btn:hover{background:#ff646433;border-color:#ff646466}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-group.flex-1{flex:1;min-width:150px}.form-group.flex-2{flex:2;min-width:200px}.form-group.checkbox-inline{flex-direction:row;align-items:center;min-width:auto}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.form-group select{padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;cursor:pointer}.form-group select:focus{outline:none;border-color:var(--color-primary)}.tab-count{background:var(--color-primary);color:var(--color-bg-primary);font-size:.65rem;font-weight:600;padding:.125rem .375rem;border-radius:999px;margin-left:.25rem}.color-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.color-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-item input[type=color]{width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:0}.color-item input[type=text]{width:80px;padding:.375rem .5rem;font-size:.75rem;font-family:monospace}.delete-color-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ff64641a;border:none;border-radius:var(--radius-sm);color:#ff6464;font-size:1rem;cursor:pointer}.delete-color-btn:hover{background:#ff646433}.weight-summary{padding:.75rem 1rem;background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-muted);text-align:center}.weight-warning{color:#f59e0b}.save-message{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:500}.save-message.success{background:#00c8961a;color:var(--color-primary)}.save-message.error{background:#ff64641a;color:#ff6464}.website-url-input{margin-bottom:1.5rem}.url-input-row{display:flex;gap:.75rem}.url-input-row input{flex:1}.url-input-row button{flex-shrink:0}.loading-state{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-muted);font-size:.875rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-grid.three-col{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:.875rem;font-family:inherit}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-section{margin-bottom:1.5rem}.form-section h4{font-size:.875rem;margin-bottom:.75rem}.upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:1.5rem;text-align:center}.upload-area p{margin-bottom:.5rem}.upload-hint{font-size:.75rem;color:var(--color-text-muted);display:block;margin-top:.5rem}.content-generator-section{padding:1rem 0}.content-generator-form{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.generator-row{margin-bottom:1.25rem}.generator-row:last-child{margin-bottom:0}.generator-row .form-group.full-width,.generator-row .form-group textarea{width:100%}.input-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:.375rem;display:block}.asset-type-selector label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.asset-type-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.asset-type-btn{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.asset-type-btn:hover{border-color:var(--color-primary)}.asset-type-btn.active{border-color:var(--color-primary);background:#00c8961a}.asset-type-label{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.asset-type-desc{font-size:.7rem;color:var(--color-text-muted)}.settings-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:end}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.generation-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;margin-bottom:1rem}.generation-error span{flex:1;font-size:.875rem}.generation-error button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.25rem}.generator-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.generate-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem}.generate-btn.loading{opacity:.7;cursor:not-allowed}.generate-btn .spinning{animation:spin 1s linear infinite}.generation-result{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;color:#10b981}.result-header h4{font-size:1rem;margin:0}.result-content{display:flex;flex-direction:column;gap:1rem}.result-item{padding:1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.result-item label{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.result-title{font-size:1rem;font-weight:600;margin:0}.result-media{border-radius:var(--radius-md);overflow:hidden}.result-media img{max-width:100%;height:auto;display:block}.result-summary{font-size:.875rem;line-height:1.5;margin:0}.result-item.success{background:#10b98133}.result-item.success p{color:#10b981;font-weight:500;margin:0}.copy-btn{margin-top:.75rem;font-size:.75rem}.content-pillars-section{padding-top:1.5rem;border-top:1px solid var(--color-border)}.pillars-header{margin-bottom:1rem}.pillars-header h4{font-size:1rem;margin-bottom:.25rem}.pillars-header p{font-size:.875rem;color:var(--color-text-muted)}@media (max-width: 768px){.asset-type-options{grid-template-columns:repeat(2,1fr)}.settings-row{grid-template-columns:1fr}}.integrations-tab{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem}.integrations-header{margin-bottom:2rem}.integrations-header h2{font-family:var(--font-display);font-size:1.25rem}.integration-category{margin-bottom:1rem}.category-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem}.category-header h3{font-size:.8rem;font-weight:600}.category-description{color:var(--color-text-muted);font-size:.65rem;margin-bottom:.5rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.integration-card{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.integration-card:hover{border-color:var(--color-primary)}.integration-icon{width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);background:var(--color-bg-card);display:grid;place-items:center;flex-shrink:0}.integration-info{flex:1;min-width:0}.integration-info h4{font-size:.75rem;font-weight:600;margin-bottom:0}.integration-info p{font-size:.6rem;color:var(--color-text-muted);margin:0;line-height:1.3}.btn-connect{padding:.25rem .5rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.6rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.btn-connect:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-connect.connected{background:#10b98133;border-color:#10b981;color:#10b981}.integration-card.connected{border-color:#10b9814d}.integration-icon svg{width:16px;height:16px}.integration-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.integration-modal{background:var(--color-bg-secondary, #0f1922);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;color:var(--color-text-primary)}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;font-size:1.25rem;cursor:pointer;display:grid;place-items:center;color:var(--color-text-muted);transition:all .2s}.modal-close-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.integration-modal .modal-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--color-border);background:#00141e80}.modal-icon{width:2.5rem;height:2.5rem;display:grid;place-items:center}.modal-icon svg{width:28px;height:28px}.integration-modal .modal-header h2{font-size:1.125rem;font-weight:600;margin:0;color:var(--color-text-primary)}.integration-modal .modal-header p{font-size:.875rem;color:var(--color-text-muted);margin:0}.integration-modal .modal-body{padding:1.5rem}.oauth-section{text-align:center}.oauth-header{margin-bottom:1rem}.oauth-icon{margin:0 auto .75rem}.oauth-icon svg{width:36px;height:36px}.oauth-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.oauth-description{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.5}.permissions-box{background:#00141e80;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;text-align:left}.permissions-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted);margin-bottom:.5rem}.permissions-list{list-style:none;padding:0;margin:0}.permissions-list li{font-size:.875rem;color:var(--color-text-secondary);padding:.25rem 0}.btn-oauth-connect{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-oauth-connect:hover{opacity:.9}.btn-oauth-connect:disabled{opacity:.6;cursor:not-allowed}.external-icon{font-size:1rem}.credentials-section{text-align:left}.credentials-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.credentials-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.key-icon{font-size:1.25rem}.form-field{margin-bottom:1rem}.form-field label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.form-field label .optional{color:var(--color-text-muted);font-weight:400}.form-field input,.form-field textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary);background:#00141e80;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-text-muted)}.form-field textarea{resize:vertical;min-height:80px;font-family:monospace;font-size:.8rem}.upload-btn{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.upload-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.help-link{font-size:.8rem;color:var(--color-text-muted);margin-bottom:1rem}.help-link a{color:var(--color-primary);text-decoration:none}.help-link a:hover{text-decoration:underline}.warning-box{display:flex;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);margin-bottom:1rem}.warning-icon{font-size:1.25rem}.warning-box strong{display:block;font-size:.875rem;color:#f59e0b;margin-bottom:.25rem}.warning-box p{font-size:.8rem;color:#f59e0bcc;margin:0;line-height:1.4}.security-info{background:#00c8960d;border:1px solid rgba(0,200,150,.15);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.security-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.lock-icon{font-size:1rem;color:var(--color-primary)}.security-list{list-style:none;padding:0;margin:0}.security-list li{font-size:.8rem;color:var(--color-text-muted);padding:.125rem 0}.byok-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.byok-box strong{display:block;font-size:.875rem;color:#f59e0b;margin-bottom:.25rem}.byok-box p{font-size:.8rem;color:#f59e0bcc;margin:0;line-height:1.4}.btn-connect-credentials{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:#6b7280;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-connect-credentials:hover{background:#4b5563}.btn-connect-credentials:disabled{opacity:.6;cursor:not-allowed}.connect-icon{font-size:1rem}.plan-tab{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.plan-title{display:flex;align-items:center;gap:.5rem}.plan-title h2{font-family:var(--font-display);font-size:1.25rem}.plan-actions{display:flex;gap:.5rem}.plan-context{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem}.context-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-weight:500}.plan-context p{color:var(--color-text-muted);font-size:.875rem;margin:0}.plan-stats{display:flex;gap:1rem;font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem;flex-wrap:wrap}.plan-date{margin-left:auto}.plan-warnings{margin-bottom:1.5rem}.warning-card{background:#ff2d391a;background:oklch(.65 .25 25 / 10%);border:1px solid oklch(.65 .25 25 / 30%);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:flex-start;gap:1rem}.warning-card.critical{background:#ff2d391a;background:oklch(.65 .25 25 / 10%);border-color:#ff2d394d;border-color:oklch(.65 .25 25 / 30%)}.warning-card p{flex:1;color:#ff847d;color:oklch(.75 .2 25);font-size:.875rem;margin:0}.plan-readiness{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.readiness-card{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:.875rem}.readiness-card.warning{border-color:#f0c6307f}.badge{padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.625rem;font-weight:600}.badge.red{background:#ff2d3933;background:oklch(.65 .25 25 / 20%);color:#ff847d;color:oklch(.75 .2 25)}.marketing-stack{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem}.stack-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.stack-header h3{font-size:1rem}.marketing-stack>p{font-size:.875rem;color:var(--color-emerald);margin-bottom:1rem}.stack-categories{display:flex;flex-direction:column;gap:.75rem}.stack-category{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-bg-card);border-radius:var(--radius-md);flex-wrap:wrap}.category-name{font-weight:500;min-width:120px}.kpi-count{font-size:.75rem;color:var(--color-text-muted)}.platforms{flex:1;font-size:.75rem;color:var(--color-text-muted)}.platforms span{color:var(--color-text-primary)}.plan-sections-nav{display:flex;gap:.25rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;overflow-x:auto}.section-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.section-tab:hover{color:var(--color-text-primary)}.section-tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}.task-count{padding:.125rem .375rem;background:var(--color-border);border-radius:var(--radius-sm);font-size:.625rem}.situation-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.section-card{padding:1.5rem}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.card-header h3{font-size:1.125rem;margin-bottom:.25rem}.card-header p{color:var(--color-text-muted);font-size:.875rem;margin:0}.analysis-content{margin-bottom:2rem}.analysis-content h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:1rem}.analysis-content p{font-size:.9rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:1rem}.challenges-list h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:1rem}.challenge-item{display:flex;gap:.75rem;padding:1rem;background:var(--color-bg-card);border-radius:var(--radius-md);margin-bottom:.5rem;border-left:3px solid var(--color-border)}.challenge-item.critical{border-left-color:#ff2d39;border-left-color:oklch(.65 .25 25);background:#ff2d390d;background:oklch(.65 .25 25 / 5%)}.challenge-num{width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background:var(--color-border);display:grid;place-items:center;font-size:.75rem;font-weight:600;flex-shrink:0}.challenge-item.critical .challenge-num{background:#ff2d39;background:oklch(.65 .25 25);color:#fff}.challenge-content{font-size:.875rem;line-height:1.6}.tab-placeholder{text-align:center;padding:4rem 2rem}.placeholder-icon{color:var(--color-text-muted);margin-bottom:1rem}.tab-placeholder h3{font-size:1.25rem;margin-bottom:.5rem}.tab-placeholder p{color:var(--color-text-muted)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;color:var(--color-primary-foreground);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--color-primary)}.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;color:var(--color-text-muted);border:none;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.btn-ghost:hover{background:var(--color-border);color:var(--color-text-primary)}.new-brand-modal{max-width:480px}.new-brand-modal h2{font-size:1.25rem;margin-bottom:.25rem}.modal-subtitle{color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem}.new-brand-modal form{display:flex;flex-direction:column;gap:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem}.intelligence-tab{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem}.intelligence-header{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.intelligence-header h2{font-family:var(--font-display);font-size:1.25rem}.pulse-enable-card{text-align:center;padding:3rem 2rem}.pulse-icon{width:4rem;height:4rem;border-radius:var(--radius-full);background:#f0c63033;display:grid;place-items:center;margin:0 auto 1.5rem;color:var(--color-gold)}.pulse-enable-card h3{font-size:1.25rem;margin-bottom:.75rem}.pulse-enable-card>p{color:var(--color-text-muted);max-width:500px;margin:0 auto 2rem;line-height:1.6}.pulse-settings-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;max-width:400px;margin:0 auto;text-align:left}.pulse-settings-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.pulse-settings-header svg:first-child{color:var(--color-gold)}.toggle-switch{position:relative;width:44px;height:24px;margin-left:auto}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--color-border);border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:var(--color-emerald)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.875rem;color:var(--color-text-muted)}.pulse-level-section{margin-top:1rem}.pulse-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.level-badge{font-size:.75rem;padding:.25rem .5rem;background:var(--color-border);border-radius:var(--radius-sm)}.pulse-slider{width:100%;height:6px;border-radius:3px;background:var(--color-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.pulse-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer}.pulse-level-labels{display:flex;justify-content:space-between;margin-top:.5rem}.level-label{font-size:.65rem;color:var(--color-text-muted);padding:.125rem .375rem;border-radius:var(--radius-sm);transition:all .2s}.level-label.active{background:var(--color-primary);color:#fff}.level-description{font-size:.75rem;color:var(--color-text-muted);margin-top:.75rem;text-align:center;padding:.75rem;background:#00141e80;border-radius:var(--radius-md)}.signals-tab{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem}.signals-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.signals-header h2{font-family:var(--font-display);font-size:1.25rem}.signals-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 900px){.signals-grid{grid-template-columns:1fr}}.signals-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.signals-card .card-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.signals-card .card-title h3{font-size:1rem}.signals-card .card-subtitle{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.kpi-progress{height:4px;background:var(--color-border);border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.kpi-progress-bar{height:100%;background:var(--color-error);border-radius:2px}.kpi-list h4{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.75rem}.kpi-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.kpi-name{font-size:.875rem}.integration-link{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f0c63026;border:none;border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-gold);cursor:pointer}.not-in-pulse{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.more-kpis{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.75rem}.card-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.btn-link{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--color-text-muted);font-size:.875rem;cursor:pointer}.btn-link:hover{color:var(--color-text-primary)}.empty-signals{padding:2rem 1rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.actions-tab{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem}.actions-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.actions-header h2{font-family:var(--font-display);font-size:1.25rem}.actions-empty{text-align:center;padding:4rem 2rem}.empty-icon{width:4rem;height:4rem;border-radius:var(--radius-full);background:var(--color-border);display:grid;place-items:center;margin:0 auto 1.5rem;color:var(--color-text-muted)}.actions-empty h3{margin-bottom:.5rem}.actions-empty p{color:var(--color-text-muted);margin-bottom:1.5rem}.chat-tab{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;min-height:600px}.chat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.chat-header h2{font-family:var(--font-display);font-size:1.25rem}.chat-container{flex:1;display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto}.chat-message{margin-bottom:1.5rem;display:flex;flex-direction:column}.chat-message.user{align-items:flex-end}.chat-message.assistant{align-items:flex-start}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.message-header.user{flex-direction:row-reverse}.message-header.assistant{flex-direction:row}.message-author{font-weight:500;font-size:.875rem}.user-avatar-small{width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:var(--gradient-hero);display:grid;place-items:center;color:#fff;font-size:.7rem;font-weight:600}.lane-avatar{width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:#00c89626;border:1px solid rgba(0,200,150,.3);display:grid;place-items:center;color:var(--color-primary)}.pulse-avatar{width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background:#f0c63033;display:grid;place-items:center;color:var(--color-gold)}.copy-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;opacity:.5;transition:opacity .2s}.copy-btn:hover{opacity:1}.message-content{font-size:.9rem;line-height:1.7;max-width:85%}.chat-message.user .message-content{background:#00c89626;border:1px solid rgba(0,200,150,.25);padding:.75rem 1rem;border-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm)}.chat-message.assistant .message-content{background:var(--color-bg-card);border:1px solid var(--color-border);padding:.75rem 1rem;border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm)}.message-content p{margin-bottom:.5rem}.message-content p:last-child{margin-bottom:0}.chat-input-container{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--color-border)}.chat-input-container input{flex:1;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text-primary);font-size:.875rem}.chat-input-container input:focus{outline:none;border-color:var(--color-primary)}.send-btn{width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);background:var(--color-primary);border:none;color:var(--color-primary-foreground);display:grid;place-items:center;cursor:pointer}.activity-tab{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem}.activity-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.activity-header h2{font-family:var(--font-display);font-size:1.25rem}.activity-filter{margin-bottom:1.5rem}.activity-filter select{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem}.activity-list{display:flex;flex-direction:column;gap:.5rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.activity-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:grid;place-items:center;flex-shrink:0}.activity-icon.campaign{background:#00bdbe26;background:oklch(.72 .15 195 / 15%);color:var(--color-primary)}.activity-icon.pulse{background:#f0c63026;color:var(--color-gold)}.activity-icon.chat{background:#00b47726;background:oklch(.68 .17 160 / 15%);color:var(--color-emerald)}.activity-content{flex:1;min-width:0}.activity-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.activity-title{font-weight:500}.activity-badge{padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.625rem;font-weight:600}.activity-badge.campaign{background:#00bdbe26;background:oklch(.72 .15 195 / 15%);color:var(--color-primary)}.activity-badge.pulse{background:#f0c63026;color:var(--color-gold)}.activity-badge.chat{background:#00b47726;background:oklch(.68 .17 160 / 15%);color:var(--color-emerald)}.activity-meta{margin-top:.25rem}.activity-date{font-size:.75rem;color:var(--color-text-muted)}.activity-description{font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}.activity-timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:1rem}.timeline-connector{display:flex;flex-direction:column;align-items:center}.timeline-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:grid;place-items:center;flex-shrink:0;z-index:1}.timeline-dot.campaign{background:#00bdbe26;background:oklch(.72 .15 195 / 15%);color:var(--color-primary)}.timeline-dot.pulse{background:#f0c63026;color:var(--color-gold)}.timeline-dot.chat{background:#00b47726;background:oklch(.68 .17 160 / 15%);color:var(--color-emerald)}.timeline-dot.integration{background:#6366f126;color:#6366f1}.timeline-dot.content{background:#ec489926;color:#ec4899}.timeline-line{width:2px;flex:1;min-height:2rem;background:var(--color-border);margin:.5rem 0}.timeline-content{flex:1;padding-bottom:1.5rem}.timeline-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.timeline-content .activity-title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.timeline-content .activity-description{font-size:.85rem}.activity-empty{text-align:center;padding:3rem 2rem}.activity-empty .icon-lg{width:3rem;height:3rem;color:var(--color-text-muted);margin-bottom:1rem}.activity-empty h3{font-size:1.125rem;margin-bottom:.5rem}.activity-empty p{color:var(--color-text-muted);font-size:.875rem;max-width:300px;margin:0 auto}.costs-tab{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem}.costs-header{margin-bottom:1.5rem}.costs-header h2{font-family:var(--font-display);font-size:1.25rem;margin-bottom:.25rem}.costs-header p{color:var(--color-text-muted);font-size:.875rem}.costs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 900px){.costs-grid{grid-template-columns:1fr}}.costs-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.costs-card .card-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.costs-card .card-title h3{font-size:1rem;flex:1}.time-range-buttons{display:flex;gap:.25rem}.range-btn{padding:.25rem .5rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.range-btn:hover,.range-btn.active{background:var(--color-border)}.costs-card .card-subtitle{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.5rem}.total-cost{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.cost-label{font-size:.75rem;color:var(--color-text-muted)}.cost-amount{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:1rem}.cost-actions{display:flex;gap:1rem}.cost-breakdown{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.breakdown-item{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem}.limits-card{display:flex;flex-direction:column;gap:1.5rem}.limit-section{padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.limit-section:last-child{padding-bottom:0;border-bottom:none}.limit-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.limit-header h4{font-size:.875rem}.limit-subtitle{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.75rem}.limit-input-group{display:flex;align-items:center;gap:.5rem}.limit-input-group .currency{font-size:.875rem;color:var(--color-text-muted)}.limit-input-group input{width:100px;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:.875rem}.limit-input-group .period{font-size:.875rem;color:var(--color-text-muted)}.save-btn{width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);display:grid;place-items:center;cursor:pointer;color:var(--color-text-muted)}.limit-description{font-size:.75rem;color:var(--color-text-muted);margin-top:.5rem}.rotate-180{transform:rotate(180deg)}.scan-results-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;font-size:.875rem}.scan-results-banner.success{background:#00b47726;background:oklch(.68 .17 160 / 15%);border:1px solid oklch(.68 .17 160 / 30%);color:var(--color-emerald)}.scan-results-banner.error{background:#ff2d3926;background:oklch(.65 .25 25 / 15%);border:1px solid oklch(.65 .25 25 / 30%);color:var(--color-error)}.scan-results-banner span{flex:1}.scan-loading{text-align:center;padding:3rem 2rem}.scan-spinner{width:3rem;height:3rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}.scan-loading p{font-weight:500;margin-bottom:.25rem}.scan-hint{font-size:.75rem;color:var(--color-text-muted)}.scan-results{margin-bottom:2rem}.scan-meta{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.meta-item.highlight{color:var(--color-gold)}.scan-section{margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.scan-section h4{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-primary)}.scan-list{list-style:none;padding:0;margin:0}.scan-list li{padding:.5rem 0;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.scan-list li:last-child{border-bottom:none}.feature-tags{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{padding:.25rem .75rem;background:var(--color-border);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-text-secondary)}.btn-secondary.loading{opacity:.7;pointer-events:none}.settings-view{max-width:800px;padding:1.5rem}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:1.75rem;font-weight:600;margin-bottom:.25rem}.settings-header p{color:var(--color-text-muted)}.settings-sections{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.settings-section h2{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.settings-section .section-description{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.25rem}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-border)}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-row:first-of-type{padding-top:0}.setting-info{display:flex;flex-direction:column}.setting-label{font-weight:500;margin-bottom:.125rem}.setting-description{font-size:.75rem;color:var(--color-text-muted)}.toggle-switch-btn{width:3rem;height:1.5rem;padding:0;background:none;border:none;cursor:pointer}.toggle-track{display:block;width:100%;height:100%;background:var(--color-border);border-radius:var(--radius-full);position:relative;transition:background var(--transition-fast)}.toggle-thumb{position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform var(--transition-fast)}.toggle-switch-btn.active .toggle-track{background:var(--color-primary)}.toggle-switch-btn.active .toggle-thumb{transform:translate(1.5rem)}.api-key-display{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:1rem}.api-key-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.api-endpoint{display:block;padding:.75rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);font-family:monospace;font-size:.8rem;color:var(--color-primary);margin-bottom:.75rem;word-break:break-all}.api-hint{font-size:.75rem;color:var(--color-text-muted)}@media (max-width: 1024px){.dashboard{grid-template-columns:1fr}.dashboard-sidebar{display:none}.get-started-panel{width:100%;max-width:360px}.form-grid.three-col{grid-template-columns:1fr}}@media (max-width: 768px){.brands-header{flex-direction:column;align-items:stretch;gap:1rem}.foundations-header{flex-direction:column}.plan-header{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.user-name{display:none}.setting-row{flex-direction:column;align-items:flex-start;gap:.75rem}}.content-generator{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.generator-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);background:#00141e80}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h2{font-family:var(--font-display);font-size:1.25rem;margin:0}.close-btn{width:2rem;height:2rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;display:grid;place-items:center;transition:all .2s}.close-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.generator-steps{display:flex;align-items:center;justify-content:center;padding:1.25rem;gap:.75rem;border-bottom:1px solid var(--color-border)}.step{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.step.active{color:var(--color-primary)}.step.completed{color:var(--color-emerald)}.step-num{width:1.5rem;height:1.5rem;border-radius:var(--radius-full);border:2px solid currentColor;display:grid;place-items:center;font-size:.75rem;font-weight:600}.step.active .step-num,.step.completed .step-num{background:currentColor;color:var(--color-bg-card)}.step-connector{width:2rem;height:2px;background:var(--color-border)}.generator-content{padding:1.5rem}.step-content h3{font-size:1.125rem;margin-bottom:.5rem}.step-content>p{color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem}.topic-input textarea{width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#00141e80;color:var(--color-text-primary);font-size:.9375rem;resize:vertical;min-height:120px}.topic-input textarea:focus{outline:none;border-color:var(--color-primary)}.topic-input textarea::placeholder{color:var(--color-text-muted)}.topic-suggestions{margin-top:1rem}.suggestions-label{font-size:.8rem;color:var(--color-text-muted);display:block;margin-bottom:.5rem}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-chip{padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.suggestion-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.layouts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 900px){.layouts-grid{grid-template-columns:repeat(2,1fr)}}.layout-card{position:relative;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem;cursor:pointer;transition:all .2s}.layout-card:hover{border-color:#00c8964d}.layout-card.selected{border-color:var(--color-primary);background:#00c8960d}.layout-preview-container{aspect-ratio:4/3;margin-bottom:.75rem;border-radius:var(--radius-md);overflow:hidden}.layout-preview{width:100%;height:100%;background:#00141e80;padding:.5rem;display:flex;flex-direction:column}.preview-image{background:#00c89626;border-radius:3px;flex-shrink:0}.layout-preview.classic .preview-image{height:40%;margin-bottom:.5rem}.layout-preview.hero .preview-hero{height:50%;background:#00c89626;border-radius:3px;display:flex;align-items:flex-end;padding:.25rem;margin-bottom:.5rem}.preview-lines{display:flex;flex-direction:column;gap:.25rem;flex:1}.line{height:6px;background:var(--color-border);border-radius:2px}.line.title{background:var(--color-text-muted);width:70%}.line.overlay{background:#ffffffb3}.line.short{width:60%}.layout-preview.side-by-side .preview-columns{display:flex;gap:.5rem;height:100%}.layout-preview.side-by-side .preview-image{width:45%;height:100%}.layout-preview.side-by-side .preview-lines{width:55%;justify-content:center}.layout-preview.magazine .preview-float{display:flex;gap:.5rem;margin-top:.5rem}.layout-preview.magazine .preview-image.small{width:40%;height:50px}.layout-preview.magazine .preview-float .preview-lines{flex:1}.layout-preview.minimal .preview-lines.centered{justify-content:center;align-items:center}.layout-preview.minimal .line{width:80%}.layout-preview.gallery .preview-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:.5rem}.layout-preview.gallery .preview-image{aspect-ratio:1;height:auto}.layout-info h4{display:flex;align-items:center;gap:.375rem;font-size:.875rem;margin-bottom:.25rem}.layout-info p{font-size:.75rem;color:var(--color-text-muted);margin:0}.selected-check{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;background:var(--color-primary);border-radius:var(--radius-full);display:grid;place-items:center;color:#fff}.preview-step{max-width:800px;margin:0 auto}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preview-meta{display:flex;align-items:center;gap:1rem}.layout-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#00c8961a;border:1px solid rgba(0,200,150,.2);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-primary)}.word-count{font-size:.8rem;color:var(--color-text-muted)}.preview-actions{display:flex;gap:.5rem}.btn-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);display:grid;place-items:center;cursor:pointer;transition:all .2s}.btn-icon:hover{border-color:var(--color-primary);color:var(--color-primary)}.article-preview{background:#00141e80;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;margin-bottom:1.5rem;max-height:500px;overflow-y:auto}.article-preview h1{font-size:1.75rem;font-family:var(--font-display);margin-bottom:1rem}.article-preview .excerpt{font-size:1rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.article-content{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary)}.article-content h1{font-size:1.5rem;margin:1.5rem 0 .75rem}.article-content h2{font-size:1.25rem;margin:1.25rem 0 .5rem;color:var(--color-text-primary)}.article-content h3{font-size:1.125rem;margin:1rem 0 .5rem;color:var(--color-text-primary)}.article-content p{margin-bottom:1rem}.article-content li{margin-left:1.5rem;margin-bottom:.5rem}.article-content strong{color:var(--color-primary)}.step-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.media-type-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.media-type-section h4{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-secondary)}.media-type-buttons{display:flex;gap:.75rem}.media-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.media-btn:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.media-btn.active{background:#00bdbe26;background:oklch(.72 .15 195 / 15%);border-color:var(--color-primary);color:var(--color-primary)}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#de3e2d26;border:1px solid oklch(.6 .2 30 / 30%);border-radius:var(--radius-md);color:#ff6551;color:oklch(.7 .2 30);font-size:.875rem;margin-top:1rem}.preview-featured-image{margin-bottom:1.5rem;border-radius:var(--radius-md);overflow:hidden}.preview-featured-image img{width:100%;height:auto;max-height:350px;object-fit:cover}.article-preview.layout-hero .preview-featured-image{margin:-2rem -2rem 1.5rem;border-radius:0}.article-preview.layout-hero .preview-featured-image img{max-height:300px}.article-preview.layout-side_by_side{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.article-preview.layout-side_by_side .preview-featured-image{margin-bottom:0;grid-row:1 / -1}.article-preview.layout-minimal .preview-featured-image{max-width:60%;margin:0 auto 1.5rem}.article-preview.layout-gallery{max-height:600px}:root{--color-bg-primary: oklch(.16 .04 230);--color-bg-secondary: oklch(.21 .05 225);--color-bg-card: oklch(.21 .05 225);--color-bg-card-hover: oklch(.24 .06 220);--color-bg-input: oklch(.27 .06 220);--color-primary: oklch(.72 .15 195);--color-primary-foreground: oklch(.13 .04 230);--color-emerald: oklch(.68 .17 160);--color-gold: oklch(.84 .16 92);--color-accent: oklch(.72 .15 195);--color-accent-secondary: oklch(.68 .17 160);--color-accent-muted: oklch(.72 .15 195 / 15%);--color-accent-glow: oklch(.72 .15 195 / 30%);--color-text-primary: oklch(.98 .015 180);--color-text-secondary: oklch(.74 .04 210);--color-text-muted: oklch(.6 .03 210);--color-text-accent: oklch(.72 .15 195);--color-border: oklch(.34 .06 220 / 50%);--color-border-light: oklch(.4 .06 220 / 50%);--color-border-accent: oklch(.72 .15 195 / 30%);--color-success: oklch(.68 .17 160);--color-error: oklch(.65 .25 25);--color-warning: oklch(.84 .16 92);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--gradient-hero: linear-gradient(135deg, oklch(.72 .15 195), oklch(.68 .17 160) 50%, oklch(.84 .16 92));--gradient-text: linear-gradient(120deg, oklch(.88 .14 195), oklch(.85 .16 160) 55%, oklch(.9 .16 92));--gradient-card: linear-gradient(160deg, oklch(.24 .06 220 / 80%), oklch(.18 .05 225 / 80%));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 20px 80px -20px oklch(.72 .15 195 / 50%);--shadow-glow-gold: 0 20px 80px -20px oklch(.84 .16 92 / 45%);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--space-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.header{background:linear-gradient(180deg,var(--color-bg-secondary) 0%,transparent 100%);padding:var(--space-xl) var(--space-xl) var(--space-3xl);text-align:center;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:100%;height:200%;background:radial-gradient(ellipse at center,rgba(0,212,255,.08) 0%,transparent 50%);pointer-events:none}.header-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.header h1{font-size:2.75rem;margin-bottom:var(--space-md);letter-spacing:-.02em;font-weight:800}.header p{color:var(--color-text-secondary);font-size:1.15rem;margin-bottom:0;font-weight:400}.header-accent{color:var(--color-primary);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.stats-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-accent-muted);border:1px solid var(--color-border-accent);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:.85rem;color:var(--color-accent);margin-bottom:var(--space-lg)}.stats-badge svg{width:16px;height:16px}.main{flex:1;padding:var(--space-xl);max-width:1200px;margin:0 auto;width:100%}.generation-form{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-2xl);margin-bottom:var(--space-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-primary);font-size:.95rem}.form-label-optional{color:var(--color-text-muted);font-weight:400;font-size:.85rem;margin-left:var(--space-sm)}.form-input{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;transition:all var(--transition-fast);background:var(--color-bg-input);color:var(--color-text-primary)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted),var(--shadow-glow)}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:120px;resize:vertical}.form-help{font-size:.85rem;color:var(--color-text-muted);margin-top:var(--space-sm)}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:48px}select.form-input option{background:var(--color-bg-card);color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%);color:var(--color-bg-primary);box-shadow:0 4px 15px #00d4ff4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #00d4ff66}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border-light)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.tag-btn{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tag-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.tag-btn.active{background:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.loading-spinner{width:56px;height:56px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-lg);box-shadow:0 0 20px #00d4ff4d}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:1.1rem;color:var(--color-text-secondary)}.loading-step{font-size:.9rem;color:var(--color-accent);margin-top:var(--space-sm);font-weight:500}.article-container{background:var(--color-bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.article-hero{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-secondary)}.article-hero img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-hero:hover img{transform:scale(1.02)}.media-badge{position:absolute;top:var(--space-md);left:var(--space-md);display:inline-flex;align-items:center;gap:var(--space-xs);background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-border-accent)}.article-content{padding:var(--space-2xl) var(--space-2xl)}.article-title{font-size:2.25rem;margin-bottom:var(--space-lg);color:var(--color-text-primary);line-height:1.2;letter-spacing:-.02em}.article-meta{display:flex;gap:var(--space-lg);padding-bottom:var(--space-lg);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-muted)}.article-meta-item{display:flex;align-items:center;gap:var(--space-xs)}.article-body{font-size:1.1rem;line-height:1.8;color:var(--color-text-secondary)}.article-body h2{font-size:1.6rem;margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border);color:var(--color-text-primary)}.article-body h3{font-size:1.3rem;margin-top:var(--space-xl);margin-bottom:var(--space-md);color:var(--color-text-primary)}.article-body p{margin-bottom:var(--space-lg)}.article-body ul,.article-body ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.article-body li{margin-bottom:var(--space-sm)}.article-body blockquote{border-left:4px solid var(--color-accent);padding-left:var(--space-lg);margin:var(--space-xl) 0;font-style:italic;color:var(--color-text-muted);background:var(--color-accent-muted);padding:var(--space-lg);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-body code{background:var(--color-bg-input);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em;color:var(--color-accent)}.article-body pre{background:var(--color-bg-input);color:var(--color-text-primary);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-lg) 0;border:1px solid var(--color-border)}.article-body pre code{background:none;padding:0;color:inherit}.article-body strong{font-weight:600;color:var(--color-text-primary)}.remote-status{margin-top:var(--space-xl);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:.9rem;display:flex;align-items:center;gap:var(--space-sm)}.remote-status-success{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.remote-status-error{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.error-container{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;margin:var(--space-xl) 0}.error-title{color:var(--color-error);font-size:1.25rem;margin-bottom:var(--space-md)}.error-message{color:var(--color-text-muted)}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-xl);text-align:center;font-size:.9rem}.footer a{color:var(--color-accent)}.actions-bar{display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#001018e5;background:oklch(.16 .04 230 / 90%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-xl)}.auth-modal{position:relative;background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-2xl);padding:var(--space-2xl);max-width:420px;width:100%;border:1px solid var(--color-border);box-shadow:var(--shadow-lg),var(--shadow-glow)}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.auth-modal-close:hover{color:var(--color-text-primary);background:var(--color-border)}.auth-modal-header{text-align:center;margin-bottom:var(--space-xl)}.auth-modal-logo{width:3rem;height:3rem;border-radius:var(--radius-lg);background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;display:grid;place-items:center;margin:0 auto var(--space-lg);color:var(--color-primary-foreground);box-shadow:var(--shadow-glow)}.auth-modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.auth-modal-subtitle{color:var(--color-text-muted);font-size:.875rem;margin:0}.auth-modal-error{background:#ff2d3926;background:oklch(.65 .25 25 / 15%);border:1px solid oklch(.65 .25 25 / 30%);color:#ff847d;color:oklch(.75 .2 25);padding:var(--space-md);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-lg)}.auth-modal-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:1rem;color:var(--color-text-muted);pointer-events:none}.auth-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-input);color:var(--color-text-primary);font-size:.875rem;transition:all var(--transition-fast)}.auth-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-accent-muted),var(--shadow-glow)}.auth-input::placeholder{color:var(--color-text-muted)}.auth-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;border:none;border-radius:var(--radius-lg);background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;color:var(--color-primary-foreground);font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-glow);transition:all var(--transition-fast)}.auth-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-gold)}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:1rem;margin:var(--space-lg) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.auth-btn-google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.auth-btn-google:hover{border-color:#00bdbe99;border-color:oklch(.72 .15 195 / 60%);background:#00bdbe1a;background:oklch(.72 .15 195 / 10%)}.auth-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:var(--space-xl);padding:var(--space-md);background:#00bdbe1a;background:oklch(.72 .15 195 / 10%);border:1px solid oklch(.72 .15 195 / 20%);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-muted);text-align:center}.auth-notice svg{color:var(--color-primary);flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#001018e5;background:oklch(.16 .04 230 / 90%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-xl)}.modal-content{background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:420px;width:100%;border:1px solid var(--color-border);box-shadow:var(--shadow-lg),var(--shadow-glow)}.modal-title{font-size:1.5rem;margin-bottom:var(--space-lg);text-align:center}.modal-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.modal-tab{flex:1;padding:var(--space-md);background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.modal-tab.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary)}.modal-tab:hover:not(.active){border-color:var(--color-accent);color:var(--color-accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.stat-icon{color:var(--color-accent);margin-bottom:var(--space-md)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--color-accent);font-family:var(--font-display)}.stat-label{color:var(--color-text-muted);font-size:.9rem;margin-top:var(--space-xs)}@media (max-width: 768px){:root{font-size:14px}.header h1{font-size:2rem}.main{padding:var(--space-md)}.generation-form,.article-content{padding:var(--space-lg)}.article-title{font-size:1.5rem}.article-meta{flex-direction:column;gap:var(--space-sm)}.actions-bar{flex-direction:column}.btn{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--transition-slow) ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.glow{box-shadow:var(--shadow-glow)}.glow-text{text-shadow:0 0 20px oklch(.72 .15 195 / 50%)}.landing-page{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:32px;height:32px}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:50}.landing-nav-container{max-width:72rem;margin:0 auto;padding:1rem}.landing-nav-content{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-2xl);background:var(--gradient-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border);padding:.75rem 1.25rem}.landing-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.landing-logo-icon{width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;box-shadow:var(--shadow-glow);display:grid;place-items:center;color:var(--color-primary-foreground)}.landing-logo-icon-sm{width:1.5rem;height:1.5rem}.landing-logo-text{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.landing-logo-text-sm{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.landing-nav-links{display:none;align-items:center;gap:2rem;font-size:.875rem;color:var(--color-text-muted)}.landing-nav-links a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.landing-nav-links a:hover{color:var(--color-text-primary)}@media (min-width: 768px){.landing-nav-links{display:flex}}.btn-landing-primary{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-lg);background:var(--color-primary);padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-primary-foreground);border:none;cursor:pointer;box-shadow:var(--shadow-glow);transition:all var(--transition-fast)}.btn-landing-primary:hover{opacity:.9}.btn-landing-gradient{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-lg);background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;padding:.875rem 1.75rem;font-size:1rem;font-weight:500;color:var(--color-primary-foreground);border:none;cursor:pointer;box-shadow:var(--shadow-glow);transition:all var(--transition-fast)}.btn-landing-gradient:hover{box-shadow:var(--shadow-glow-gold);transform:translateY(-2px)}.btn-landing-gradient.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-landing-glass{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.875rem 1.75rem;font-size:1rem;font-weight:500;color:var(--color-text-primary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.btn-landing-glass:hover{border-color:#00bdbe99;border-color:oklch(.72 .15 195 / 60%);color:var(--color-text-primary)}.btn-landing-outline{display:block;width:100%;text-align:center;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:transparent;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-landing-outline:hover{border-color:#00bdbe99;border-color:oklch(.72 .15 195 / 60%)}.landing-hero{position:relative;padding-top:9rem;padding-bottom:6rem;overflow:hidden}.landing-hero-glow{position:absolute;top:-6rem;left:50%;transform:translate(-50%);height:24rem;width:60rem;border-radius:50%;background:#00b47733;background:oklch(.68 .17 160 / 20%);filter:blur(120px);animation:pulse-glow 4s ease-in-out infinite;z-index:1;pointer-events:none}.landing-container{max-width:72rem;margin:0 auto;padding:0 1rem}.landing-container-sm{max-width:56rem;margin:0 auto;padding:0 1rem}.landing-hero-content{text-align:center;position:relative;z-index:2}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.375rem 1rem;font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin-bottom:2rem}.landing-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-gold);animation:pulse 2s ease-in-out infinite}.landing-hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:.95;letter-spacing:-.02em;margin-bottom:1.75rem}.landing-hero-subtitle{max-width:42rem;margin:0 auto 2.5rem;font-size:1.125rem;color:var(--color-text-muted);line-height:1.7}.landing-hero-cta{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:4rem}@media (min-width: 640px){.landing-hero-cta{flex-direction:row;justify-content:center}}.landing-hero-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 2rem;font-size:.75rem;color:var(--color-text-muted);margin-bottom:5rem}.landing-dot{width:4px;height:4px;border-radius:50%;background:#6c858a7f}.landing-hero-preview{position:relative;max-width:64rem;margin:0 auto}.landing-preview-glow{position:absolute;top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;opacity:.3;filter:blur(48px);border-radius:var(--radius-2xl)}.landing-preview-card{position:relative;border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.5rem;box-shadow:var(--shadow-glow);overflow:hidden}.landing-preview-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.landing-preview-dots{display:flex;gap:.375rem}.landing-preview-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.landing-preview-dots span:first-child{background:#ff2d39;background:oklch(.65 .25 25)}.landing-preview-dots span:nth-child(2){background:#f0c630}.landing-preview-dots span:last-child{background:#00b477;background:oklch(.68 .17 160)}.landing-preview-title{font-size:.75rem;color:var(--color-text-muted)}.landing-preview-content{padding:1.5rem}.landing-preview-input{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-input);margin-bottom:1.5rem;color:var(--color-text-muted);font-size:.875rem}.landing-preview-input svg{color:var(--color-primary);flex-shrink:0}.landing-preview-output{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.landing-preview-image{aspect-ratio:1;border-radius:var(--radius-lg);background:linear-gradient(135deg,#00bdbe33,#00b47633);background:linear-gradient(135deg,color(xyz 0.255 0.401 0.571 / 0.2),color(xyz 0.187 0.343 0.217 / 0.2));display:grid;place-items:center;color:var(--color-primary)}.landing-preview-text{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.landing-preview-line{height:12px;border-radius:6px;background:#043f4d7f}.landing-preview-line.w-full{width:100%}.landing-preview-line.w-3\/4{width:75%}.landing-preview-line.w-5\/6{width:83%}.landing-preview-line.w-2\/3{width:66%}.landing-section{padding:7rem 0}.landing-section-sm{padding:5rem 0}.landing-section-header{max-width:42rem;margin-bottom:4rem}.landing-section-header-center{text-align:center;margin-left:auto;margin-right:auto}.landing-section-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-emerald);font-weight:500;margin-bottom:1rem}.landing-section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.landing-features-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.landing-features-grid{grid-template-columns:repeat(3,1fr)}}.landing-feature-card{position:relative;border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.75rem;transition:all var(--transition-fast)}.landing-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-2xl);background:var(--gradient-hero);opacity:0;transition:opacity var(--transition-fast)}.landing-feature-card:hover{border-color:#00bdbe7f;border-color:oklch(.72 .15 195 / 50%);transform:translateY(-4px)}.landing-feature-card:hover:before{opacity:.1}.landing-feature-card>*{position:relative}.landing-feature-icon{width:3rem;height:3rem;border-radius:var(--radius-lg);background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;display:grid;place-items:center;box-shadow:var(--shadow-glow);margin-bottom:1.25rem;color:var(--color-primary-foreground)}.landing-feature-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.landing-feature-desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin:0}.landing-stats-card{position:relative;border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:2.5rem 3.5rem;overflow:hidden}.landing-stats-glow{position:absolute;width:16rem;height:16rem;border-radius:50%;filter:blur(48px)}.landing-stats-glow-1{top:-5rem;right:-5rem;background:#00bdbe4d;background:oklch(.72 .15 195 / 30%)}.landing-stats-glow-2{bottom:-5rem;left:-5rem;background:#f0c6304d}.landing-stats-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}@media (min-width: 768px){.landing-stats-grid{grid-template-columns:repeat(4,1fr)}}.landing-stat{text-align:center}.landing-stat-value{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-stat-label{margin-top:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.landing-steps-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.landing-steps-grid{grid-template-columns:repeat(3,1fr)}}.landing-step-card{position:relative;border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:2rem}.landing-step-number{font-family:var(--font-display);font-size:3.5rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.8;margin-bottom:1rem}.landing-step-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.landing-step-desc{color:var(--color-text-muted);margin:0}.landing-pricing-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.landing-pricing-grid{grid-template-columns:repeat(3,1fr)}}.landing-pricing-card{position:relative;border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:2rem}.landing-pricing-featured{border-color:#00bdbe99;border-color:oklch(.72 .15 195 / 60%);box-shadow:0 0 0 1px #00bdbe59,0 0 50px -10px #00bdbe73;box-shadow:0 0 0 1px oklch(.72 .15 195 / 35%),0 0 50px -10px oklch(.72 .15 195 / 45%)}.landing-pricing-badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);border-radius:var(--radius-full);background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-primary-foreground);box-shadow:var(--shadow-glow)}.landing-pricing-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.landing-pricing-tagline{font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}.landing-pricing-price{margin-top:1.25rem;display:flex;align-items:baseline;gap:.25rem}.landing-pricing-amount{font-family:var(--font-display);font-size:3rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-pricing-period{color:var(--color-text-muted)}.landing-pricing-features{list-style:none;padding:0;margin:1.5rem 0}.landing-pricing-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;margin-bottom:.75rem}.landing-pricing-features li svg{margin-top:2px;color:var(--color-emerald);flex-shrink:0}.landing-testimonial{position:relative;border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:var(--gradient-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:2.5rem 3.5rem;text-align:center;overflow:hidden;margin:0}.landing-testimonial-accent{position:absolute;top:0;left:50%;transform:translate(-50%);height:4px;width:8rem;background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;border-radius:0 0 4px 4px}.landing-testimonial-stars{display:flex;justify-content:center;gap:.25rem;margin-bottom:1.5rem}.star-filled{fill:var(--color-gold);color:var(--color-gold)}.landing-testimonial-quote{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.4;margin:0}.landing-testimonial-author{margin-top:1.5rem;font-size:.875rem;color:var(--color-text-muted)}.landing-testimonial-name{color:var(--color-text-primary);font-weight:500}.landing-cta{position:relative;border-radius:var(--radius-2xl);background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;padding:2px;box-shadow:var(--shadow-glow)}.landing-cta-inner{border-radius:calc(var(--radius-2xl) - 2px);background:#001018cc;background:oklch(.16 .04 230 / 80%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:3rem 4rem;text-align:center}.landing-cta-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1;margin-bottom:1.25rem}.landing-cta-subtitle{max-width:36rem;margin:0 auto 2rem;color:var(--color-text-muted)}.landing-cta-form{display:flex;justify-content:center}.landing-footer{border-top:1px solid var(--color-border);padding:2.5rem 0}.landing-footer-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem;color:var(--color-text-muted)}@media (min-width: 768px){.landing-footer-content{flex-direction:row}}.landing-footer-copy{margin-left:.5rem}.landing-footer-links{display:flex;gap:1.5rem}.landing-footer-links a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.landing-footer-links a:hover{color:var(--color-text-primary)}.landing-channels{padding:4rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#00141d4d;background:oklch(.18 .05 225 / 30%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-channels-label{text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted);margin-bottom:2.5rem}.landing-marquee-wrapper{position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.landing-marquee{display:flex;gap:3rem;width:max-content;animation:marquee 40s linear infinite}.landing-channel-item{display:flex;align-items:center;gap:.75rem;color:#8eb2b9cc;transition:color var(--transition-fast);white-space:nowrap}.landing-channel-item:hover{color:var(--color-text-primary)}.landing-channel-item span{font-family:var(--font-display);font-size:1.25rem;font-weight:600}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.landing-hero-bg-img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.5}.landing-hero-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a192380,#0a1923bf,#0a1923)}.landing-dashboard-img{width:100%;height:auto;border-radius:var(--radius-xl);display:block}.showcase-img{position:relative;width:100%;border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-glow)}.dashboard-sidebar{background:var(--color-bg-primary);border-right:1px solid var(--color-border);padding:1.25rem}.sidebar-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-family:var(--font-display);font-weight:600;font-size:.875rem}.sidebar-logo-icon{width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background:var(--gradient-hero);display:grid;place-items:center;color:var(--color-primary-foreground)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text-muted);transition:all var(--transition-fast)}.sidebar-item.active{background:#00bdbe26;background:oklch(.72 .15 195 / 15%);color:var(--color-primary)}.dashboard-main{padding:1.5rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-header h3{font-family:var(--font-display);font-size:1rem;font-weight:600}.dashboard-badges{display:flex;gap:.5rem}.dash-badge{padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.65rem;font-weight:500;background:var(--color-border);color:var(--color-text-muted)}.dash-badge.success{background:#00b47733;background:oklch(.68 .17 160 / 20%);color:var(--color-emerald)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.dash-stat{display:flex;flex-direction:column;padding:1rem;background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.dash-stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.dash-stat-label{font-size:.65rem;color:var(--color-text-muted);margin-top:.25rem}.dashboard-chart{background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1.25rem}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:100px;gap:1rem;margin-bottom:.75rem}.chart-bar{flex:1;background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-width:20px}.chart-labels{display:flex;justify-content:space-between;font-size:.6rem;color:var(--color-text-muted)}.landing-showcase-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 1024px){.landing-showcase-grid{grid-template-columns:1fr 1fr;gap:4rem}}@media (min-width: 1024px){.landing-showcase-reverse{grid-template-columns:1fr 1fr}.landing-showcase-reverse .landing-showcase-image{order:2}.landing-showcase-reverse .landing-showcase-content{order:1;text-align:left}}.landing-showcase-image{position:relative}.showcase-image-glow{position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:var(--gradient-hero);background-size:200% 200%;animation:gradient-shift 8s ease infinite;opacity:.25;filter:blur(32px);border-radius:var(--radius-2xl)}.showcase-image-glow.gold{background:linear-gradient(135deg,#f0c63066,#99c15c66 50%,#62bc6966 75%,#38ba6e66,#00b47666);background:linear-gradient(135deg,#f0c63066,#99c15c66 50%,#62bc6966 75%,#38ba6e66,color(xyz 0.187 0.343 0.217 / 0.4));box-shadow:var(--shadow-glow-gold)}.landing-showcase-content{max-width:32rem}.landing-showcase-desc{font-size:1.125rem;color:var(--color-text-muted);line-height:1.7;margin:1.5rem 0 2rem}.landing-check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.landing-check-list li{display:flex;align-items:flex-start;gap:.75rem;color:#d0e2e5}.check-icon{width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background:var(--gradient-hero);display:grid;place-items:center;flex-shrink:0;margin-top:1px;color:var(--color-primary-foreground)}.showcase-team-visual{padding:2rem}.team-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.team-avatars{display:flex}.avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:2px solid var(--color-bg-primary);margin-left:-.75rem}.avatar:first-child{margin-left:0}.avatar-1{background:linear-gradient(135deg,#f14d4c,#ff8769);background:linear-gradient(135deg,#f14d4c,color(xyz 0.55 0.39 0.142))}.avatar-2{background:linear-gradient(135deg,#00bdbe,#00b476);background:linear-gradient(135deg,color(xyz 0.255 0.401 0.571),color(xyz 0.187 0.343 0.217))}.avatar-3{background:linear-gradient(135deg,#f0c630,#dca331)}.team-info{display:flex;flex-direction:column}.team-label{font-weight:600;font-size:.875rem}.team-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-emerald)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-emerald);animation:pulse 2s ease-in-out infinite}.workflow-cards{display:flex;flex-direction:column;gap:.75rem}.workflow-card{display:flex;align-items:center;gap:.75rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.workflow-icon{width:2rem;height:2rem;border-radius:var(--radius-md);background:#00bdbe26;background:oklch(.72 .15 195 / 15%);display:grid;place-items:center;color:var(--color-primary);flex-shrink:0}.workflow-icon.success{background:#00b47726;background:oklch(.68 .17 160 / 15%);color:var(--color-emerald)}.workflow-content{display:flex;flex-direction:column}.workflow-title{font-weight:500;font-size:.8rem}.workflow-meta{font-size:.7rem;color:var(--color-text-muted)}.creator-visual{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.phone-mockup{width:220px;background:var(--color-bg-primary);border-radius:2rem;border:3px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-lg)}.phone-screen{background:var(--color-bg-secondary)}.phone-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;font-size:.65rem;color:var(--color-text-muted)}.phone-notch{width:60px;height:20px;background:var(--color-bg-primary);border-radius:0 0 1rem 1rem}.phone-content{padding:.5rem}.social-post{background:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden}.post-header{display:flex;align-items:center;gap:.5rem;padding:.75rem}.post-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--gradient-hero)}.post-info{display:flex;flex-direction:column}.post-name{font-size:.7rem;font-weight:600}.post-time{font-size:.6rem;color:var(--color-text-muted)}.post-image{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#00bdbe4d,#00b4764d);background:linear-gradient(135deg,color(xyz 0.255 0.401 0.571 / 0.302),color(xyz 0.187 0.343 0.217 / 0.302))}.post-engagement{display:flex;gap:1rem;padding:.75rem;font-size:.7rem;color:var(--color-text-muted)}.platform-badges{display:flex;gap:.75rem}.platform-badge{width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);display:grid;place-items:center;color:var(--color-text-muted);transition:all var(--transition-fast)}.platform-badge:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.landing-creator-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.creator-stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.landing-section-tag.gold{color:var(--color-gold)}.cta-input-group{display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:100%}@media (min-width: 640px){.cta-input-group{flex-direction:row}}.cta-input{flex:1;padding:.875rem 1.25rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#001c2699;background:oklch(.21 .05 225 / 60%);color:var(--color-text-primary);font-size:.875rem}.cta-input:focus{outline:none;border-color:var(--color-primary)}.cta-input::placeholder{color:var(--color-text-muted)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse-glow{0%,to{opacity:.55;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.06)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}