.sign-in-required-banner{background:linear-gradient(135deg,var(--color-warning-bg, #fef3c7) 0%,var(--color-warning-bg-light, #fffbeb) 100%);border:1px solid var(--color-warning-border, #fcd34d);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.sign-in-required-banner__content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sign-in-required-banner__icon{width:20px;height:20px;color:var(--color-warning, #f59e0b);flex-shrink:0}.sign-in-required-banner__message{flex:1;font-size:.875rem;color:var(--color-warning-text, #92400e);font-weight:500;min-width:200px}.sign-in-required-banner__button{padding:.5rem 1rem;background:var(--color-warning, #f59e0b);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,transform .1s;white-space:nowrap}.sign-in-required-banner__button:hover{background:var(--color-warning-hover, #d97706)}.sign-in-required-banner__button:active{transform:scale(.98)}@media(max-width:480px){.sign-in-required-banner__content{flex-direction:column;align-items:stretch;text-align:center}.sign-in-required-banner__icon{display:none}.sign-in-required-banner__button{width:100%}}.user-menu{display:flex;align-items:center;gap:.75rem}.user-menu--loading{min-width:100px}.user-menu__skeleton{width:80px;height:32px;background:linear-gradient(90deg,var(--color-bg-tertiary, #f3f4f6) 25%,var(--color-bg-secondary, #e5e7eb) 50%,var(--color-bg-tertiary, #f3f4f6) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:6px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-menu__info{display:flex;align-items:center;gap:.5rem}.user-menu__email{font-size:.875rem;color:var(--color-text-secondary, #6b7280);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-success, #059669);background:var(--color-success-bg, #d1fae5);padding:.125rem .375rem;border-radius:4px}.user-menu__sign-in-btn{padding:.5rem 1rem;background:var(--color-accent, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,transform .1s}.user-menu__sign-in-btn:hover{background:var(--color-accent-hover, #2563eb)}.user-menu__sign-in-btn:active{transform:scale(.98)}.user-menu__sign-out-btn{padding:.375rem .75rem;background:transparent;color:var(--color-text-secondary, #6b7280);border:1px solid var(--color-border, #d1d5db);border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.user-menu__sign-out-btn:hover:not(:disabled){background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-text-primary, #1f2937);border-color:var(--color-border-strong, #9ca3af)}.user-menu__sign-out-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.user-menu__info{display:none}.user-menu__sign-out-btn{padding:.5rem .75rem}}@media(prefers-color-scheme:dark){.user-menu__sign-out-btn{border-color:var(--color-border, #374151)}.user-menu__sign-out-btn:hover:not(:disabled){background:#ffffff0d}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary, #f5f5f0);padding:var(--space-4, 1rem)}.login-page__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, .75rem);color:var(--color-text-secondary, #666)}.login-page__spinner{width:40px;height:40px;border:3px solid var(--color-border, #ddd);border-top-color:var(--color-primary, #3B82F6);border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-page__card{width:100%;max-width:420px;background:var(--color-bg-primary, #fff);border-radius:var(--radius-lg, 12px);padding:var(--space-8, 2rem);box-shadow:0 4px 24px #00000014}.login-page__branding{text-align:center;margin-bottom:var(--space-6, 1.5rem)}.login-page__logo{width:64px;height:64px;object-fit:contain;margin-bottom:var(--space-3, .75rem)}.login-page__title{font-family:var(--font-heading, serif);font-size:var(--text-2xl, 1.5rem);font-weight:var(--weight-bold, 700);color:var(--color-text-primary, #1a1a1a);margin:0}.login-page__subtitle{font-family:var(--font-body, sans-serif);font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #666);margin:var(--space-1, .25rem) 0 0}.login-page__heading{font-family:var(--font-heading, serif);font-size:var(--text-lg, 1.125rem);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, #1a1a1a);text-align:center;margin:0 0 var(--space-4, 1rem)}.login-page__description{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #666);text-align:center;margin:0 0 var(--space-4, 1rem)}.login-page__success{background:#f0fdf4;color:#166534;padding:var(--space-3, .75rem);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);margin-bottom:var(--space-4, 1rem);text-align:center}.login-page__error{background:#fef2f2;color:#991b1b;padding:var(--space-3, .75rem);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);margin-bottom:var(--space-4, 1rem);text-align:center}.login-page__btn--google{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem);background:#fff;border:1px solid var(--color-border, #ddd);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);font-weight:var(--weight-medium, 500);color:var(--color-text-primary, #1a1a1a);cursor:pointer;transition:background .15s,box-shadow .15s}.login-page__btn--google:hover:not(:disabled){background:#f8f8f8;box-shadow:0 1px 3px #0000001a}.login-page__google-icon{flex-shrink:0}.login-page__divider{display:flex;align-items:center;gap:var(--space-3, .75rem);margin:var(--space-4, 1rem) 0;color:var(--color-text-tertiary, #999);font-size:var(--text-xs, .75rem);text-transform:uppercase;letter-spacing:.05em}.login-page__divider:before,.login-page__divider:after{content:"";flex:1;height:1px;background:var(--color-border, #ddd)}.login-page__form{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.login-page__label{font-size:var(--text-sm, .875rem);font-weight:var(--weight-medium, 500);color:var(--color-text-primary, #1a1a1a);margin-top:var(--space-1, .25rem)}.login-page__input{padding:var(--space-3, .75rem);border:1px solid var(--color-border, #ddd);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);background:var(--color-bg-primary, #fff);color:var(--color-text-primary, #1a1a1a);transition:border-color .15s}.login-page__input:focus{outline:none;border-color:var(--color-primary, #3B82F6);box-shadow:0 0 0 3px #3b82f61a}.login-page__forgot-btn{background:none;border:none;padding:0;font-size:var(--text-xs, .75rem);color:var(--color-primary, #3B82F6);cursor:pointer;text-align:right;margin-top:var(--space-1, .25rem)}.login-page__forgot-btn:hover{text-decoration:underline}.login-page__btn--primary{width:100%;padding:var(--space-3, .75rem);background:var(--color-primary, #3B82F6);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);font-weight:var(--weight-semibold, 600);cursor:pointer;margin-top:var(--space-2, .5rem);transition:background .15s}.login-page__btn--primary:hover:not(:disabled){background:var(--color-primary-dark, #2563eb)}.login-page__btn:disabled{opacity:.6;cursor:not-allowed}.login-page__toggle{text-align:center;font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #666);margin-top:var(--space-4, 1rem)}.login-page__link-btn{background:none;border:none;padding:0;font-size:inherit;color:var(--color-primary, #3B82F6);cursor:pointer;font-weight:var(--weight-medium, 500)}.login-page__link-btn:hover{text-decoration:underline}.login-page__dev-section{margin-top:var(--space-4, 1rem);padding-top:var(--space-4, 1rem);border-top:1px solid var(--color-border, #ddd)}.login-page__dev-divider{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:var(--text-xs, .75rem);color:var(--color-text-tertiary, #999);margin-bottom:var(--space-3, .75rem)}.login-page__dev-divider:before,.login-page__dev-divider:after{content:"";flex:1;height:1px;background:var(--color-border, #ddd)}.login-page__btn--dev{width:100%;padding:var(--space-2, .5rem);background:var(--color-bg-secondary, #f5f5f0);border:1px dashed var(--color-border, #ddd);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #666);cursor:pointer}.login-page__btn--dev:hover:not(:disabled){background:var(--color-bg-tertiary, #eee)}.trial-signup{min-height:100vh;background:var(--color-bg-secondary, #f5f5f0);padding:var(--space-6, 1.5rem);display:flex;align-items:flex-start;justify-content:center}.trial-signup__container{width:100%;max-width:1100px;margin-top:var(--space-6, 1.5rem)}.trial-signup__header{text-align:center;margin-bottom:var(--space-8, 2rem)}.trial-signup__logo{width:56px;height:56px;object-fit:contain;margin-bottom:var(--space-3, .75rem)}.trial-signup__title{font-family:var(--font-heading, serif);font-size:var(--text-3xl, 1.875rem);font-weight:var(--weight-bold, 700);color:var(--color-text-primary, #1a1a1a);margin:0 0 var(--space-2, .5rem)}.trial-signup__subtitle{font-size:var(--text-base, 1rem);color:var(--color-text-secondary, #666);margin:0}.trial-signup__error{background:#fef2f2;color:#991b1b;padding:var(--space-3, .75rem);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);margin-bottom:var(--space-4, 1rem);text-align:center}.trial-signup__layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-8, 2rem);align-items:start}@media(max-width:900px){.trial-signup__layout{grid-template-columns:1fr}}.trial-signup__plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4, 1rem)}.trial-signup__plan-card{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #ddd);border-radius:var(--radius-lg, 12px);padding:var(--space-5, 1.25rem);display:flex;flex-direction:column;position:relative}.trial-signup__plan-card--popular{border-color:var(--color-primary, #3B82F6);box-shadow:0 0 0 1px var(--color-primary, #3B82F6)}.trial-signup__popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary, #3B82F6);color:#fff;font-size:var(--text-xs, .75rem);font-weight:var(--weight-semibold, 600);padding:var(--space-1, .25rem) var(--space-3, .75rem);border-radius:var(--radius-full, 999px);white-space:nowrap}.trial-signup__plan-header{margin-bottom:var(--space-4, 1rem)}.trial-signup__plan-name{font-family:var(--font-heading, serif);font-size:var(--text-lg, 1.125rem);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, #1a1a1a);margin:0 0 var(--space-1, .25rem)}.trial-signup__plan-price{display:flex;align-items:baseline;gap:var(--space-1, .25rem)}.trial-signup__price-amount{font-size:var(--text-2xl, 1.5rem);font-weight:var(--weight-bold, 700);color:var(--color-text-primary, #1a1a1a)}.trial-signup__price-period{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #666)}.trial-signup__plan-features{list-style:none;padding:0;margin:0 0 var(--space-4, 1rem);flex:1}.trial-signup__plan-features li{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #666);padding:var(--space-1, .25rem) 0;padding-left:var(--space-4, 1rem);position:relative}.trial-signup__plan-features li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}.trial-signup__plan-btn{width:100%;padding:var(--space-3, .75rem);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);font-weight:var(--weight-semibold, 600);cursor:pointer;transition:all .15s}.trial-signup__plan-btn:disabled{opacity:.6;cursor:not-allowed}.trial-signup__plan-btn--primary{background:var(--color-primary, #3B82F6);color:#fff;border:none}.trial-signup__plan-btn--primary:hover:not(:disabled){background:var(--color-primary-dark, #2563eb)}.trial-signup__plan-btn--outline{background:transparent;color:var(--color-primary, #3B82F6);border:1px solid var(--color-primary, #3B82F6)}.trial-signup__plan-btn--outline:hover:not(:disabled){background:#3b82f60d}.trial-signup__plan-btn--secondary{background:var(--color-bg-secondary, #f5f5f0);color:var(--color-text-primary, #1a1a1a);border:1px solid var(--color-border, #ddd)}.trial-signup__plan-btn--secondary:hover:not(:disabled){background:var(--color-bg-tertiary, #eee)}.trial-signup__timeline{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #ddd);border-radius:var(--radius-lg, 12px);padding:var(--space-6, 1.5rem)}.trial-signup__timeline-title{font-family:var(--font-heading, serif);font-size:var(--text-lg, 1.125rem);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, #1a1a1a);margin:0 0 var(--space-5, 1.25rem)}.trial-signup__timeline-steps{display:flex;flex-direction:column;gap:0;position:relative}.trial-signup__timeline-step{display:flex;gap:var(--space-3, .75rem);padding-bottom:var(--space-5, 1.25rem);position:relative}.trial-signup__timeline-step:last-child{padding-bottom:0}.trial-signup__timeline-step:not(:last-child):after{content:"";position:absolute;left:11px;top:28px;bottom:0;width:2px;background:var(--color-border, #ddd)}.trial-signup__timeline-step--done:not(:last-child):after{background:#22c55e}.trial-signup__step-marker{width:24px;height:24px;min-width:24px;border-radius:50%;border:2px solid var(--color-border, #ddd);background:var(--color-bg-primary, #fff);display:flex;align-items:center;justify-content:center;margin-top:2px}.trial-signup__step-marker--done{background:#22c55e;border-color:#22c55e;color:#fff}.trial-signup__step-marker--active{border-color:var(--color-primary, #3B82F6);background:var(--color-primary, #3B82F6);box-shadow:0 0 0 4px #3b82f626}.trial-signup__step-content h4{font-size:var(--text-sm, .875rem);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, #1a1a1a);margin:0 0 var(--space-1, .25rem)}.trial-signup__step-content p{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #666);margin:0;line-height:1.5}.logo-upload{display:flex;flex-direction:column;gap:var(--space-1-5)}.logo-upload__dropzone{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--space-4);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.logo-upload__dropzone:hover,.logo-upload__dropzone--dragging{border-color:var(--color-accent);background:var(--vermillion-50)}.logo-upload__dropzone--uploading{cursor:wait;opacity:.7}.logo-upload__dropzone--error{border-color:var(--color-error)}.logo-upload__dropzone--done{border-style:solid;border-color:var(--color-border);padding:var(--space-2)}.logo-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.logo-upload__icon{width:2rem;height:2rem;color:var(--color-text-tertiary)}.logo-upload__text{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.logo-upload__hint{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-tertiary)}.logo-upload__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.logo-upload__spinner{width:1.5rem;height:1.5rem;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:logo-spin .6s linear infinite}@keyframes logo-spin{to{transform:rotate(360deg)}}.logo-upload__preview{position:relative;display:flex;align-items:center;justify-content:center}.logo-upload__image{max-width:200px;max-height:100px;object-fit:contain;border-radius:var(--radius-sm)}.logo-upload__remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.logo-upload__remove:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.logo-upload__error{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-error)}.logo-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(prefers-color-scheme:dark){.logo-upload__dropzone:hover,.logo-upload__dropzone--dragging{background:#dc49241a}}.step-form{max-width:600px;margin:0 auto;padding:var(--space-8)}.step-header{margin-bottom:var(--space-8);text-align:center}.step-header h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2);color:var(--color-text-primary)}.step-description{font-family:var(--font-body);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.form-field{margin-bottom:var(--space-6)}.form-field label{display:block;margin-bottom:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--color-text-primary)}.required{color:var(--color-error)}.form-field input,.form-field select,.form-field textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.form-field input:hover:not(:focus),.form-field select:hover:not(:focus),.form-field textarea:hover:not(:focus){border-color:var(--color-border-strong)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:var(--color-error)}.form-field input.error:focus,.form-field select.error:focus,.form-field textarea.error:focus{box-shadow:0 0 0 3px var(--vermillion-200)}.error-message{display:block;color:var(--color-error);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-1)}.field-hint{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-1);font-style:italic}.field-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-1)}.char-count{font-family:var(--font-mono);color:var(--color-text-muted);font-size:var(--text-xs)}.char-count.error{color:var(--color-error);font-weight:var(--weight-medium)}.form-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-8)}.btn-primary,.btn-secondary{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;border:none;transition:all var(--duration-fast) var(--ease-default)}.btn-primary{background-color:var(--color-accent);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-strong);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.form-field input,.form-field select,.form-field textarea{background-color:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-primary)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-border-focus)}.btn-secondary{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-bg-secondary)}}.step1-form{max-width:600px}.brand-setup-fieldset{margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.brand-setup-fieldset legend{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-text-primary);padding:0 var(--space-2)}.brand-mode-options{display:flex;flex-direction:column;gap:var(--space-3)}.brand-mode-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.brand-mode-option:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.brand-mode-option:has(input[type=radio]:checked){border-color:var(--color-accent);background:var(--vermillion-50);box-shadow:0 0 0 1px var(--color-accent)}.brand-mode-option input[type=radio]{margin-top:var(--space-1);width:1rem;height:1rem;accent-color:var(--color-accent);flex-shrink:0}.brand-mode-label{display:flex;flex-direction:column;gap:var(--space-1)}.brand-mode-label strong{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.brand-mode-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.manual-brand-fields{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4);animation:fade-up var(--duration-normal) var(--ease-out)}.color-input-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.color-input-group label{font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--color-text-primary)}.color-inputs{display:flex;align-items:center;gap:var(--space-3)}.color-picker{width:3rem;height:2.5rem;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-primary);transition:border-color var(--duration-fast) var(--ease-default)}.color-picker:hover{border-color:var(--color-border-strong)}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}.color-text{flex:1;padding:var(--space-2-5) var(--space-3);font-family:var(--font-mono);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);text-transform:uppercase;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.color-text:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.color-text.error{border-color:var(--color-error)}.color-text.error:focus{box-shadow:0 0 0 3px var(--vermillion-200)}.brand-setup-fieldset .error-message{display:block;margin-top:var(--space-1);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-error)}.logo-input-tabs{display:flex;gap:0;margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;width:fit-content}.logo-input-tab{padding:var(--space-1-5) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);border:none;background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.logo-input-tab:not(:last-child){border-right:1px solid var(--color-border)}.logo-input-tab:hover{background:var(--color-bg-tertiary)}.logo-input-tab--active{background:var(--color-accent);color:#fff}.logo-input-tab--active:hover{background:var(--color-accent)}.manual-brand-fields .form-field{margin-bottom:0}.manual-brand-fields .form-field input[type=url]{width:100%;padding:var(--space-2-5) var(--space-3);font-family:var(--font-body);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.manual-brand-fields .form-field input[type=url]:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.manual-brand-fields .form-field input[type=url].error{border-color:var(--color-error)}@media(prefers-color-scheme:dark){.brand-mode-option:has(input[type=radio]:checked){background:#dc49241a}}.geofence-map-container{position:relative;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.geofence-map-loading,.geofence-map-error{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;color:#666}.geofence-map-error{background:#fee;color:#c00}.geofence-map-error .error-details{font-size:.875rem;color:#666;margin-top:.5rem}.geofence-map-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#4285f4;border-radius:50%;animation:spin 1s linear infinite}.geofence-info-panel{position:absolute;bottom:16px;left:16px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #00000026;max-width:300px;z-index:5}.geofence-info-panel h4{margin:0 0 4px;font-size:1rem;color:#333}.geofence-info-panel .geo-type{margin:0 0 8px;font-size:.875rem;color:#666;text-transform:capitalize}.geofence-info-panel .zip-codes{font-size:.875rem;color:#333}.geofence-info-panel .zip-codes strong{display:block;margin-bottom:4px;color:#666}.geofence-info-panel .status-warning{margin:8px 0 0;font-size:.75rem;color:#f5a623;font-style:italic}@media(max-width:600px){.geofence-info-panel{left:8px;right:8px;bottom:8px;max-width:none}}.step2-geography{max-width:800px}.targeting-method-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-top:var(--space-2)}.method-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);text-align:center}.method-option:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary);transform:translateY(-2px)}.method-option.active{border-color:var(--color-accent);background:var(--vermillion-50);box-shadow:0 0 0 1px var(--color-accent)}.method-label{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-text-primary)}.method-description{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-snug)}.geography-autocomplete,.geography-autocomplete__input-wrapper{position:relative}.geography-autocomplete__input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.geography-autocomplete__input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.geography-autocomplete__input.has-value{color:var(--color-text-primary);font-weight:var(--weight-medium)}.geography-autocomplete__input.error{border-color:var(--vermillion-500)}.geography-autocomplete__input::placeholder{color:var(--color-text-muted);font-weight:var(--weight-normal)}.geography-autocomplete__clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);font-size:var(--text-xl);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.geography-autocomplete__clear:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.geography-autocomplete__dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;max-height:280px;overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown, 100);list-style:none;margin:0;padding:var(--space-1)}.geography-autocomplete__option{padding:var(--space-2-5) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.geography-autocomplete__option:hover,.geography-autocomplete__option.highlighted{background:var(--color-bg-tertiary)}.geography-autocomplete__option.selected{background:var(--vermillion-50);color:var(--vermillion-700);font-weight:var(--weight-medium)}.geography-autocomplete__option.selected.highlighted{background:var(--vermillion-100)}.geography-autocomplete__no-results{padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;font-style:italic}.geography-map-section{margin-top:var(--space-6)}.geography-map-section>label{display:block;font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--color-text-primary)}.geography-map-container{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-tertiary)}@media(max-width:640px){.targeting-method-selector{grid-template-columns:repeat(2,1fr)}.method-option{padding:var(--space-3) var(--space-2)}.method-label{font-size:var(--text-sm)}.method-description{font-size:.625rem}.geography-map-container{height:250px!important}}@media(max-width:480px){.targeting-method-selector{grid-template-columns:1fr}.method-option{flex-direction:row;justify-content:flex-start;text-align:left;gap:var(--space-3)}.method-description{flex:1}}@media(prefers-color-scheme:dark){.method-option.active{background:#dc49241a}}.ai-field-input{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.ai-field-input__label{font-family:var(--font-body);font-weight:var(--weight-semibold);color:var(--color-text-primary);font-size:var(--text-base)}.ai-field-input__ai-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--vermillion-50);border-radius:var(--radius-md);border:1px solid var(--vermillion-100)}.ai-field-input__ai-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-accent)}.ai-field-input__ai-toggle label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.ai-field-input__ai-unavailable{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;padding:var(--space-1) 0}.ai-field-input__content{position:relative}.ai-field-input__content textarea{width:100%;min-height:100px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);resize:vertical;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.ai-field-input__content textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #dc49241a}.ai-field-input__content textarea:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed;opacity:.7}.ai-field-input--error .ai-field-input__content textarea{border-color:var(--vermillion-600)}.ai-field-input__preview{position:relative;background:var(--vermillion-50);border:1px solid var(--vermillion-200);border-radius:var(--radius-lg);padding:var(--space-3)}.ai-field-input__preview:before{content:"AI Generated";position:absolute;top:-.5rem;left:var(--space-3);background:var(--color-accent);color:var(--color-text-inverse);font-family:var(--font-body);font-size:.6875rem;font-weight:var(--weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ai-field-input__preview-content{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-primary);white-space:pre-wrap;margin-top:var(--space-2)}.ai-field-input__edit-btn{display:inline-flex;align-items:center;margin-top:var(--space-3);padding:var(--space-1-5) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-accent);background:transparent;border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.ai-field-input__edit-btn:hover{background:var(--vermillion-100)}.ai-field-input__generate{margin-top:var(--space-2)}.ai-field-input__generate-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-inverse);background:var(--color-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.ai-field-input__generate-btn:hover:not(:disabled){background:var(--vermillion-600)}.ai-field-input__generate-btn:active:not(:disabled){transform:scale(.98)}.ai-field-input__generate-btn:disabled{background:var(--slate-400);cursor:not-allowed}.ai-field-input__spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-inverse);border-radius:var(--radius-full);animation:ai-field-spin .8s linear infinite}@keyframes ai-field-spin{to{transform:rotate(360deg)}}.ai-field-input__footer{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-height:1.25rem}.ai-field-input__char-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.ai-field-input__char-count--over{color:var(--vermillion-600);font-weight:var(--weight-medium)}.ai-field-input__error{font-family:var(--font-body);font-size:var(--text-sm);color:var(--vermillion-600);text-align:right}@media(prefers-color-scheme:dark){.ai-field-input__ai-toggle{background:#dc49241a;border-color:var(--vermillion-700)}.ai-field-input__content textarea{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.ai-field-input__content textarea:disabled{background:var(--color-bg-tertiary)}.ai-field-input__preview{background:#dc49241a;border-color:var(--vermillion-700)}.ai-field-input__edit-btn:hover{background:#dc492433}}.campaign-brief-form{max-width:700px}.campaign-brief-form .step-header{margin-bottom:var(--space-8)}.campaign-brief-form .step-header h2{margin-bottom:var(--space-2)}.campaign-brief-form .step-description{font-family:var(--font-body);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.campaign-brief-form .form-field textarea{width:100%;min-height:100px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);background:var(--color-bg-primary);color:var(--color-text-primary);resize:vertical;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.campaign-brief-form .form-field textarea:hover:not(:focus){border-color:var(--color-border-strong)}.campaign-brief-form .form-field textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.campaign-brief-form .form-field textarea.error{border-color:var(--color-error)}.campaign-brief-form .form-field textarea.error:focus{box-shadow:0 0 0 3px var(--vermillion-200)}.campaign-brief-form .field-info{display:flex;justify-content:space-between;align-items:flex-start;margin-top:var(--space-1-5);gap:var(--space-4)}.campaign-brief-form .error-message{font-family:var(--font-body);color:var(--color-error);font-size:var(--text-sm)}.campaign-brief-form .char-count{font-family:var(--font-mono);color:var(--color-text-muted);font-size:var(--text-xs);flex-shrink:0}.campaign-brief-form .char-count.error{color:var(--color-error);font-weight:var(--weight-medium)}.campaign-brief-form .form-actions{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.campaign-brief-form .ai-field-input{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.campaign-brief-form .ai-field-input:first-of-type{border-top:none}.brief-mode-selector{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.brief-mode-selector__label{font-family:var(--font-body);font-weight:var(--weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-3);font-size:var(--text-sm)}.brief-mode-selector__options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:640px){.brief-mode-selector__options{grid-template-columns:1fr}}.brief-mode-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);text-align:center}.brief-mode-option:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-bg-secondary)}.brief-mode-option--active{border-color:var(--color-primary);background:var(--color-primary-subtle);box-shadow:0 0 0 3px var(--color-primary-subtle)}.brief-mode-option--active:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.brief-mode-option--disabled{opacity:.5;cursor:not-allowed}.brief-mode-option__icon{font-size:var(--text-2xl);line-height:1}.brief-mode-option__label{font-family:var(--font-body);font-weight:var(--weight-semibold);color:var(--color-text-primary);font-size:var(--text-sm)}.brief-mode-option__description{font-family:var(--font-body);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug)}.brief-mode-option__disabled-hint{font-family:var(--font-body);color:var(--color-text-muted);font-size:var(--text-xs);font-style:italic;margin-top:var(--space-1)}.brief-extraction-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);margin-bottom:var(--space-6);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.brief-extraction-hint{font-family:var(--font-body);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;margin:0}.brief-manual-hint{padding:var(--space-4);margin-bottom:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.brief-manual-hint p{font-family:var(--font-body);color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.btn-extract,.btn-upload{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-on-primary);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);min-width:200px}.btn-extract:hover:not(:disabled),.btn-upload:hover:not(.btn-upload--loading){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-extract:disabled,.btn-upload--loading{opacity:.7;cursor:not-allowed;transform:none}.extract-icon,.upload-icon{font-size:var(--text-lg)}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-upload{background:var(--color-secondary, #6B7280)}.btn-upload:hover:not(.btn-upload--loading){background:var(--color-secondary-hover, #4B5563)}.extract-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.brief-extraction-error{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--vermillion-50, #FEF2F2);border:1px solid var(--vermillion-200, #FECACA);border-radius:var(--radius-md);color:var(--color-error);font-family:var(--font-body);font-size:var(--text-sm)}.error-icon{flex-shrink:0}.onboarding-container{width:100%;max-width:800px;margin:var(--space-8) auto;animation:fade-up var(--duration-slow) var(--ease-out)}.progress-bar{margin-bottom:var(--space-12);padding:0 var(--space-8)}.progress-steps{display:flex;align-items:center;justify-content:space-between}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-circle{width:52px;height:52px;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);transition:all var(--duration-slow) var(--ease-out);border:3px solid var(--color-border);position:relative}.progress-step.active .step-circle{background-color:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle);transform:scale(1.05)}.progress-step.completed .step-circle{background-color:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.progress-step.completed .step-circle:before{content:"✓";font-size:var(--text-2xl);font-weight:var(--weight-bold)}.step-label{margin-top:var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted);transition:color var(--duration-normal) var(--ease-default)}.progress-step.active .step-label{color:var(--color-accent)}.progress-step.completed .step-label{color:var(--color-success)}.progress-line{flex:1;height:3px;background-color:var(--color-border);margin:0 var(--space-4);position:relative;top:-16px;transition:background-color var(--duration-slow) var(--ease-out);border-radius:var(--radius-full)}.progress-line.active{background-color:var(--color-success)}.step-content{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);animation:fade-up var(--duration-normal) var(--ease-out)}.onboarding-container.submitting{pointer-events:none;opacity:.7}.onboarding-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fade-in var(--duration-fast) var(--ease-out)}.onboarding-loading-overlay p{color:var(--color-text-inverse);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-medium)}.onboarding-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.onboarding-warning-banner{background:var(--color-warning-subtle);border:1px solid var(--ochre-400);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);color:var(--ochre-700);font-family:var(--font-body);font-size:var(--text-sm);animation:fade-down var(--duration-normal) var(--ease-out)}.onboarding-warning-banner .warning-icon{font-size:var(--text-xl);flex-shrink:0}@media(max-width:640px){.onboarding-container{margin:var(--space-4) auto}.progress-bar{padding:0 var(--space-4);margin-bottom:var(--space-8)}.step-circle{width:44px;height:44px;font-size:var(--text-lg)}.step-label{font-size:.65rem;letter-spacing:var(--tracking-wide)}.progress-line{margin:0 var(--space-2);top:-14px}.step-content{padding:var(--space-5);border-radius:var(--radius-lg)}}@media(prefers-color-scheme:dark){.step-circle{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-muted)}.progress-line{background-color:var(--color-border)}.step-content{background-color:var(--color-bg-primary);border-color:var(--color-border)}.onboarding-warning-banner{background:var(--color-warning-subtle);border-color:var(--ochre-500);color:var(--ochre-300)}}.metrics-overview{display:flex;flex-direction:column;gap:var(--space-4)}.metrics-overview__row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.kpi-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card--highlight{border-color:var(--color-accent);background:linear-gradient(135deg,var(--vermillion-50) 0%,var(--color-bg-primary) 100%)}.kpi-card__icon{font-size:var(--text-2xl);line-height:1}.kpi-card__content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.kpi-card__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.kpi-card__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.kpi-card__sub{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary)}.kpi-card__change{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);display:flex;align-items:center;gap:var(--space-1)}.kpi-card__change--positive{color:var(--forest-600)}.kpi-card__change--negative{color:var(--vermillion-600)}.metrics-overview--loading{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.kpi-card--skeleton{animation:pulse 1.5s infinite}.skeleton-icon{width:32px;height:32px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-label{width:60%;height:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.skeleton-value{width:80%;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.metrics-overview--empty{text-align:center;padding:var(--space-8);font-family:var(--font-body);color:var(--color-text-secondary)}@media(max-width:1024px){.metrics-overview__row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.metrics-overview__row{grid-template-columns:1fr}.metrics-overview--loading{grid-template-columns:repeat(2,1fr)}}.time-series-chart{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.time-series-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.time-series-chart__header h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.time-series-chart__controls{display:flex;gap:var(--space-4)}.time-series-chart__granularity{display:flex;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-1)}.granularity-btn{padding:var(--space-1-5) var(--space-3);border:none;background:transparent;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.granularity-btn:hover{color:var(--color-text-primary)}.granularity-btn--active{background:var(--color-bg-primary);color:var(--color-accent);box-shadow:var(--shadow-sm)}.time-series-chart__legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.legend-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);opacity:.5}.legend-item--active{opacity:1;border-color:var(--vermillion-300)}.legend-item:hover{border-color:var(--color-accent)}.legend-item__color{width:12px;height:12px;border-radius:var(--radius-sm)}.legend-item__label{color:var(--color-text-primary)}.time-series-chart__chart{position:relative;width:100%;height:300px}.time-series-chart__chart svg{width:100%;height:100%}.time-series-chart__tooltip{position:absolute;top:0;transform:translate(-50%);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg);pointer-events:none;z-index:var(--z-tooltip);min-width:150px}.tooltip__date{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.tooltip__row{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);margin-bottom:var(--space-1)}.tooltip__color{width:8px;height:8px;border-radius:2px}.tooltip__label{color:var(--color-text-secondary)}.tooltip__value{margin-left:auto;font-family:var(--font-mono);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.time-series-chart--loading .skeleton-chart{height:300px;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg)}.time-series-chart--empty{text-align:center;padding:var(--space-12)}.time-series-chart--empty p{font-family:var(--font-body);color:var(--color-text-secondary)}@media(max-width:768px){.time-series-chart__header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.platform-breakdown{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.platform-breakdown h3{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.platform-breakdown__distribution{margin-bottom:var(--space-6)}.distribution-bar{display:flex;height:12px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary)}.distribution-bar__segment{transition:width var(--duration-normal) var(--ease-out)}.distribution-bar__segment:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.distribution-bar__segment:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.distribution-legend{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-3)}.distribution-legend__item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm)}.distribution-legend__color{width:10px;height:10px;border-radius:var(--radius-sm)}.distribution-legend__name{color:var(--color-text-secondary)}.distribution-legend__value{font-weight:var(--weight-semibold);color:var(--color-text-primary)}.platform-breakdown__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.platform-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--duration-fast) var(--ease-default)}.platform-card:hover{border-color:var(--platform-color);box-shadow:var(--shadow-md)}.platform-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.platform-card__icon{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);color:#fff}.platform-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.platform-card__name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.platform-card__spend{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary)}.platform-card__roi{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.platform-card__roi--positive{background:var(--forest-100);color:var(--forest-700)}.platform-card__roi--negative{background:var(--vermillion-100);color:var(--vermillion-700)}.platform-card__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.platform-card__metric{display:flex;flex-direction:column;align-items:center;text-align:center}.platform-card__metric-value{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.platform-card__metric-label{font-family:var(--font-body);font-size:.625rem;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.platform-card__rates{display:flex;justify-content:space-around;padding-top:var(--space-3)}.platform-card__rate{display:flex;flex-direction:column;align-items:center;gap:2px}.platform-card__rate-label{font-family:var(--font-body);font-size:.625rem;text-transform:uppercase;color:var(--color-text-secondary)}.platform-card__rate-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.platform-breakdown--loading .platform-breakdown__skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.platform-card--skeleton{background:var(--color-bg-secondary);padding:var(--space-4);animation:pulse 1.5s infinite}.skeleton-header{height:36px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.skeleton-bar{height:60px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.skeleton-metrics{height:40px;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.platform-breakdown--empty{text-align:center;padding:var(--space-8)}.platform-breakdown--empty p{font-family:var(--font-body);color:var(--color-text-secondary)}@media(max-width:768px){.platform-breakdown__cards,.platform-breakdown--loading .platform-breakdown__skeleton{grid-template-columns:1fr}}.conversion-funnel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.conversion-funnel h3{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.conversion-funnel__visualization{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.funnel-stage{display:flex;align-items:center;gap:var(--space-4)}.funnel-stage__bar-container{flex:1;display:flex;justify-content:center}.funnel-stage__bar{height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:width .5s var(--ease-out),background-color var(--duration-normal) var(--ease-default);box-shadow:var(--shadow-sm)}.funnel-stage__value{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.funnel-stage__info{width:180px;display:flex;flex-direction:column;gap:2px}.funnel-stage__name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.funnel-stage__dropoff{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--vermillion-600)}.conversion-funnel__rates{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.funnel-rate{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.funnel-rate--highlight{background:linear-gradient(135deg,var(--forest-50) 0%,var(--forest-100) 100%);border:1px solid var(--forest-200)}.funnel-rate__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.funnel-rate__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:var(--space-1) 0}.funnel-rate--highlight .funnel-rate__value{color:var(--forest-700)}.funnel-rate__description{font-family:var(--font-body);font-size:.6875rem;color:var(--color-text-secondary)}.conversion-funnel--loading .conversion-funnel__skeleton{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.skeleton-stage{height:48px;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg)}.conversion-funnel--empty{text-align:center;padding:var(--space-8)}.conversion-funnel--empty p{font-family:var(--font-body);color:var(--color-text-secondary)}@media(max-width:1024px){.conversion-funnel__rates{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.funnel-stage{flex-direction:column;align-items:stretch}.funnel-stage__bar-container{order:1}.funnel-stage__info{width:100%;flex-direction:row;justify-content:space-between;align-items:center;order:2}.conversion-funnel__rates{grid-template-columns:1fr}.funnel-rate{flex-direction:row;justify-content:space-between;text-align:left}.funnel-rate__value{font-size:var(--text-xl);margin:0}}.geo-breakdown{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.geo-breakdown h3{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.geo-breakdown__table-wrapper{overflow-x:auto}.geo-breakdown__table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:var(--text-sm)}.geo-breakdown__table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap}.geo-breakdown__table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast) var(--ease-default)}.geo-breakdown__table th.sortable:hover,.geo-breakdown__table th.sorted{color:var(--color-accent)}.geo-breakdown__table td{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.geo-breakdown__region-row{background:var(--color-bg-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.geo-breakdown__region-row:hover{background:var(--color-bg-tertiary)}.geo-breakdown__region-row td:first-child{font-weight:var(--weight-semibold)}.region-toggle{display:inline-block;width:16px;color:var(--color-text-secondary);font-size:.625rem}.region-name{margin-left:var(--space-1)}.region-count{margin-left:var(--space-2);font-weight:var(--weight-normal);font-size:var(--text-xs);color:var(--color-text-secondary)}.geo-breakdown__country-row{background:var(--color-bg-primary)}.geo-breakdown__country-row:hover{background:var(--color-bg-secondary)}.country-indent{display:inline-block;width:var(--space-8)}.country-state{color:var(--color-text-secondary)}.spend-bar-container{display:flex;align-items:center;gap:var(--space-2);min-width:120px}.spend-bar{height:6px;background:var(--color-accent);border-radius:var(--radius-sm);transition:width var(--duration-normal) var(--ease-out)}.spend-bar--country{background:var(--vermillion-300)}.spend-percentage{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);min-width:40px}.geo-breakdown--loading .geo-breakdown__skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-row{height:48px;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.geo-breakdown--empty{text-align:center;padding:var(--space-8)}.geo-breakdown--empty p{font-family:var(--font-body);color:var(--color-text-secondary)}@media(max-width:768px){.geo-breakdown{padding:var(--space-4)}.geo-breakdown__table{font-size:var(--text-sm)}.geo-breakdown__table th,.geo-breakdown__table td{padding:var(--space-2) var(--space-3)}.spend-bar-container{min-width:80px}.spend-percentage{display:none}}.export-panel{position:relative}.export-panel__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.export-panel__trigger:hover{border-color:var(--color-accent);background:var(--color-bg-secondary)}.export-panel__trigger-icon{font-size:var(--text-base)}.export-panel__trigger-arrow{font-size:.625rem;color:var(--color-text-secondary)}.export-panel__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:380px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden;animation:scale-in var(--duration-fast) var(--ease-out)}.export-panel__section{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.export-panel__section:last-of-type{border-bottom:none}.export-panel__section h4{margin:0 0 var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.export-panel__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.export-panel__section-header h4{margin:0}.export-panel__section-actions{display:flex;align-items:center;gap:var(--space-2)}.text-btn{background:none;border:none;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-accent);cursor:pointer;padding:0}.text-btn:hover{text-decoration:underline}.separator{color:var(--color-border)}.export-panel__formats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.format-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.format-option:hover{background:var(--color-bg-tertiary)}.format-option--selected{background:var(--vermillion-50);border-color:var(--color-accent)}.format-option__icon{font-size:var(--text-xl)}.format-option__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.format-option__description{font-family:var(--font-body);font-size:.6875rem;color:var(--color-text-secondary);text-align:center}.export-panel__sections{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.section-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary)}.section-checkbox input{display:none}.section-checkbox__checkmark{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);position:relative;transition:all var(--duration-fast) var(--ease-default)}.section-checkbox input:checked+.section-checkbox__checkmark{background:var(--color-accent);border-color:var(--color-accent)}.section-checkbox input:checked+.section-checkbox__checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold)}.export-panel__options{display:flex;flex-direction:column;gap:var(--space-3)}.option-toggle{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.option-toggle input{display:none}.option-toggle__slider{width:40px;height:22px;background:var(--color-bg-tertiary);border-radius:11px;position:relative;transition:background-color var(--duration-fast) var(--ease-default)}.option-toggle__slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-default);box-shadow:var(--shadow-sm)}.option-toggle input:checked+.option-toggle__slider{background:var(--color-accent)}.option-toggle input:checked+.option-toggle__slider:after{transform:translate(18px)}.option-toggle input:disabled+.option-toggle__slider{opacity:.5;cursor:not-allowed}.option-toggle__label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary)}.export-panel__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary)}.export-panel__cancel{padding:var(--space-2-5) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.export-panel__cancel:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.export-panel__submit{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);background:var(--color-accent);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#fff;cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.export-panel__submit:hover:not(:disabled){background:var(--color-accent-hover)}.export-panel__submit:disabled{opacity:.6;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}@media(max-width:480px){.export-panel__dropdown{width:calc(100vw - var(--space-8));right:calc(-1 * var(--space-4))}.export-panel__formats,.export-panel__sections{grid-template-columns:1fr}}.campaign-analytics-page{min-height:100vh;background:var(--color-bg-secondary);padding:var(--space-6)}.campaign-analytics-page__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.campaign-analytics-page__title-section{display:flex;align-items:center;gap:var(--space-3)}.campaign-analytics-page__title-section h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.campaign-analytics-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:var(--space-3)}.campaign-analytics-page__empty h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);margin:0}.campaign-analytics-page__empty p{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.campaign-analytics-page__empty-cta{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--color-primary, #3B82F6);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:var(--weight-semibold);margin-top:var(--space-2)}.campaign-analytics-page__empty-cta:hover{background:var(--color-primary-dark, #2563eb)}.campaign-analytics-page__controls{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.time-range-selector{display:flex;flex-direction:column;gap:var(--space-2)}.time-range-selector__presets{display:flex;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.time-range-btn{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.time-range-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.time-range-btn--active{background:var(--color-accent);color:var(--color-text-inverse)}.time-range-btn--active:hover{background:var(--vermillion-600);color:var(--color-text-inverse)}.time-range-btn:not(:last-child){border-right:1px solid var(--color-border)}.time-range-selector__custom{display:flex;align-items:center;gap:var(--space-2)}.time-range-selector__custom input[type=date]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary)}.time-range-selector__custom span{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.apply-btn{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.apply-btn:hover:not(:disabled){background:var(--vermillion-600)}.apply-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--text-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.refresh-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.campaign-analytics-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);background:var(--vermillion-50);border:1px solid var(--vermillion-200);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.campaign-analytics-page__error p{color:var(--vermillion-700);font-family:var(--font-body);font-size:var(--text-base);margin:0}.campaign-analytics-page__error button{padding:var(--space-2-5) var(--space-5);background:var(--vermillion-600);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.campaign-analytics-page__error button:hover{background:var(--vermillion-700)}.campaign-analytics-page__content{display:flex;flex-direction:column;gap:var(--space-6)}.analytics-section{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.analytics-section--full{width:100%}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:1200px){.analytics-grid{grid-template-columns:1fr}}.campaign-analytics-page__footer{display:flex;justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.campaign-analytics-page__footer p{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-xs);margin:0}@media(max-width:768px){.campaign-analytics-page{padding:var(--space-4)}.campaign-analytics-page__header{flex-direction:column}.campaign-analytics-page__controls{width:100%;flex-direction:column;align-items:stretch}.time-range-selector__presets{flex-wrap:wrap}.time-range-btn{flex:1;min-width:80px}.time-range-selector__custom{flex-wrap:wrap}.analytics-section{padding:var(--space-4)}.campaign-analytics-page__footer{flex-direction:column;gap:var(--space-2);text-align:center}}@media print{.campaign-analytics-page{background:var(--color-bg-primary);padding:0}.campaign-analytics-page__controls,.refresh-btn,.export-panel{display:none}.analytics-section{box-shadow:none;border:1px solid var(--color-border);break-inside:avoid;page-break-inside:avoid}.analytics-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.campaign-analytics-page{background:var(--ink-900)}.campaign-analytics-page__header{border-color:var(--color-border)}.time-range-selector__presets{background:var(--color-bg-primary);border-color:var(--color-border)}.time-range-btn:not(:last-child){border-color:var(--color-border)}.time-range-selector__custom input[type=date]{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.refresh-btn{background:var(--color-bg-primary);border-color:var(--color-border)}.analytics-section{background:var(--color-bg-primary)}.campaign-analytics-page__error{background:#dc49241a;border-color:var(--vermillion-700)}.campaign-analytics-page__footer{border-color:var(--color-border)}}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);gap:var(--space-8)}.campaign-header--loading,.campaign-header--empty{justify-content:center;align-items:center;min-height:120px;color:var(--color-text-muted)}.campaign-header__skeleton{width:100%;max-width:400px}.skeleton-title{height:28px;width:60%;margin-bottom:var(--space-3)}.skeleton-subtitle{height:16px;width:80%}.campaign-header__main{flex:1;min-width:0}.campaign-header__title-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.campaign-header__title{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:var(--tracking-tight)}.campaign-header__status{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}.status-draft{background:var(--slate-100);color:var(--slate-600)}.status-pending{background:var(--ochre-100);color:var(--ochre-700)}.status-active{background:var(--forest-100);color:var(--forest-700)}.status-paused{background:var(--slate-200);color:var(--slate-700)}.status-completed{background:var(--forest-50);color:var(--forest-600)}.status-error{background:var(--vermillion-100);color:var(--vermillion-700)}.campaign-header__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.meta-item{display:flex;align-items:center;gap:var(--space-1)}.meta-label{color:var(--color-text-muted)}.meta-value{color:var(--color-text-primary);font-weight:var(--weight-medium);text-transform:capitalize}.campaign-header__progress{min-width:280px;max-width:320px}.progress-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.progress-percentage{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.progress-bar-container{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--forest-500),var(--forest-600));border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.progress-stats{display:flex;gap:var(--space-4);font-family:var(--font-body);font-size:var(--text-xs)}.stat{display:flex;align-items:center;gap:var(--space-1-5);color:var(--color-text-secondary)}.stat-dot{width:8px;height:8px;border-radius:var(--radius-full)}.stat--approved .stat-dot{background:var(--forest-500)}.stat--pending .stat-dot{background:var(--ochre-500)}.stat--rejected .stat-dot{background:var(--vermillion-500)}@media(max-width:768px){.campaign-header{flex-direction:column;gap:var(--space-6)}.campaign-header__progress{width:100%;max-width:none}.campaign-header__title-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.tab-navigation{display:flex;gap:var(--space-1);padding:0 var(--space-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.tab-button{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3-5) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-default);margin-bottom:-1px}.tab-button:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.tab-button:focus{outline:none}.tab-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.tab-button--active{color:var(--color-text-primary);border-bottom-color:var(--color-accent);background:var(--color-bg-primary)}.tab-button--active:hover{background:var(--color-bg-primary)}.tab-label{white-space:nowrap}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--space-1-5);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.tab-button--active .tab-count{color:var(--vermillion-700);background:var(--vermillion-100)}.tab-pending-indicator{position:absolute;top:var(--space-2);right:var(--space-2);width:8px;height:8px;background:var(--ochre-500);border-radius:var(--radius-full);animation:pulse 2s infinite}@media(max-width:640px){.tab-navigation{padding:0 var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{padding:var(--space-3) var(--space-4);flex-shrink:0}}.safety-badge{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);overflow:hidden}.safety-badge--compact{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full)}.safety-badge__header{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-default)}.safety-badge__header:hover{background:var(--color-bg-secondary)}.safety-icon{font-size:var(--text-base);flex-shrink:0}.safety-summary{display:flex;gap:var(--space-2);flex:1;flex-wrap:wrap}.severity-count{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm)}.severity-count--critical{background:var(--vermillion-100);color:var(--vermillion-700)}.severity-count--high{background:var(--ochre-100);color:var(--ochre-700)}.severity-count--other{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.expand-icon{font-size:.625rem;color:var(--color-text-muted)}.safety-count{font-weight:var(--weight-semibold);color:var(--color-text-primary)}.safety-badge__issues{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-border);max-height:300px;overflow-y:auto}.safety-issue{padding:var(--space-3);border-left:3px solid;background:var(--color-bg-primary)}.safety-issue+.safety-issue{border-top:1px solid var(--color-border-subtle)}.issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1-5)}.issue-severity{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.issue-category{font-family:var(--font-body);font-size:.625rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.issue-message{margin:0 0 var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-normal)}.issue-suggestion{margin:0 0 var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);font-style:italic}.issue-dismiss{padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.issue-dismiss:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.safety-highlighted-text{line-height:var(--leading-relaxed)}.safety-highlight{padding:var(--space-0-5) var(--space-1);border-radius:2px;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.safety-highlight:hover{opacity:.8}.safety-highlight--critical{text-decoration:underline wavy;text-decoration-color:var(--vermillion-500)}.safety-highlight--high{text-decoration:underline wavy;text-decoration-color:var(--ochre-500)}.safety-highlight--medium{text-decoration:underline dashed;text-decoration-color:var(--ochre-400)}.safety-highlight--low{text-decoration:underline dotted;text-decoration-color:var(--color-text-muted)}.preview-video{display:flex;flex-direction:column;height:100%}.preview-video__thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--gray-900);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.preview-video__image{width:100%;height:100%;object-fit:cover}.preview-video__play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity var(--duration-fast) var(--ease-default)}.preview-video:hover .preview-video__play-overlay{opacity:1}.preview-video__play-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--color-text-inverse);background:#0009;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-video__no-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-800)}.preview-video__no-thumbnail .preview-video__play-icon{background:#ffffff1a}.preview-video__generating{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:100%;background:var(--gray-800)}.preview-video__spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--blue-400);border-radius:var(--radius-full);animation:spin .8s linear infinite}.preview-video__generating-text{font-family:var(--font-body);font-size:var(--text-xs);color:var(--gray-300)}.preview-video__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:100%;background:var(--gray-800)}.preview-video__error-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--vermillion-400);background:#ef444433;border-radius:var(--radius-full)}.preview-video__error-text{font-family:var(--font-body);font-size:var(--text-xs);color:var(--vermillion-400)}.preview-video__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--gray-800);color:var(--gray-500)}.preview-video__placeholder svg{width:48px;height:48px}.preview-video__duration{position:absolute;bottom:var(--space-2);right:var(--space-2);padding:var(--space-0-5) var(--space-1-5);font-family:var(--font-body);font-size:.625rem;font-weight:var(--weight-semibold);color:var(--color-text-inverse);background:#000000b3;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-video__status-indicator{position:absolute;top:var(--space-2);right:var(--space-2);width:8px;height:8px;border-radius:var(--radius-full);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.preview-video__avatar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.preview-video__avatar-image{width:24px;height:24px;object-fit:cover;border-radius:var(--radius-full)}.preview-video__avatar-name{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-video__script{padding:var(--space-3);flex:1}.preview-video__script-text{margin:0;font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.preview-video__meta{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border)}.preview-video__separator{color:var(--color-border)}.asset-card{position:relative;display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.asset-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.asset-card--selected{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.asset-card--disabled{opacity:.6;pointer-events:none}.asset-card__checkbox{position:absolute;top:var(--space-3);left:var(--space-3);z-index:10}.asset-card__checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.asset-card__preview{position:relative;height:180px;background:var(--color-bg-tertiary);cursor:pointer;overflow:hidden}.asset-card__regenerating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:#fffffff2;color:var(--color-accent);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);animation:fade-in var(--duration-fast) var(--ease-out)}.regenerating-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.asset-card__content{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.asset-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.asset-card__title{margin:0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asset-card__status{flex-shrink:0;padding:var(--space-0-5) var(--space-2);font-family:var(--font-body);font-size:.625rem;font-weight:var(--weight-semibold);color:var(--color-text-inverse);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.asset-card__status--pending{background-color:var(--ochre-500)}.asset-card__status--approved{background-color:var(--color-success)}.asset-card__status--rejected{background-color:var(--color-error)}.asset-card__status--draft{background-color:var(--slate-500)}.asset-card__description{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asset-card__meta{display:flex;align-items:center;gap:var(--space-1-5);margin-top:auto;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.meta-divider{color:var(--color-border)}.asset-card__actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);opacity:0;transform:translateY(8px);transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.asset-card:hover .asset-card__actions,.asset-card__actions--visible{opacity:1;transform:translateY(0)}.action-btn{flex:1;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn:active:not(:disabled){transform:scale(.97)}.action-btn--approve{background:var(--color-success);color:var(--color-text-inverse)}.action-btn--approve:hover:not(:disabled){background:var(--forest-600)}.action-btn--reject{background:var(--color-error);color:var(--color-text-inverse)}.action-btn--reject:hover:not(:disabled){background:var(--vermillion-600)}.action-btn--regenerate{background:var(--color-accent);color:var(--color-text-inverse)}.action-btn--regenerate:hover:not(:disabled){background:var(--color-accent-hover)}.action-btn--edit{background:var(--slate-500);color:var(--color-text-inverse)}.action-btn--edit:hover:not(:disabled){background:var(--slate-600)}.preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-sm)}.preview-social-ad{position:relative;height:100%}.preview-social-ad .preview-image{width:100%;height:100%;object-fit:cover}.preview-social-ad--video .video-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--ink-800)}.preview-social-ad--video .video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--ink-700)}.play-icon{font-size:var(--text-4xl);color:var(--color-text-inverse);opacity:.9}.preview-social-ad--text{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.preview-overlay{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1)}.preview-platform,.preview-type{padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:.625rem;font-weight:var(--weight-semibold);color:var(--color-text-inverse);background:#000000b3;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-landing-page{position:relative;height:100%}.preview-landing-page .preview-iframe{width:100%;height:100%;border:none;pointer-events:none;transform:scale(.5);transform-origin:top left;width:200%;height:200%}.preview-landing-page--static{display:flex;flex-direction:column}.preview-landing-page--static .preview-hero{width:100%;height:100px;object-fit:cover}.preview-landing-page--static .preview-content{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1-5)}.preview-landing-page--static .preview-headline{margin:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-primary)}.preview-landing-page--static .preview-subheadline{margin:0;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary)}.preview-landing-page--static .preview-cta{margin-top:auto;padding:var(--space-1-5) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-inverse);background:var(--color-accent);border:none;border-radius:var(--radius-sm);align-self:flex-start}.preview-op-ed{height:100%;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);background:var(--paper-cream)}.preview-op-ed .preview-title{margin:0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-snug)}.preview-op-ed .preview-author{margin:0;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);font-style:italic}.preview-op-ed .preview-excerpt{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-relaxed);flex:1;overflow:hidden}.preview-op-ed .preview-meta{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}@media(prefers-color-scheme:dark){.asset-card__regenerating-overlay{background:#0f0f0ff2}.preview-op-ed{background:var(--color-bg-tertiary)}}.asset-grid-container{display:flex;flex-direction:column;flex:1;min-height:0}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);padding:var(--space-6)}.asset-grid--loading,.asset-grid--empty{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;padding:var(--space-8)}.empty-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);display:block}.empty-state h3{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.empty-state p{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.asset-card-skeleton{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.skeleton-preview{height:180px;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-line{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-title{height:18px;width:70%}.skeleton-text{height:14px;width:90%}.skeleton-meta{height:12px;width:40%}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-6);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);opacity:0;max-height:0;overflow:hidden;transition:all var(--duration-fast) var(--ease-default)}.bulk-actions-bar--visible{opacity:1;max-height:60px}.bulk-actions-left{display:flex;align-items:center;gap:var(--space-4)}.select-all-checkbox{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer}.select-all-checkbox input{width:16px;height:16px;accent-color:var(--color-accent)}.selection-count{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.bulk-actions-right{display:flex;gap:var(--space-2)}.bulk-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.bulk-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-btn--approve{background:var(--forest-500);color:var(--color-text-inverse)}.bulk-btn--approve:hover:not(:disabled){background:var(--forest-600)}.bulk-btn--reject{background:var(--vermillion-500);color:var(--color-text-inverse)}.bulk-btn--reject:hover:not(:disabled){background:var(--vermillion-600)}.bulk-btn--clear{background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.bulk-btn--clear:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}@media(max-width:768px){.asset-grid{grid-template-columns:1fr;padding:var(--space-4);gap:var(--space-4)}.bulk-actions-bar{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.bulk-actions-bar--visible{max-height:120px}.bulk-actions-left,.bulk-actions-right{width:100%;justify-content:center}.bulk-btn{flex:1;padding:var(--space-2-5);font-size:var(--text-xs)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0f0f0f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fade-in var(--duration-fast) var(--ease-out)}.modal-content{width:100%;max-width:500px;max-height:90vh;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:scale-in var(--duration-normal) var(--ease-out)}.modal-content--large{max-width:700px;max-height:calc(90vh - 2rem);display:flex;flex-direction:column}.modal-content--large .video-generation-panel__body,.modal-content--large .veo-video-panel__body{min-height:0;flex:1;overflow-y:auto}.modal-content--large .veo-video-panel{height:100%;max-height:calc(90vh - 4rem);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.modal-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{flex:1;padding:var(--space-6);overflow-y:auto}.asset-summary{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.asset-type-badge{display:inline-block;padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:.625rem;font-weight:var(--weight-semibold);color:var(--vermillion-600);background:var(--vermillion-100);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.asset-summary .asset-title{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary)}.asset-version{margin:0;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.form-input,.form-textarea{width:100%;padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-default)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.form-input:disabled,.form-textarea:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.form-textarea--large{min-height:180px;max-height:350px;overflow-y:auto;line-height:var(--leading-relaxed)}.form-hint{margin:var(--space-2) 0 0;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.suggestions{margin-bottom:var(--space-5)}.suggestions-label{margin:0 0 var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.suggestion-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.suggestion-chip{padding:var(--space-1-5) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.suggestion-chip:hover{background:var(--color-bg-secondary);border-color:var(--color-border-strong)}.suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:var(--space-3);margin-bottom:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--vermillion-700);background:var(--vermillion-50);border-radius:var(--radius-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-inverse);border-radius:var(--radius-full);animation:spin .8s linear infinite}@media(max-width:640px){.modal-content{max-height:100vh;border-radius:0}.modal-actions{flex-direction:column-reverse}.btn{width:100%}}.asset-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0f0f0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);animation:fade-in var(--duration-fast) var(--ease-out)}.asset-preview-modal__content{display:flex;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:scale-in var(--duration-normal) var(--ease-out)}.asset-preview-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.asset-preview-modal__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.asset-preview-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.asset-preview-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.asset-preview-modal__close:disabled{opacity:.5;cursor:not-allowed}.asset-preview-modal__body{display:flex;flex:1;overflow:hidden}.asset-preview-modal__main{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);min-height:300px;overflow:auto;padding:var(--space-4)}.asset-preview-modal__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.asset-preview-modal__text-card{max-width:500px;padding:var(--space-8);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.asset-preview-modal__text-card h3{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.asset-preview-modal__text-card p{margin:0 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.asset-preview-modal__text-card .cta-badge{display:inline-block;padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-inverse);background:var(--color-accent);border-radius:var(--radius-md)}.asset-preview-modal__social-mockup{width:100%;max-width:480px;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--color-border)}.asset-preview-modal__social-platform{padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.asset-preview-modal__social-image{width:100%;display:block;object-fit:cover;max-height:360px}.asset-preview-modal__social-copy{padding:var(--space-4)}.asset-preview-modal__social-headline{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-snug)}.asset-preview-modal__social-body{margin:0 0 var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.asset-preview-modal__social-cta{margin-top:var(--space-3)}.asset-preview-modal__social-cta .cta-badge{display:inline-block;padding:var(--space-2) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-inverse);background:var(--color-accent);border-radius:var(--radius-md)}.asset-preview-modal__landing-page{width:100%;max-width:700px;padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.asset-preview-modal__landing-page h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.asset-preview-modal__landing-page h3{margin:0 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-normal);color:var(--color-text-secondary)}.asset-preview-modal__lp-section{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.asset-preview-modal__lp-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.asset-preview-modal__lp-section h4{margin:0 0 var(--space-2);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.asset-preview-modal__lp-section p,.asset-preview-modal__lp-section li{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.asset-preview-modal__lp-label{display:inline-block;margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.asset-preview-modal__lp-hero{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.asset-preview-modal__lp-subheadline{margin:var(--space-2) 0 0;font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary)}.asset-preview-modal__lp-list{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.asset-preview-modal__lp-list li{margin-bottom:var(--space-1-5);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.asset-preview-modal__lp-testimonial{margin:0 0 var(--space-5);padding:var(--space-4);background:var(--color-bg-secondary);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0}.asset-preview-modal__lp-testimonial cite{display:block;margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);font-style:normal;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.asset-preview-modal__lp-testimonial p{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;line-height:var(--leading-relaxed)}.asset-preview-modal__lp-cta-section{margin-bottom:var(--space-5);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.asset-preview-modal__lp-cta-section h3{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.asset-preview-modal__lp-cta-section p{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.asset-preview-modal__lp-cta{text-align:center;margin-top:var(--space-6)}.asset-preview-modal__lp-cta .cta-badge,.asset-preview-modal__lp-cta .btn{display:inline-block;padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-inverse);background:var(--color-accent);border-radius:var(--radius-md);text-decoration:none}.asset-preview-modal__op-ed{width:100%;max-width:700px;padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.asset-preview-modal__op-ed h2{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.asset-preview-modal__op-ed-meta{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted)}.asset-preview-modal__op-ed-body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.asset-preview-modal__op-ed-body p{margin:0 0 var(--space-4)}.asset-preview-modal__preview-html{width:100%;max-width:700px;padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary)}.asset-preview-modal__sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;padding:var(--space-5);border-left:1px solid var(--color-border);overflow-y:auto}.asset-preview-modal__section{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.asset-preview-modal__section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.asset-preview-modal__section-title{margin:0 0 var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.asset-preview-modal__status{display:inline-block;padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-sm)}.asset-preview-modal__status--draft{color:var(--gray-700);background:var(--gray-100)}.asset-preview-modal__status--pending_review{color:var(--amber-700);background:var(--amber-100)}.asset-preview-modal__status--approved{color:var(--green-700);background:var(--green-100)}.asset-preview-modal__status--rejected{color:var(--vermillion-700);background:var(--vermillion-100)}.asset-preview-modal__status--regenerating{color:var(--blue-700);background:var(--blue-100)}.asset-preview-modal__details{margin:0}.asset-preview-modal__detail{display:flex;justify-content:space-between;padding:var(--space-1-5) 0}.asset-preview-modal__detail dt{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted)}.asset-preview-modal__detail dd{margin:0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);max-width:180px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-preview-modal__detail--url{flex-direction:column;align-items:flex-start;gap:var(--space-1-5)}.asset-preview-modal__url-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-1)}.asset-preview-modal__url-link{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);text-decoration:none}.asset-preview-modal__url-link:hover{text-decoration:underline}.asset-preview-modal__url-copy{padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.asset-preview-modal__url-copy:hover{background:var(--color-bg-tertiary)}.btn--publish-retry{flex:1;min-width:100px;background:var(--amber-100);color:var(--amber-700);border:1px solid var(--amber-300, #fcd34d);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.btn--publish-retry:hover:not(:disabled){background:var(--amber-200, #fde68a)}.btn--publish-retry:disabled{opacity:.6;cursor:not-allowed}.asset-preview-modal__action-error{padding:var(--space-3);margin-bottom:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--vermillion-700);background:var(--vermillion-50);border-radius:var(--radius-lg)}.asset-preview-modal__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4)}.asset-preview-modal__actions .btn{flex:1;min-width:100px}.asset-preview-modal__reject-dialog{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.asset-preview-modal__reject-label{display:block;margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.asset-preview-modal__reject-textarea{width:100%;padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:80px}.asset-preview-modal__reject-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.asset-preview-modal__reject-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.asset-preview-modal__footer{display:flex;justify-content:center;padding:var(--space-3);border-top:1px solid var(--color-border)}.asset-preview-modal__hint{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:800px){.asset-preview-modal__body{flex-direction:column}.asset-preview-modal__main{min-height:200px;max-height:400px}.asset-preview-modal__sidebar{width:100%;border-left:none;border-top:1px solid var(--color-border);max-height:50vh}}@media(max-width:640px){.asset-preview-modal{padding:0}.asset-preview-modal__content{max-height:100vh;border-radius:0}}.upload-asset-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0f0f0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);animation:fade-in var(--duration-fast) var(--ease-out)}.upload-asset-modal__content{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:90vh;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:scale-in var(--duration-normal) var(--ease-out)}.upload-asset-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.upload-asset-modal__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.upload-asset-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.upload-asset-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.upload-asset-modal__body{padding:var(--space-6);overflow-y:auto}.upload-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-default);margin-bottom:var(--space-4)}.upload-drop-zone:hover,.upload-drop-zone--active{border-color:var(--color-accent);background:var(--color-accent-bg)}.upload-drop-zone__icon{width:40px;height:40px;margin-bottom:var(--space-3);color:var(--color-text-muted)}.upload-drop-zone__icon svg{width:100%;height:100%}.upload-drop-zone__text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.upload-drop-zone__text strong{color:var(--color-accent)}.upload-drop-zone__hint{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-2) 0 0}.upload-drop-zone__selected{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary)}.upload-drop-zone__selected-icon{color:var(--color-success)}.upload-field{margin-bottom:var(--space-4)}.upload-field__label{display:block;margin-bottom:var(--space-1-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.upload-field__label--optional:after{content:" (optional)";font-weight:var(--weight-normal);color:var(--color-text-muted)}.upload-field__input,.upload-field__textarea,.upload-field__select{width:100%;padding:var(--space-2-5) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-default)}.upload-field__input:focus,.upload-field__textarea:focus,.upload-field__select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.upload-field__textarea{resize:vertical;min-height:80px}.upload-asset-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.upload-asset-modal__error{padding:var(--space-3);margin-bottom:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--vermillion-700);background:var(--vermillion-50);border-radius:var(--radius-lg)}.veo-video-panel{display:flex;flex-direction:column;height:100%;background:var(--color-bg-primary)}.veo-video-panel__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.veo-video-panel__title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.veo-video-panel__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.veo-video-panel__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.veo-video-panel__body{flex:1;padding:var(--space-6);overflow-y:auto;min-height:0}.vvp-section{margin-bottom:var(--space-8)}.vvp-section__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.vvp-section__description{margin:0 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.prompt-editor{display:flex;flex-direction:column;gap:var(--space-2)}.prompt-editor__textarea{width:100%;min-height:120px;padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);resize:vertical;transition:all var(--duration-fast) var(--ease-default)}.prompt-editor__textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.prompt-editor__textarea::placeholder{color:var(--color-text-muted)}.prompt-editor__stats{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.prompt-editor__stats .stat--warning{color:var(--vermillion-600)}.aspect-ratio-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.aspect-ratio-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.aspect-ratio-option:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.aspect-ratio-option.active{border-color:var(--color-accent);background:var(--vermillion-50);box-shadow:0 0 0 1px var(--color-accent)}.aspect-ratio-preview{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.aspect-ratio-preview--16-9{width:48px;height:27px}.aspect-ratio-preview--9-16{width:27px;height:48px}.aspect-ratio-preview--1-1{width:36px;height:36px}.aspect-ratio-option.active .aspect-ratio-preview{background:var(--vermillion-100);border-color:var(--vermillion-300)}.aspect-ratio-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.aspect-ratio-desc{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.duration-selector{display:flex;gap:var(--space-2);flex-wrap:wrap}.duration-option{padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.duration-option:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.duration-option.active{border-color:var(--color-accent);background:var(--vermillion-50);color:var(--vermillion-700);box-shadow:0 0 0 1px var(--color-accent)}.veo-video-panel__footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.veo-video-panel__hint{margin:0;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.generation-progress,.generation-complete,.generation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.generation-progress__spinner{margin-bottom:var(--space-6)}.generation-progress__title,.generation-complete__title,.generation-error__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.generation-progress__status{margin:0 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary)}.generation-progress__hint{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted)}.generation-complete__icon,.generation-error__icon{width:64px;height:64px;margin-bottom:var(--space-4)}.generation-complete__icon svg{width:100%;height:100%;color:var(--color-success, #10b981)}.generation-error__icon svg{width:100%;height:100%;color:var(--vermillion-500)}.generation-complete__preview{width:100%;max-width:480px;margin:var(--space-6) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.generation-complete__video{width:100%;display:block}.generation-complete__details{margin-bottom:var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.generation-complete__details p{margin:var(--space-1) 0}.generation-complete__actions,.generation-error__actions{display:flex;gap:var(--space-3)}.generation-error__message{margin:0 0 var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);max-width:400px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.btn--primary{color:var(--color-text-inverse);background:var(--color-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--large{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.error-message{padding:var(--space-3);margin-bottom:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--vermillion-700);background:var(--vermillion-50);border-radius:var(--radius-lg);text-align:center}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner--large{width:48px;height:48px;border-width:4px}@media(max-width:640px){.aspect-ratio-selector{grid-template-columns:1fr}.aspect-ratio-option{flex-direction:row;justify-content:flex-start;gap:var(--space-4);padding:var(--space-3)}.aspect-ratio-desc{text-align:left}.duration-selector{flex-direction:column}.duration-option{text-align:center}.generation-complete__actions,.generation-error__actions{flex-direction:column;width:100%}.generation-complete__actions .btn,.generation-error__actions .btn{width:100%}}@media(prefers-color-scheme:dark){.aspect-ratio-option.active,.duration-option.active{background:#dc492426}}.video-player-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0f0f0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);animation:fade-in var(--duration-fast) var(--ease-out)}.video-player-modal__content{display:flex;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:scale-in var(--duration-normal) var(--ease-out)}.video-player-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.video-player-modal__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.video-player-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.video-player-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.video-player-modal__close:disabled{opacity:.5;cursor:not-allowed}.video-player-modal__body{display:flex;flex:1;overflow:hidden}.video-player-modal__player{flex:1;display:flex;align-items:center;justify-content:center;background:var(--gray-900);min-height:300px}.video-player-modal__video{width:100%;max-height:100%;object-fit:contain}.video-player-modal__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);color:var(--gray-400)}.video-player-modal__placeholder-icon{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.5}.video-player-modal__placeholder-icon svg{width:100%;height:100%}.video-player-modal__placeholder p{margin:0;font-family:var(--font-body);font-size:var(--text-sm)}.video-player-modal__sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;padding:var(--space-5);border-left:1px solid var(--color-border);overflow-y:auto}.video-player-modal__section{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.video-player-modal__section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.video-player-modal__section--script{flex:1;min-height:0;display:flex;flex-direction:column}.video-player-modal__section-title{margin:0 0 var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.video-player-modal__status-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.video-player-modal__status{display:inline-block;padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-sm)}.video-player-modal__status--draft{color:var(--gray-700);background:var(--gray-100)}.video-player-modal__status--generating{color:var(--blue-700);background:var(--blue-100)}.video-player-modal__status--pending_review{color:var(--amber-700);background:var(--amber-100)}.video-player-modal__status--approved{color:var(--green-700);background:var(--green-100)}.video-player-modal__status--rejected{color:var(--vermillion-700);background:var(--vermillion-100)}.video-player-modal__d-id-status{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.video-player-modal__details{margin:0}.video-player-modal__detail{display:flex;justify-content:space-between;padding:var(--space-1-5) 0}.video-player-modal__detail dt{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted)}.video-player-modal__detail dd{margin:0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.video-player-modal__script{flex:1;padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary);background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow-y:auto;max-height:200px}.video-player-modal__script-meta{margin:var(--space-2) 0 0;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.video-player-modal__error,.video-player-modal__action-error{padding:var(--space-3);margin-bottom:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--vermillion-700);background:var(--vermillion-50);border-radius:var(--radius-lg)}.video-player-modal__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4)}.video-player-modal__actions .btn{flex:1;min-width:100px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn--secondary{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-secondary)}.btn--approve{color:var(--color-text-inverse);background:var(--green-600)}.btn--approve:hover:not(:disabled){background:var(--green-700)}.btn--reject{color:var(--color-text-inverse);background:var(--vermillion-600)}.btn--reject:hover:not(:disabled){background:var(--vermillion-700)}.video-player-modal__reject-dialog{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.video-player-modal__reject-label{display:block;margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.video-player-modal__reject-textarea{width:100%;padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:80px}.video-player-modal__reject-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.video-player-modal__reject-textarea:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.video-player-modal__reject-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.video-player-modal__footer{display:flex;justify-content:center;padding:var(--space-3);border-top:1px solid var(--color-border)}.video-player-modal__hint{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:800px){.video-player-modal__body{flex-direction:column}.video-player-modal__player{min-height:200px;max-height:300px}.video-player-modal__sidebar{width:100%;border-left:none;border-top:1px solid var(--color-border);max-height:50vh}}@media(max-width:640px){.video-player-modal{padding:0}.video-player-modal__content{max-height:100vh;border-radius:0}}.generation-progress{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.generation-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.generation-progress__title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.generation-progress__status{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.generation-progress__bar-container{width:100%;height:8px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.generation-progress__bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));border-radius:var(--radius-full);transition:width .3s var(--ease-out)}.generation-progress__details{display:flex;gap:var(--space-4);flex-wrap:wrap}.generation-progress__stat{font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.generation-progress__stat--completed{background-color:var(--color-success-bg);color:var(--color-success)}.generation-progress__stat--processing{background-color:var(--color-warning-bg);color:var(--color-warning)}.generation-progress__stat--pending{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.generation-progress__stat--failed{background-color:var(--color-error-bg);color:var(--color-error)}.generation-progress__trigger-btn{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.generation-progress__trigger-btn:hover:not(:disabled){background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.generation-progress__trigger-btn:disabled{opacity:.5;cursor:not-allowed}.generate-assets-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12);background-color:var(--color-bg-primary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.generate-assets-prompt__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent-bg);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.generate-assets-prompt__icon svg{width:24px;height:24px;color:var(--color-accent)}.generate-assets-prompt__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.generate-assets-prompt__description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-6)}.generate-assets-prompt__button{padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-bg-primary);background-color:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.generate-assets-prompt__button:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.generate-assets-prompt__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-assets-prompt__upload-link{display:inline-block;margin-top:var(--space-3);padding:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline;transition:color var(--duration-fast) var(--ease-default)}.generate-assets-prompt__upload-link:hover{color:var(--color-accent)}@media(prefers-color-scheme:dark){.generation-progress,.generate-assets-prompt{background-color:var(--color-bg-primary);border-color:var(--color-border)}}.campaign-dashboard{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-secondary);animation:fade-in var(--duration-normal) var(--ease-out)}.campaign-dashboard--error{align-items:center;justify-content:center}.error-container{text-align:center;padding:var(--space-8);background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:400px;animation:scale-in var(--duration-normal) var(--ease-out)}.error-container h2{font-family:var(--font-display);font-size:var(--text-2xl);margin:0 0 var(--space-2);color:var(--color-error)}.error-container p{margin:0 0 var(--space-6);color:var(--color-text-secondary);font-size:var(--text-base)}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.toolbar-left{flex:1}.toolbar-right{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6)}.filter-group{display:flex;gap:var(--space-2)}.search-input{width:220px;padding:var(--space-2-5) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.search-input:focus{outline:none;background:var(--color-bg-primary);border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.search-input::placeholder{color:var(--color-text-muted)}.filter-select{padding:var(--space-2-5) var(--space-8) var(--space-2-5) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-tertiary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right var(--space-3) center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all var(--duration-fast) var(--ease-default)}.filter-select:focus{outline:none;background-color:var(--color-bg-primary);border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.launch-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-inverse);background:var(--color-success);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);position:relative;overflow:hidden}.launch-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%)}.launch-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22885666;background:var(--forest-600)}.launch-button:active{transform:translateY(0)}.dashboard-toolbar .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.dashboard-toolbar .btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-toolbar .btn--primary{color:var(--color-text-inverse);background:var(--color-accent)}.dashboard-toolbar .btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.dashboard-toolbar .btn--secondary{color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.dashboard-toolbar .btn--secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-strong)}@media(max-width:768px){.dashboard-toolbar{flex-direction:column;gap:0}.toolbar-left{width:100%}.toolbar-right{width:100%;padding:var(--space-4);flex-wrap:wrap;justify-content:center;border-top:1px solid var(--color-border)}.filter-group{flex:1;min-width:100%}.search-input{flex:1;width:auto}.filter-select{flex-shrink:0}.launch-button{width:100%;justify-content:center;margin-top:var(--space-2)}}@media(prefers-color-scheme:dark){.filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238c8c8c' d='M3 5l3 3 3-3'/%3E%3C/svg%3E")}}.budget-slider{padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.budget-slider--disabled{opacity:.6;pointer-events:none}.budget-slider__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.budget-slider__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.budget-slider__value{display:flex;align-items:center}.budget-slider__display{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-default)}.budget-slider__display:hover{background-color:var(--vermillion-50)}.budget-slider__display:focus{outline:2px solid var(--color-accent);outline-offset:2px}.budget-slider__input-wrapper{display:flex;align-items:center;gap:var(--space-1)}.budget-slider__currency{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.budget-slider__input{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);width:120px;border:2px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);text-align:right}.budget-slider__input:focus{outline:none;box-shadow:var(--shadow-focus)}.budget-slider__track-container{position:relative;height:12px;margin:var(--space-2) 0}.budget-slider__track{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:pointer;position:relative;z-index:2}.budget-slider__track::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:var(--color-accent);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 6px #dc492466;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.budget-slider__track::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #dc492480}.budget-slider__track::-moz-range-thumb{width:24px;height:24px;background:var(--color-accent);border-radius:var(--radius-full);cursor:pointer;border:none;box-shadow:0 2px 6px #dc492466}.budget-slider__fill{position:absolute;top:0;left:0;height:12px;background:linear-gradient(90deg,var(--color-accent),var(--vermillion-600));border-radius:var(--radius-md) 0 0 var(--radius-md);pointer-events:none;z-index:1}.budget-slider__track--secondary{height:8px}.budget-slider__track--secondary::-webkit-slider-thumb{width:18px;height:18px;background:var(--ochre-500)}.budget-slider__track--secondary::-moz-range-thumb{width:18px;height:18px;background:var(--ochre-500)}.budget-slider__range-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.budget-slider__presets{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.budget-slider__preset{padding:var(--space-1-5) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.budget-slider__preset:hover{background:var(--color-bg-secondary);border-color:var(--color-border-strong)}.budget-slider__preset--active{background:var(--vermillion-50);color:var(--vermillion-700);border-color:var(--color-accent)}.budget-slider__daily-cap{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.budget-slider__cap-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary)}.budget-slider__cap-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.budget-slider__cap-slider{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.budget-slider__cap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.budget-slider__cap-header span:first-child{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.budget-slider__cap-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ochre-600)}.budget-slider__cap-info{display:flex;justify-content:space-between;margin-top:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.budget-slider__errors{margin-top:var(--space-4);padding:var(--space-3);background:var(--vermillion-50);border:1px solid var(--vermillion-200);border-radius:var(--radius-lg)}.budget-slider__error{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--vermillion-700)}.budget-slider__error+.budget-slider__error{margin-top:var(--space-1)}@media(prefers-color-scheme:dark){.budget-slider{background:var(--color-bg-primary);border-color:var(--color-border)}.budget-slider__display:hover{background-color:#dc49241a}.budget-slider__track{background:var(--color-bg-tertiary)}.budget-slider__preset{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary)}.budget-slider__preset:hover,.budget-slider__cap-slider{background:var(--color-bg-secondary)}}.platform-mix{padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.platform-mix--disabled{opacity:.6;pointer-events:none}.platform-mix__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.platform-mix__title{margin:0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary)}.platform-mix__total{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--forest-600);font-weight:var(--weight-medium)}.platform-mix__total-warning{color:var(--vermillion-600);margin-left:var(--space-1)}.platform-mix__bar{display:flex;height:12px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);margin-bottom:var(--space-6)}.platform-mix__bar-segment{height:100%;transition:width var(--duration-fast) var(--ease-default);position:relative}.platform-mix__bar-segment:not(:last-child){border-right:2px solid var(--color-bg-primary)}.platform-mix__platforms{display:grid;gap:var(--space-4)}.platform-card{padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-default)}.platform-card--enabled{background:var(--color-bg-secondary);border-width:2px}.platform-card:hover{border-color:var(--color-border-strong)}.platform-card__header{display:flex;align-items:center;justify-content:space-between}.platform-card__toggle{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.platform-card__toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--platform-color, var(--color-accent));cursor:pointer}.platform-card__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:var(--color-text-inverse);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-sm)}.platform-card__name{font-family:var(--font-body);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.platform-card__description{margin:var(--space-3) 0 0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.platform-card__content{margin-top:var(--space-4)}.platform-card__slider-section{margin-bottom:var(--space-4)}.platform-card__slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.platform-card__percentage{font-family:var(--font-mono);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.platform-card__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer}.platform-card__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--platform-color, var(--color-accent));border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm)}.platform-card__slider::-moz-range-thumb{width:18px;height:18px;background:var(--platform-color, var(--color-accent));border-radius:var(--radius-full);cursor:pointer;border:none;box-shadow:var(--shadow-sm)}.platform-card__slider:disabled{opacity:.5;cursor:not-allowed}.platform-card__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-3)}.platform-card__metric{text-align:center;padding:var(--space-2);background:var(--color-bg-primary);border-radius:var(--radius-md)}.platform-card__metric-label{display:block;font-family:var(--font-body);font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.platform-card__metric-value{display:block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.platform-card__strengths{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.platform-card__strength{display:inline-block;padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:.6875rem;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.platform-mix__presets{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.platform-mix__presets-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);margin-right:var(--space-1)}.platform-mix__preset{padding:var(--space-1-5) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.platform-mix__preset:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.platform-mix__preset:active{background:var(--color-bg-tertiary)}.platform-mix__errors{margin-top:var(--space-4);padding:var(--space-3);background:var(--vermillion-50);border:1px solid var(--vermillion-200);border-radius:var(--radius-lg)}.platform-mix__error{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--vermillion-700)}.platform-mix__error+.platform-mix__error{margin-top:var(--space-1)}@media(min-width:768px){.platform-mix__platforms{grid-template-columns:repeat(3,1fr)}}@media(prefers-color-scheme:dark){.platform-mix{background:var(--color-bg-primary);border-color:var(--color-border)}.platform-mix__bar{background:var(--color-bg-tertiary)}.platform-card{border-color:var(--color-border)}.platform-card--enabled{background:var(--color-bg-secondary)}.platform-card__slider{background:var(--color-bg-tertiary)}.platform-card__metric{background:var(--color-bg-primary)}.platform-card__strength{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.platform-mix__preset{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary)}}.impact-estimate{padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.impact-estimate--loading,.impact-estimate--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.impact-estimate__skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);width:100%;margin-bottom:var(--space-4)}.skeleton-card{height:100px;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg)}.impact-estimate__loading-text{font-family:var(--font-body);color:var(--color-text-muted);font-size:var(--text-sm)}.impact-estimate__empty-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.impact-estimate__empty-text{font-family:var(--font-body);color:var(--color-text-secondary);font-size:var(--text-base);max-width:300px}.impact-estimate__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.impact-estimate__title{margin:0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary)}.impact-estimate__confidence{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.impact-estimate__confidence--high{background:var(--forest-100);color:var(--forest-700)}.impact-estimate__confidence--medium{background:var(--ochre-100);color:var(--ochre-700)}.impact-estimate__confidence--low{background:var(--vermillion-100);color:var(--vermillion-700)}.impact-estimate__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(min-width:768px){.impact-estimate__metrics{grid-template-columns:repeat(4,1fr)}}.metric-card{padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);text-align:center}.metric-card__header{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.metric-card__icon{font-size:var(--text-base)}.metric-card__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.metric-card__confidence{font-family:var(--font-body);font-size:.625rem;padding:2px var(--space-1-5);border-radius:var(--radius-sm)}.metric-card__confidence--high{background:var(--forest-100);color:var(--forest-700)}.metric-card__confidence--medium{background:var(--ochre-100);color:var(--ochre-700)}.metric-card__confidence--low{background:var(--vermillion-100);color:var(--vermillion-700)}.metric-card__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);margin-bottom:var(--space-1)}.metric-card__sub{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.impact-estimate__costs{display:flex;justify-content:space-around;padding:var(--space-4);background:var(--vermillion-50);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.impact-estimate__cost{text-align:center}.impact-estimate__cost-label{display:block;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.impact-estimate__cost-value{display:block;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-accent)}.impact-estimate__cost-value--highlight{color:var(--forest-600);font-size:var(--text-lg)}.impact-estimate .conversion-funnel{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.impact-estimate .conversion-funnel__title{margin:0 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.impact-estimate .conversion-funnel__stages{display:flex;flex-direction:column;gap:var(--space-3)}.impact-estimate .conversion-funnel__stage{position:relative}.impact-estimate .conversion-funnel__stage-header{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.impact-estimate .conversion-funnel__stage-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.impact-estimate .conversion-funnel__stage-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.impact-estimate .conversion-funnel__stage-bar-container{height:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.impact-estimate .conversion-funnel__stage-bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--vermillion-600));border-radius:var(--radius-md);transition:width var(--duration-normal) var(--ease-out)}.impact-estimate .conversion-funnel__stage-rate{font-family:var(--font-body);font-size:.6875rem;color:var(--color-text-muted);margin-top:2px}.impact-estimate__platforms{margin-bottom:var(--space-6)}.impact-estimate__platforms-title{margin:0 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.impact-estimate__platforms-grid{display:grid;gap:var(--space-3)}@media(min-width:768px){.impact-estimate__platforms-grid{grid-template-columns:repeat(3,1fr)}}.impact-estimate .platform-breakdown{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-left:3px solid var(--platform-color, var(--color-accent))}.impact-estimate .platform-breakdown__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.impact-estimate .platform-breakdown__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-inverse);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-xs)}.impact-estimate .platform-breakdown__name{font-family:var(--font-body);font-weight:var(--weight-semibold);color:var(--color-text-primary);font-size:var(--text-sm)}.impact-estimate .platform-breakdown__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-2)}.impact-estimate .platform-breakdown__metric{text-align:center}.impact-estimate .platform-breakdown__metric-value{display:block;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.impact-estimate .platform-breakdown__metric-label{display:block;font-family:var(--font-body);font-size:.625rem;color:var(--color-text-muted);text-transform:uppercase}.impact-estimate .platform-breakdown__costs{display:flex;justify-content:space-between;padding-top:var(--space-2);border-top:1px solid var(--color-border);font-family:var(--font-body);font-size:.6875rem;color:var(--color-text-muted)}.impact-estimate__assumptions{padding:var(--space-4);background:var(--ochre-50);border:1px solid var(--ochre-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.impact-estimate__assumptions-title{margin:0 0 var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ochre-700)}.impact-estimate__assumptions-list{margin:0;padding-left:var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);color:var(--ochre-800);line-height:var(--leading-relaxed)}.impact-estimate__assumptions-list li{margin-bottom:var(--space-1)}.impact-estimate__footer{text-align:right}.impact-estimate__updated{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}@media(prefers-color-scheme:dark){.impact-estimate{background:var(--color-bg-primary);border-color:var(--color-border)}.metric-card{background:var(--color-bg-secondary)}.impact-estimate__costs{background:#dc49241a}.impact-estimate .conversion-funnel{background:var(--color-bg-secondary)}.impact-estimate .conversion-funnel__stage-bar-container{background:var(--color-bg-tertiary)}.impact-estimate .platform-breakdown{border-color:var(--color-border)}.impact-estimate__assumptions{background:#d48b1e1a;border-color:var(--ochre-700)}}.launch-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f80;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fade-in var(--duration-fast) var(--ease-out)}.launch-modal{background:var(--color-bg-primary);border-radius:var(--radius-2xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:scale-in var(--duration-normal) var(--ease-out)}.launch-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.launch-modal__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.launch-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--color-text-muted);background:none;border:none;cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-default)}.launch-modal__close:hover{background:var(--color-bg-tertiary)}.launch-modal__progress{display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--color-bg-secondary)}.launch-modal__progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.launch-modal__progress-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-default)}.launch-modal__progress-step--active .launch-modal__progress-number{color:var(--color-text-inverse);background:var(--color-accent);border-color:var(--color-accent)}.launch-modal__progress-step--done .launch-modal__progress-number{color:var(--color-text-inverse);background:var(--forest-500);border-color:var(--forest-500)}.launch-modal__progress-label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.launch-modal__progress-step--active .launch-modal__progress-label{color:var(--color-accent);font-weight:var(--weight-medium)}.launch-modal__progress-line{width:60px;height:2px;background:var(--color-border);margin:0 var(--space-3);margin-bottom:var(--space-5)}.launch-modal__content{flex:1;overflow-y:auto;padding:var(--space-6)}.launch-review__campaign{text-align:center;margin-bottom:var(--space-6)}.launch-review__campaign-name{margin:0;font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary)}.launch-review__section{margin-bottom:var(--space-6)}.launch-review__section h4{margin:0 0 var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.launch-review__budget{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.launch-review__budget-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-family:var(--font-body);font-size:var(--text-base)}.launch-review__budget-item:last-child{border-bottom:none}.launch-review__budget-value{font-family:var(--font-mono);font-weight:var(--weight-semibold);color:var(--color-accent)}.launch-review__platforms{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.launch-review__platform{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-family:var(--font-body);font-size:var(--text-base);border-bottom:1px solid var(--color-border)}.launch-review__platform:last-child{border-bottom:none}.launch-review__estimates{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.launch-review__estimate{text-align:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.launch-review__estimate-value{display:block;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent)}.launch-review__estimate-value--highlight{color:var(--forest-600)}.launch-review__estimate-label{display:block;font-family:var(--font-body);font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;margin-top:var(--space-1)}.launch-schedule__option{margin-bottom:var(--space-4)}.launch-schedule__radio{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.launch-schedule__radio:has(input:checked){background:var(--vermillion-50);border-color:var(--color-accent)}.launch-schedule__radio input[type=radio]{margin-top:var(--space-1);accent-color:var(--color-accent)}.launch-schedule__radio-content{flex:1}.launch-schedule__radio-title{display:block;font-family:var(--font-body);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.launch-schedule__radio-description{display:block;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.launch-schedule__datetime{display:flex;gap:var(--space-3);margin-top:var(--space-4);margin-left:var(--space-8)}.launch-schedule__input{padding:var(--space-2-5) var(--space-3-5);font-family:var(--font-body);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary)}.launch-schedule__input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.launch-schedule__notifications{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.launch-schedule__notifications h4{margin:0 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.launch-schedule__checkbox{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer}.launch-schedule__checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent)}.launch-schedule__email-input{width:100%;margin-top:var(--space-3);padding:var(--space-2-5) var(--space-3-5);font-family:var(--font-body);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary)}.launch-schedule__email-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.launch-confirm{text-align:center;padding:var(--space-4) 0}.launch-confirm__icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.launch-confirm__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary)}.launch-confirm__description{margin:0 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.launch-confirm__timing{margin:0 0 var(--space-6);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-muted)}.launch-confirm__warning{padding:var(--space-4);background:var(--ochre-50);border:1px solid var(--ochre-200);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);color:var(--ochre-700);text-align:left}.launch-loading{text-align:center;padding:var(--space-12) var(--space-4)}.launch-loading__spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--space-6)}.launch-loading__text{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary)}.launch-loading__subtext{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.launch-success{text-align:center;padding:var(--space-4) 0}.launch-success__icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.launch-success__title{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--forest-600)}.launch-success__results{margin-bottom:var(--space-6)}.launch-success__platform{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base)}.launch-success__platform--success{background:var(--forest-100);color:var(--forest-700)}.launch-success__platform--failed{background:var(--vermillion-100);color:var(--vermillion-700)}.launch-success__eta{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.launch-error{text-align:center;padding:var(--space-4) 0}.launch-error__icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.launch-error__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--vermillion-600)}.launch-error__message{margin:0 0 var(--space-6);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary)}.launch-error__details{text-align:left}.launch-error__platform{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base)}.launch-error__platform--success{background:var(--forest-100);color:var(--forest-700)}.launch-error__platform--failed{background:var(--vermillion-100);color:var(--vermillion-700)}.launch-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.launch-modal__btn{padding:var(--space-2-5) var(--space-5);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.launch-modal__btn--secondary{color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border)}.launch-modal__btn--secondary:hover{background:var(--color-bg-tertiary)}.launch-modal__btn--primary{color:var(--color-text-inverse);background:var(--color-accent);border:1px solid var(--color-accent)}.launch-modal__btn--primary:hover{background:var(--color-accent-hover)}.launch-modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.launch-modal__btn--launch{color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-accent),var(--vermillion-600));border:none;padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.launch-modal__btn--launch:hover{background:linear-gradient(135deg,var(--vermillion-600),var(--vermillion-700));box-shadow:0 4px 12px #dc492466}@media(max-width:640px){.launch-review__estimates{grid-template-columns:repeat(2,1fr)}.launch-schedule__datetime{flex-direction:column}.launch-modal__progress{padding:var(--space-4) var(--space-2)}.launch-modal__progress-line{width:30px;margin:0 var(--space-2)}}@media(prefers-color-scheme:dark){.launch-modal{background:var(--color-bg-primary)}.launch-modal__header{border-color:var(--color-border)}.launch-modal__close{color:var(--color-text-muted)}.launch-modal__close:hover{background:var(--color-bg-tertiary)}.launch-modal__progress{background:var(--color-bg-secondary)}.launch-modal__progress-number{background:var(--color-bg-tertiary);border-color:var(--color-border)}.launch-review__budget,.launch-review__platforms,.launch-review__estimate{background:var(--color-bg-secondary)}.launch-review__budget-item,.launch-review__platform{border-color:var(--color-border)}.launch-schedule__radio{background:var(--color-bg-secondary)}.launch-schedule__radio:has(input:checked){background:#dc49241a}.launch-schedule__input,.launch-schedule__email-input{background:var(--color-bg-secondary);border-color:var(--color-border)}.launch-schedule__notifications{border-color:var(--color-border)}.launch-modal__footer{background:var(--color-bg-secondary);border-color:var(--color-border)}.launch-modal__btn--secondary{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary)}}.campaign-launch{min-height:100vh;background:var(--color-bg-secondary)}.campaign-launch__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-8);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.campaign-launch__header-left{display:flex;align-items:center;gap:var(--space-4)}.campaign-launch__back{padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.campaign-launch__back:hover{background:var(--color-bg-secondary);border-color:var(--color-border-strong)}.campaign-launch__title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.campaign-launch__subtitle{margin:var(--space-1) 0 0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.campaign-launch__launch-btn{padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-accent),var(--vermillion-600));border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);box-shadow:0 4px 12px #dc49244d}.campaign-launch__launch-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--vermillion-600),var(--vermillion-700));box-shadow:0 6px 16px #dc492466;transform:translateY(-1px)}.campaign-launch__launch-btn:disabled{background:var(--slate-400);box-shadow:none;cursor:not-allowed}.campaign-launch__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding:var(--space-8);max-width:1600px;margin:0 auto}@media(max-width:1024px){.campaign-launch__content{grid-template-columns:1fr}}.campaign-launch__config,.campaign-launch__estimates{display:flex;flex-direction:column;gap:var(--space-6)}.campaign-launch__section{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.campaign-launch__section--sticky{position:sticky;top:100px}.campaign-launch__section-title{margin:0;padding:var(--space-4) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.campaign-launch__validation{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);max-width:600px;padding:var(--space-4) var(--space-6);background:var(--vermillion-50);border:1px solid var(--vermillion-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-sticky)}.campaign-launch__validation-error{margin:0;padding:var(--space-1) 0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--vermillion-700)}.campaign-launch__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.campaign-launch__empty-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.campaign-launch__empty-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary)}.campaign-launch__empty-text{margin:0;font-family:var(--font-body);color:var(--color-text-secondary)}.campaign-launch__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.campaign-launch__spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin 1s linear infinite}@media(max-width:768px){.campaign-launch__header{flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-4)}.campaign-launch__header-left{flex-direction:column;align-items:stretch}.campaign-launch__back{align-self:flex-start}.campaign-launch__content{padding:var(--space-4);gap:var(--space-4)}.campaign-launch__section--sticky{position:relative;top:0}}@media(prefers-color-scheme:dark){.campaign-launch{background:var(--ink-900)}.campaign-launch__header{background:var(--color-bg-primary);border-color:var(--color-border)}.campaign-launch__back{color:var(--color-text-secondary);border-color:var(--color-border)}.campaign-launch__back:hover{background:var(--color-bg-tertiary)}.campaign-launch__section{background:var(--color-bg-primary)}.campaign-launch__section-title{background:var(--color-bg-secondary);border-color:var(--color-border)}.campaign-launch__validation{background:#dc492426;border-color:var(--vermillion-700)}}.campaign-launch-page{min-height:100vh}.campaign-launch-page--loading,.campaign-launch-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4);padding:var(--space-8)}.campaign-launch-page--error h2{font-family:var(--font-display);color:var(--vermillion-600);margin-bottom:var(--space-2)}.campaign-launch-page--error p{font-family:var(--font-body);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.btn-primary{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:var(--color-accent);color:var(--color-text-inverse);border:none;text-decoration:none;display:inline-block}.campaign-launch-page__publishing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:#ffffffe6;z-index:100;font-family:var(--font-body);color:var(--color-text-primary)}.campaign-launch-page__error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);margin:var(--space-4);background:var(--vermillion-50);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.campaign-launch-page__error-banner button{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:var(--text-lg);padding:0 var(--space-2)}@media(prefers-color-scheme:dark){.campaign-launch-page--error h2{color:var(--vermillion-400)}}.campaigns-list-page{max-width:1200px;margin:0 auto;padding:var(--space-8);min-height:100vh}.campaigns-list-page--loading,.campaigns-list-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin 1s linear infinite}.campaigns-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.campaigns-list-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.campaigns-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);background:var(--color-bg-secondary);border-radius:var(--radius-xl);text-align:center}.empty-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.campaigns-list-empty h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin:0 0 var(--space-2)}.campaigns-list-empty p{font-family:var(--font-body);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.campaign-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.campaign-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.campaign-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.campaign-card__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0;flex:1}.campaign-card__status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-inverse);white-space:nowrap}.campaign-card__details{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.detail-row{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:var(--text-sm)}.detail-label{color:var(--color-text-secondary)}.detail-value{color:var(--color-text-primary);font-weight:var(--weight-medium);text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-card__actions{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.btn-primary,.btn-secondary{padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;text-decoration:none;text-align:center;transition:all var(--duration-fast) var(--ease-default)}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);border:none;flex:1}.btn-primary:hover{background:var(--vermillion-600)}.btn-secondary{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);flex:1}.btn-secondary:hover{background:var(--color-bg-secondary)}@media(max-width:768px){.campaigns-list-page{padding:var(--space-4)}.campaigns-list-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.campaigns-list-header .btn-primary{text-align:center}.campaigns-grid{grid-template-columns:1fr}.campaign-card__actions{flex-direction:column}}@media(prefers-color-scheme:dark){.campaigns-list-empty{background:var(--color-bg-secondary)}.campaign-card{background:var(--color-bg-primary)}.campaign-card__actions{border-color:var(--color-border)}.btn-secondary{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-bg-tertiary)}}.ad-accounts{max-width:900px;margin:0 auto;padding:var(--space-6)}.ad-accounts__header{margin-bottom:var(--space-8)}.ad-accounts__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.ad-accounts__subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.ad-accounts__error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--vermillion-50);border:1px solid var(--vermillion-200);border-radius:var(--radius-lg);color:var(--vermillion-700);font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-6)}.ad-accounts__error-close{background:none;border:none;font-size:var(--text-xl);color:var(--vermillion-600);cursor:pointer;padding:0 var(--space-1)}.ad-accounts__loading{text-align:center;padding:var(--space-12);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-base)}.ad-accounts__platforms{display:flex;flex-direction:column;gap:var(--space-5)}.ad-accounts__platform{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-default)}.ad-accounts__platform:hover{border-color:var(--color-border-strong)}.ad-accounts__platform--connected{border-color:var(--forest-500)}.ad-accounts__platform-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.ad-accounts__platform-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-inverse)}.ad-accounts__platform-info{flex:1}.ad-accounts__platform-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.ad-accounts__platform-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.ad-accounts__connection-badge{padding:var(--space-1-5) var(--space-3);background:var(--forest-100);color:var(--forest-700);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full)}.ad-accounts__platform-content{padding:var(--space-5)}.ad-accounts__form{display:flex;flex-direction:column;gap:var(--space-4)}.ad-accounts__form-row{display:flex;flex-direction:column;gap:var(--space-1-5)}.ad-accounts__label{display:flex;flex-direction:column;gap:var(--space-1-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.ad-accounts__input{padding:var(--space-2-5) var(--space-3-5);font-family:var(--font-body);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-default)}.ad-accounts__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #dc49241a}.ad-accounts__input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.ad-accounts__help{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.ad-accounts__help a{color:var(--color-accent);text-decoration:none}.ad-accounts__help a:hover{text-decoration:underline}.ad-accounts__btn{padding:var(--space-2-5) var(--space-4-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.ad-accounts__btn:disabled{opacity:.6;cursor:not-allowed}.ad-accounts__btn--primary{background:var(--color-accent);color:var(--color-text-inverse);border:none}.ad-accounts__btn--primary:hover:not(:disabled){background:var(--vermillion-600)}.ad-accounts__btn--secondary{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border)}.ad-accounts__btn--secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-strong)}.ad-accounts__btn--danger{background:var(--color-bg-primary);color:var(--vermillion-600);border:1px solid var(--vermillion-200)}.ad-accounts__btn--danger:hover:not(:disabled){background:var(--vermillion-50);border-color:var(--vermillion-400)}.ad-accounts__btn--facebook{background:#1877f2;color:#fff;border:none}.ad-accounts__btn--facebook:hover:not(:disabled){background:#0d65d9}.ad-accounts__form code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-bg-tertiary);padding:1px 4px;border-radius:var(--radius-sm)}.ad-accounts__connected{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6)}.ad-accounts__connected-info{flex:1}.ad-accounts__account-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.ad-accounts__account-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.ad-accounts__status{display:inline-block;padding:var(--space-1) var(--space-2-5);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);text-transform:capitalize;margin-bottom:var(--space-2)}.ad-accounts__status--active{background:var(--forest-100);color:var(--forest-700)}.ad-accounts__status--error{background:var(--vermillion-100);color:var(--vermillion-700)}.ad-accounts__status--expired{background:var(--ochre-100);color:var(--ochre-700)}.ad-accounts__status--pending{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.ad-accounts__verified{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.ad-accounts__connected-actions{display:flex;flex-direction:column;gap:var(--space-2)}.ad-accounts__summary{margin-top:var(--space-8);padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.ad-accounts__summary-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.ad-accounts__summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.ad-accounts__summary-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.ad-accounts__summary-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.ad-accounts__summary-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}@media(max-width:640px){.ad-accounts{padding:var(--space-4)}.ad-accounts__platform-header{flex-wrap:wrap}.ad-accounts__connection-badge{margin-left:64px;margin-top:var(--space-2)}.ad-accounts__connected{flex-direction:column}.ad-accounts__connected-actions{flex-direction:row;width:100%}.ad-accounts__connected-actions .ad-accounts__btn{flex:1}.ad-accounts__summary-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.ad-accounts__platform{background:var(--color-bg-primary);border-color:var(--color-border)}.ad-accounts__platform:hover{border-color:var(--color-border-strong)}.ad-accounts__platform--connected{border-color:var(--forest-500)}.ad-accounts__platform-header{background:var(--color-bg-secondary);border-color:var(--color-border)}.ad-accounts__input{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.ad-accounts__input:disabled{background:var(--color-bg-tertiary)}.ad-accounts__btn--secondary{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.ad-accounts__btn--secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}.ad-accounts__btn--danger{background:var(--color-bg-secondary);border-color:var(--vermillion-700)}.ad-accounts__summary{background:var(--color-bg-secondary)}.ad-accounts__summary-item{background:var(--color-bg-primary);border-color:var(--color-border)}.ad-accounts__error-banner{background:#dc49241a;border-color:var(--vermillion-700)}}.pricing-page{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-4)}.pricing-page__header{text-align:center;margin-bottom:var(--space-8)}.pricing-page__header h1{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.pricing-page__header p{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary)}.pricing-page__error{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--vermillion-50);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.pricing-page__error button{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:var(--text-lg)}.pricing-page__notice{text-align:center;padding:var(--space-3);margin-bottom:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.pricing-page__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);align-items:start}@media(max-width:900px){.pricing-page__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pricing-page__grid{grid-template-columns:1fr}}.pricing-card{position:relative;display:flex;flex-direction:column;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);transition:box-shadow var(--duration-normal) var(--ease-default)}.pricing-card:hover{box-shadow:var(--shadow-lg)}.pricing-card--popular{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.pricing-card--current{border-color:var(--color-success, #10B981)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.pricing-card__badge--current{background:var(--color-success, #10B981)}.pricing-card__name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.pricing-card__price{display:flex;align-items:baseline;gap:2px;margin-bottom:var(--space-5)}.pricing-card__currency{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.pricing-card__amount{font-family:var(--font-heading);font-size:var(--text-4xl, 2.5rem);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:1}.pricing-card__period{font-size:var(--text-base);color:var(--color-text-secondary)}.pricing-card__features{list-style:none;padding:0;margin:0 0 var(--space-6);flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.pricing-card__features li{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.pricing-card__check{color:var(--color-success, #10B981);font-weight:var(--weight-bold);flex-shrink:0}.pricing-card__action{margin-top:auto}.pricing-card__action .btn-primary,.pricing-card__action .btn-secondary{width:100%;text-align:center}.oauth-callback{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-6)}.oauth-callback__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-12);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;max-width:420px;width:100%}.oauth-callback__card--success{border-color:var(--forest-400)}.oauth-callback__card--error{border-color:var(--vermillion-300)}.oauth-callback__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:oauth-spin .8s linear infinite}@keyframes oauth-spin{to{transform:rotate(360deg)}}.oauth-callback__icon{width:48px;height:48px;border-radius:50%;background:var(--forest-100);color:var(--forest-700);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--weight-bold)}.oauth-callback__icon--error{background:var(--vermillion-100);color:var(--vermillion-700)}.oauth-callback__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.oauth-callback__subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.oauth-callback__error{font-family:var(--font-body);font-size:var(--text-sm);color:var(--vermillion-700);margin:0;line-height:1.5}.oauth-callback__btn{padding:var(--space-2-5) var(--space-5);background:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.oauth-callback__btn:hover{background:var(--vermillion-600)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-secondary)}.app-header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-6) var(--space-4);position:sticky;top:0;z-index:var(--z-header)}.app-header__content{max-width:var(--container-7xl);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.app-header__title-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.app-header__logo{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover}.app-header__branding{display:flex;flex-direction:column;align-items:center}.app-header__byline{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;margin-top:var(--space-1);letter-spacing:.05em;text-transform:uppercase}.app-header__right{display:flex;align-items:center;gap:var(--space-4)}.app-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0;text-align:center;position:relative}.app-header h1:after{display:none}.app-nav{display:flex;gap:var(--space-1);background-color:var(--color-bg-tertiary);padding:var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.nav-link{position:relative;padding:var(--space-2-5) var(--space-5);border-radius:var(--radius-md);text-decoration:none;font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.nav-link:hover{color:var(--color-text-primary);background-color:#fff9}.nav-link--active{background-color:var(--color-bg-primary);color:var(--color-accent);box-shadow:var(--shadow-sm);font-weight:var(--weight-semibold)}.nav-link--active:before{content:"";position:absolute;top:6px;right:6px;width:5px;height:5px;background-color:var(--color-accent);border-radius:var(--radius-full)}.app-main{flex:1;max-width:var(--container-7xl);width:100%;margin:0 auto;padding:var(--space-8) var(--space-4);animation:fade-up var(--duration-slow) var(--ease-out)}.app-main>*{animation:fade-up var(--duration-slow) var(--ease-out)}@media(min-width:640px){.app-header{padding:var(--space-8) var(--space-6)}.app-header__content{flex-direction:row;justify-content:space-between;align-items:center}.app-header__right{gap:var(--space-6)}.app-header h1{text-align:left}.app-header h1:after{left:0;transform:none}.app-main{padding:var(--space-10) var(--space-6)}}@media(min-width:1024px){.app-main{padding:var(--space-12) var(--space-8)}}@media(max-width:640px){.app-header h1{font-size:var(--text-2xl)}.app-header__right{flex-direction:column;gap:var(--space-3)}.app-nav{flex-wrap:wrap;justify-content:center}.nav-link{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}@media(prefers-color-scheme:dark){.app-header{background-color:var(--color-bg-primary);border-bottom-color:var(--color-border)}.app-nav{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.nav-link:hover{background-color:#ffffff0d}.nav-link--active{background-color:var(--color-bg-elevated)}}.clock-skew-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-warning-subtle, #fef3c7);border-bottom:1px solid var(--color-warning, #f59e0b);color:var(--color-warning-text, #92400e);font-family:var(--font-body);font-size:var(--text-sm)}.clock-skew-warning__icon{flex-shrink:0;font-size:var(--text-lg);color:var(--color-warning, #f59e0b)}.clock-skew-warning__message{flex:1;line-height:var(--leading-relaxed)}.clock-skew-warning__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-warning-text, #92400e);font-size:var(--text-lg);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-default)}.clock-skew-warning__dismiss:hover{background-color:#0000001a}.clock-skew-warning__dismiss:focus{outline:2px solid var(--color-warning, #f59e0b);outline-offset:2px}@media(prefers-color-scheme:dark){.clock-skew-warning{background-color:#f59e0b26;border-bottom-color:#f59e0b80;color:#fcd34d}.clock-skew-warning__icon,.clock-skew-warning__dismiss{color:#fcd34d}.clock-skew-warning__dismiss:hover{background-color:#ffffff1a}}.clock-skew-blocking{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--duration-normal) var(--ease-out)}.clock-skew-blocking__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-10);background-color:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:420px;text-align:center;animation:scale-in var(--duration-normal) var(--ease-bounce)}.clock-skew-blocking__icon{font-size:48px;color:var(--color-error, #dc2626)}.clock-skew-blocking__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.clock-skew-blocking__message{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.clock-skew-blocking__button{margin-top:var(--space-2);padding:var(--space-3) var(--space-6);background-color:var(--color-accent);color:#fff;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.clock-skew-blocking__button:hover{background-color:var(--color-accent-dark, #4f46e5);transform:translateY(-1px)}.clock-skew-blocking__button:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.clock-skew-blocking{background-color:#000000e6}.clock-skew-blocking__content{background-color:var(--color-bg-elevated);border:1px solid var(--color-border)}.clock-skew-blocking__icon{color:#f87171}}.page-header{margin-bottom:var(--space-8)}.page-header__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.page-header__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px}.section-divider{height:1px;background:linear-gradient(to right,transparent,var(--color-border-strong) 20%,var(--color-border-strong) 80%,transparent);margin:var(--space-12) 0}:root{--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm: clamp(.8125rem, .75rem + .3vw, .875rem);--text-base: clamp(.9375rem, .875rem + .3vw, 1rem);--text-lg: clamp(1.0625rem, 1rem + .3vw, 1.125rem);--text-xl: clamp(1.1875rem, 1.1rem + .4vw, 1.25rem);--text-2xl: clamp(1.375rem, 1.25rem + .5vw, 1.5rem);--text-3xl: clamp(1.75rem, 1.5rem + 1vw, 2rem);--text-4xl: clamp(2.25rem, 1.75rem + 2vw, 3rem);--text-5xl: clamp(3rem, 2.25rem + 3vw, 4rem);--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .05em;--tracking-widest: .08em;--ink-900: #0f0f0f;--ink-800: #1a1a1a;--ink-700: #2d2d2d;--ink-600: #404040;--ink-500: #595959;--ink-400: #737373;--ink-300: #8c8c8c;--ink-200: #a6a6a6;--ink-100: #d9d9d9;--ink-50: #f2f2f2;--paper-white: #fefefe;--paper-cream: #faf8f5;--paper-warm: #f5f3f0;--paper-cool: #f7f8fa;--vermillion-700: #9a2a10;--vermillion-600: #c23616;--vermillion-500: #dc4924;--vermillion-400: #e86a4a;--vermillion-300: #f09070;--vermillion-200: #f8b8a0;--vermillion-100: #fde8e0;--vermillion-50: #fef5f2;--ochre-700: #8a5a0e;--ochre-600: #b57614;--ochre-500: #d48b1e;--ochre-400: #e5a73d;--ochre-300: #f0c260;--ochre-200: #f8dc9a;--ochre-100: #fdf4dc;--ochre-50: #fefbf3;--forest-700: #145236;--forest-600: #1a6846;--forest-500: #228856;--forest-400: #3da670;--forest-300: #62c490;--forest-200: #98e0b8;--forest-100: #dcf5e6;--forest-50: #f0faf4;--slate-700: #2e3d4d;--slate-600: #3d5066;--slate-500: #506680;--slate-400: #6b829a;--slate-300: #8a9eb4;--slate-200: #b5c4d4;--slate-100: #e5ecf2;--slate-50: #f5f7fa;--platform-meta: #1877f2;--platform-google: #ea4335;--platform-taboola: #00a9e0;--color-bg-primary: var(--paper-white);--color-bg-secondary: var(--paper-cream);--color-bg-tertiary: var(--paper-warm);--color-bg-elevated: var(--paper-white);--color-bg-overlay: rgba(15, 15, 15, .5);--color-text-primary: var(--ink-800);--color-text-secondary: var(--ink-500);--color-text-muted: var(--ink-400);--color-text-inverse: var(--paper-white);--color-text-link: var(--vermillion-500);--color-text-link-hover: var(--vermillion-600);--color-border: var(--ink-100);--color-border-strong: var(--ink-200);--color-border-subtle: var(--ink-50);--color-border-focus: var(--vermillion-400);--color-accent: var(--vermillion-500);--color-accent-hover: var(--vermillion-600);--color-accent-active: var(--vermillion-700);--color-accent-subtle: var(--vermillion-100);--color-success: var(--forest-500);--color-success-subtle: var(--forest-100);--color-warning: var(--ochre-500);--color-warning-subtle: var(--ochre-100);--color-error: var(--vermillion-500);--color-error-subtle: var(--vermillion-100);--color-info: var(--slate-500);--color-info-subtle: var(--slate-100);--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 15, 15, .04);--shadow-sm: 0 2px 4px rgba(15, 15, 15, .06);--shadow-md: 0 4px 8px rgba(15, 15, 15, .08);--shadow-lg: 0 8px 24px rgba(15, 15, 15, .1);--shadow-xl: 0 16px 48px rgba(15, 15, 15, .12);--shadow-2xl: 0 24px 64px rgba(15, 15, 15, .16);--shadow-inner: inset 0 2px 4px rgba(15, 15, 15, .06);--shadow-focus: 0 0 0 3px var(--vermillion-200);--shadow-focus-error: 0 0 0 3px var(--vermillion-200);--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: .7s;--z-below: -1;--z-base: 0;--z-above: 1;--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700;--z-max: 9999;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--container-full: 100%;--sidebar-width: 250px;--header-height: 64px}@media(prefers-color-scheme:dark){:root{--color-bg-primary: var(--ink-900);--color-bg-secondary: var(--ink-800);--color-bg-tertiary: var(--ink-700);--color-bg-elevated: #1f1f1f;--color-bg-overlay: rgba(0, 0, 0, .7);--color-text-primary: var(--ink-50);--color-text-secondary: var(--ink-300);--color-text-muted: var(--ink-400);--color-text-inverse: var(--ink-900);--color-text-link: var(--vermillion-400);--color-text-link-hover: var(--vermillion-300);--color-border: var(--ink-700);--color-border-strong: var(--ink-600);--color-border-subtle: var(--ink-800);--color-accent-subtle: rgba(220, 73, 36, .2);--color-success-subtle: rgba(34, 136, 86, .2);--color-warning-subtle: rgba(212, 139, 30, .2);--color-error-subtle: rgba(220, 73, 36, .2);--color-info-subtle: rgba(80, 102, 128, .2);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4)}}[data-theme=dark]{--color-bg-primary: var(--ink-900);--color-bg-secondary: var(--ink-800);--color-bg-tertiary: var(--ink-700);--color-bg-elevated: #1f1f1f;--color-bg-overlay: rgba(0, 0, 0, .7);--color-text-primary: var(--ink-50);--color-text-secondary: var(--ink-300);--color-text-muted: var(--ink-400);--color-text-inverse: var(--ink-900);--color-text-link: var(--vermillion-400);--color-text-link-hover: var(--vermillion-300);--color-border: var(--ink-700);--color-border-strong: var(--ink-600);--color-border-subtle: var(--ink-800);--color-accent-subtle: rgba(220, 73, 36, .2);--color-success-subtle: rgba(34, 136, 86, .2);--color-warning-subtle: rgba(212, 139, 30, .2);--color-error-subtle: rgba(220, 73, 36, .2);--color-info-subtle: rgba(80, 102, 128, .2);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4)}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,.heading-1,.heading-2,.heading-3,.heading-4,.heading-5,.heading-6{font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}h1,.heading-1{font-size:var(--text-5xl);letter-spacing:-.03em}h2,.heading-2{font-size:var(--text-4xl);letter-spacing:-.025em}h3,.heading-3{font-size:var(--text-3xl)}h4,.heading-4{font-size:var(--text-2xl)}h5,.heading-5{font-size:var(--text-xl)}h6,.heading-6{font-size:var(--text-lg)}.heading-group{display:flex;flex-direction:column;gap:var(--space-1)}.heading-group .subtitle{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--color-text-secondary);letter-spacing:normal}p{margin:0;line-height:var(--leading-relaxed)}.text-body-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.text-body{font-size:var(--text-base);line-height:var(--leading-normal)}.text-body-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-body-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.label,.text-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-secondary);line-height:var(--leading-normal)}.label-sm{font-size:.6875rem;letter-spacing:.1em}.label-lg{font-size:var(--text-sm);letter-spacing:var(--tracking-wider)}.pull-quote{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);font-style:italic;color:var(--color-text-primary);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-none);letter-spacing:-.03em}.stat-value-sm{font-size:var(--text-2xl)}.stat-value-lg{font-size:var(--text-5xl)}code,kbd,samp,pre,.text-mono{font-family:var(--font-mono);font-size:.9em}.metric-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:-.02em;font-feature-settings:"tnum" 1}.metric-value-lg{font-size:var(--text-2xl)}.metric-value-sm{font-size:var(--text-base)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}a{color:var(--color-text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-text-link-hover)}.link-underline{text-decoration:underline;text-underline-offset:2px}.link-subtle{color:var(--color-text-secondary)}.link-subtle:hover{color:var(--color-text-primary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-left{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes scale-bounce{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progress-fill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-fade-in{animation:fade-in var(--duration-normal) var(--ease-out) forwards}.animate-fade-out{animation:fade-out var(--duration-normal) var(--ease-in) forwards}.animate-fade-up{animation:fade-up var(--duration-slow) var(--ease-out) forwards}.animate-fade-down{animation:fade-down var(--duration-slow) var(--ease-out) forwards}.animate-fade-left{animation:fade-left var(--duration-slow) var(--ease-out) forwards}.animate-fade-right{animation:fade-right var(--duration-slow) var(--ease-out) forwards}.animate-scale-in{animation:scale-in var(--duration-normal) var(--ease-out) forwards}.animate-scale-out{animation:scale-out var(--duration-normal) var(--ease-in) forwards}.animate-scale-bounce{animation:scale-bounce var(--duration-slow) var(--ease-bounce) forwards}.animate-slide-in-right{animation:slide-in-right var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-left{animation:slide-in-left var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-up{animation:slide-in-up var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-down{animation:slide-in-down var(--duration-slow) var(--ease-out) forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-shake{animation:shake .5s var(--ease-default)}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}.stagger-slow-1{animation-delay:.1s}.stagger-slow-2{animation-delay:.2s}.stagger-slow-3{animation-delay:.3s}.stagger-slow-4{animation-delay:.4s}.stagger-slow-5{animation-delay:.5s}.hover-lift{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-lift-lg{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift-lg:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--duration-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.02)}.hover-scale-sm{transition:transform var(--duration-fast) var(--ease-out)}.hover-scale-sm:hover{transform:scale(1.01)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px #dc492426}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.focus-ring-inset:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--vermillion-400)}.active-scale:active{transform:scale(.98)}.active-scale-sm:active{transform:scale(.99)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s var(--ease-in-out) infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-heading{height:1.5em;width:60%;border-radius:var(--radius-sm)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-card{height:200px;border-radius:var(--radius-lg)}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal) var(--ease-default)}.transition-colors{transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-default)}.transition-shadow{transition:box-shadow var(--duration-normal) var(--ease-default)}.transition-transform{transition:transform var(--duration-normal) var(--ease-default)}.duration-fast{transition-duration:var(--duration-fast)}.duration-normal{transition-duration:var(--duration-normal)}.duration-slow{transition-duration:var(--duration-slow)}.duration-slower{transition-duration:var(--duration-slower)}.ease-default{transition-timing-function:var(--ease-default)}.ease-in{transition-timing-function:var(--ease-in)}.ease-out{transition-timing-function:var(--ease-out)}.ease-bounce{transition-timing-function:var(--ease-bounce)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-spin,.animate-pulse,.animate-bounce{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background-color:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-accent-active)}.btn--secondary{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-text-muted)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn--danger{background-color:var(--color-error);color:var(--color-text-inverse)}.btn--danger:hover:not(:disabled){background-color:var(--vermillion-600)}.btn--success{background-color:var(--color-success);color:var(--color-text-inverse)}.btn--success:hover:not(:disabled){background-color:var(--forest-600)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn--xl{padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.btn--icon{padding:var(--space-2);aspect-ratio:1}.btn--icon.btn--sm{padding:var(--space-1-5)}.btn--icon.btn--lg{padding:var(--space-3)}.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card--interactive{cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.card--interactive:active{transform:scale(.995)}.card--elevated{border:none;box-shadow:var(--shadow-md)}.card--elevated:hover{box-shadow:var(--shadow-lg)}.card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.card__body{padding:var(--space-5)}.card__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.card__media{position:relative;overflow:hidden}.card__media img{width:100%;height:auto;display:block}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:focus):not(:disabled){border-color:var(--color-border-strong)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed;opacity:.7}.input--error{border-color:var(--color-error)}.input--error:focus{box-shadow:var(--shadow-focus-error)}.input--success{border-color:var(--color-success)}.input--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.input--lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.textarea{min-height:120px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.25em;padding-right:var(--space-10)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.form-label--required:after{content:" *";color:var(--color-error)}.form-helper{font-size:var(--text-xs);color:var(--color-text-muted)}.form-error{font-size:var(--text-xs);color:var(--color-error)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;border-radius:var(--radius-sm);white-space:nowrap}.badge--success{background-color:var(--color-success-subtle);color:var(--forest-600)}.badge--warning{background-color:var(--color-warning-subtle);color:var(--ochre-600)}.badge--error{background-color:var(--color-error-subtle);color:var(--vermillion-600)}.badge--info{background-color:var(--color-info-subtle);color:var(--slate-600)}.badge--neutral{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge--dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background-color:currentColor}.badge--sm{padding:var(--space-0-5) var(--space-1-5);font-size:.6875rem}.badge--lg{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-sm);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar--lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar--xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--color-bg-primary);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.divider{height:1px;background-color:var(--color-border);border:none;margin:var(--space-4) 0}.divider--strong{background-color:var(--color-border-strong)}.divider--vertical{width:1px;height:auto;margin:0 var(--space-4)}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner--sm{width:16px;height:16px;border-width:1.5px}.spinner--lg{width:40px;height:40px;border-width:3px}.progress{width:100%;height:8px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress__bar{height:100%;background-color:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.progress--success .progress__bar{background-color:var(--color-success)}.progress--sm{height:4px}.progress--lg{height:12px}.tooltip-trigger{position:relative;cursor:help}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background-color:var(--ink-800);color:var(--ink-50);font-size:var(--text-xs);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-default),visibility var(--duration-fast) var(--ease-default);z-index:var(--z-tooltip);margin-bottom:var(--space-2)}.tooltip-trigger:hover .tooltip,.tooltip-trigger:focus .tooltip{opacity:1;visibility:visible}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background-color:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:auto;animation:scale-in var(--duration-normal) var(--ease-out)}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal__body{padding:var(--space-6)}.modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state__icon{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--space-4)}.empty-state__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-base);color:var(--color-text-secondary);max-width:320px;margin-bottom:var(--space-6)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.tab{padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);margin-bottom:-1px}.tab:hover{color:var(--color-text-primary)}.tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-semibold);color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.table td{padding:var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table tbody tr:hover{background-color:var(--color-bg-secondary)}.table--striped tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;min-width:320px;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:focus{outline:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}*{scrollbar-width:thin;scrollbar-color:var(--ink-300) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--ink-300);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--ink-400)}::selection{background-color:var(--vermillion-200);color:var(--ink-900)}::-moz-selection{background-color:var(--vermillion-200);color:var(--ink-900)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:var(--container-7xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}