.ui-input-wrapper{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;width:100%;display:flex}.ui-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);justify-content:space-between;align-items:center;display:flex}.ui-input-label .required{color:var(--color-error-500);margin-left:var(--space-1)}.ui-input-container{align-items:center;display:flex;position:relative}.ui-input-icon{left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none;align-items:center;display:flex;position:absolute}.ui-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface-input);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.ui-input--with-icon{padding-left:calc(var(--space-3) * 2 + 20px)}.ui-input:focus{border-color:var(--color-brand-500);outline:none;box-shadow:0 0 0 3px #2069df1a}[data-theme=dark] .ui-input:focus{box-shadow:0 0 0 3px #2069df4d}.ui-input.has-error{border-color:var(--color-error-500)}.ui-input.has-error:focus{box-shadow:0 0 0 3px #ef43431a}[data-theme=dark] .ui-input.has-error:focus{box-shadow:0 0 0 3px #ef43434d}.ui-input-error{font-size:var(--font-size-sm);color:var(--color-error-500);margin-top:var(--space-1)}.spotlight-card{border-radius:var(--radius-2xl);background-color:var(--color-surface-card);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);flex-direction:column;height:100%;display:flex;position:relative}.spotlight-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-focus);transform:translateY(-2px)}.spotlight-card__glare-wrapper{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.spotlight-card__content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.spotlight-card__glare{opacity:0;transition:opacity .4s;position:absolute;inset:0}.spotlight-card:hover .spotlight-card__glare{opacity:1}[data-theme=dark] .spotlight-card{--spotlight-color:#2069df26}[data-theme=light] .spotlight-card{--spotlight-color:#2069df0d}:root{--spotlight-color:#2069df14}.login-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-4);background-color:#14181f66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-modal-wrapper{z-index:1001;width:100%;max-width:440px;position:relative}.login-modal-card{padding:var(--space-12) var(--space-8) var(--space-10);--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-text-tertiary:var(--color-neutral-500);--color-bg-tertiary:var(--color-neutral-100);--color-surface-input:#fff;--color-border-primary:var(--color-neutral-300);color:var(--color-text-primary);flex-direction:column;display:flex;position:relative;box-shadow:0 20px 40px #00000014;border:1px solid var(--color-neutral-200)!important;background-color:#fff!important}.login-modal-close{top:var(--space-4);right:var(--space-4);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.login-modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.login-modal-header{text-align:center;margin-bottom:var(--space-8)}.login-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.login-modal-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-modal-form{gap:var(--space-4);flex-direction:column;display:flex}.ui-button{font-family:var(--font-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button--full-width{width:100%}.ui-button--sm{height:32px;padding:0 var(--space-4);font-size:var(--font-size-sm)}.ui-button--md{height:44px;padding:0 var(--space-6);font-size:var(--font-size-base)}.ui-button--lg{height:52px;padding:0 var(--space-8);font-size:var(--font-size-lg)}.ui-button--primary{background:var(--color-brand-600);color:var(--color-neutral-0);border-color:var(--color-brand-600)}.ui-button--primary:hover:not(:disabled){background:var(--color-brand-700);border-color:var(--color-brand-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}[data-theme=dark] .ui-button--primary{background:var(--color-brand-500);color:var(--color-neutral-0);border-color:var(--color-brand-500)}[data-theme=dark] .ui-button--primary:hover:not(:disabled){background:var(--color-brand-400);border-color:var(--color-brand-400);box-shadow:0 4px 12px #2069df66}.ui-button--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-primary)}.ui-button--secondary:hover:not(:disabled){background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ui-button--outline{color:var(--color-text-primary);border-color:var(--color-border-primary);background:0 0}.ui-button--outline:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.ui-button--ghost{color:var(--color-text-primary);background:0 0}.ui-button--ghost:hover:not(:disabled){background:var(--color-bg-secondary)}.stripe-nav{justify-content:center;align-items:center;display:flex;position:relative}.stripe-nav__list{align-items:center;gap:var(--space-1);z-index:10;margin:0;padding:0;list-style:none;display:flex;position:relative}.stripe-nav__item{position:relative}.stripe-nav__link{color:var(--color-text-primary);transition:background-color var(--transition-fast), color var(--transition-fast);opacity:.8;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:.9375rem;font-weight:600;text-decoration:none;display:block}.stripe-nav__link:hover{opacity:1;background-color:#0000000d}[data-theme=dark] .stripe-nav__link:hover{background-color:#ffffff1a}.stripe-nav__dropdown-container{perspective:2000px;z-index:5;pointer-events:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.stripe-nav__dropdown-bg{-webkit-backdrop-filter:blur(24px)saturate(180%);pointer-events:auto;will-change:width, height, transform;background-color:#ffffffd9;border:1px solid #fff6;border-radius:24px;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 50px 100px -20px #32325d26,0 30px 60px -30px #0003,inset 0 0 0 1px #ffffff80}[data-theme=dark] .stripe-nav__dropdown-bg{background-color:#0f172ad9;border:1px solid #ffffff1a;box-shadow:0 50px 100px -20px #0009,0 30px 60px -30px #000c,inset 0 0 0 1px #ffffff0d}.stripe-nav__dropdown-inner{width:100%;height:100%;position:relative}.stripe-nav__content-wrapper{width:max-content;position:absolute;top:0;left:0}.stripe-nav__content{padding:var(--space-6) var(--space-8);min-width:320px}.stripe-nav__section{margin-bottom:var(--space-4)}.stripe-nav__section:last-child{margin-bottom:0}.stripe-nav__section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-3);margin-left:var(--space-2);font-size:.75rem;font-weight:700}.stripe-nav__grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(200px,1fr));display:grid}:is(.stripe-nav__grid:has(>:first-child:last-child),.stripe-nav__grid:has(>:nth-child(2):last-child)){grid-template-columns:1fr}.stripe-nav__item-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:0 0;border-radius:16px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.stripe-nav__item-card:hover{background-color:#fff9;transform:translateY(-2px);box-shadow:0 12px 24px -10px #00000014}[data-theme=dark] .stripe-nav__item-card:hover{background-color:#ffffff0d;box-shadow:0 12px 24px -10px #0006}.stripe-nav__icon-wrapper{color:var(--color-brand-600);background:linear-gradient(135deg, var(--color-brand-50), white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #0000000d,inset 0 0 0 1px #ffffff80}.stripe-nav__item-card:hover .stripe-nav__icon-wrapper{color:var(--color-brand-500);transform:scale(1.08)rotate(-3deg);box-shadow:0 8px 16px #0000001a,inset 0 0 0 1px #fffc}[data-theme=dark] .stripe-nav__icon-wrapper{color:var(--color-brand-400);background:linear-gradient(135deg,#3c83f626,#0003);box-shadow:0 4px 12px #0003,inset 0 0 0 1px #ffffff0d}[data-theme=dark] .stripe-nav__item-card:hover .stripe-nav__icon-wrapper{box-shadow:0 8px 16px #0006,inset 0 0 0 1px #ffffff1a}.stripe-nav__item-text{flex-direction:column;display:flex}.stripe-nav__item-title{color:var(--color-text-primary);margin-bottom:2px;font-size:.9375rem;font-weight:600}.stripe-nav__item-desc{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.4}.public-layout{background-color:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary);flex-direction:column;display:flex}.public-main{flex:1}.public-header{height:64px;z-index:var(--z-sticky);transition:background-color var(--transition-base), box-shadow var(--transition-base), backdrop-filter var(--transition-base);background-color:#0000;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.public-header.scrolled{-webkit-backdrop-filter:saturate(180%)blur(20px);background-color:#ffffffb3;border-bottom:1px solid #0000000d}[data-theme=dark] .public-header.scrolled{background-color:#0b0e1399;border-bottom:1px solid #ffffff14}.public-header__container{justify-content:space-between;align-items:center;max-width:1040px;height:100%;display:flex}.public-header__brand{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.public-header__logo{width:32px;height:32px}.public-header__name{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.public-header__nav{position:absolute;left:50%;transform:translate(-50%)}.public-header__nav-list{align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.public-header__nav-link{color:var(--color-text-primary);transition:background-color var(--transition-fast), color var(--transition-fast);opacity:.8;border-radius:999px;padding:8px 16px;font-size:.9375rem;font-weight:600;text-decoration:none}.public-header__nav-link:hover{opacity:1;background-color:#0000000d}[data-theme=dark] .public-header__nav-link:hover{background-color:#ffffff1a}.public-header__actions{align-items:center;gap:var(--space-3);display:flex}.mobile-only{display:none}.mobile-menu-toggle{color:var(--color-text-primary);font-size:var(--font-size-xl);cursor:pointer;padding:var(--space-2);background:0 0;border:none}.mobile-menu{top:var(--header-height);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-md);padding:var(--space-4);animation:.2s ease-out fadeIn;position:absolute;left:0;right:0}.mobile-menu__list{gap:var(--space-4);margin:0;margin-bottom:var(--space-6);flex-direction:column;padding:0;list-style:none;display:flex}.mobile-menu__link{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-medium);text-decoration:none;display:block}.mobile-menu__actions{gap:var(--space-3);flex-direction:column;display:flex}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block}}.public-footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-secondary);padding-top:var(--space-16);padding-bottom:var(--space-8)}.public-footer__grid{gap:var(--space-8);margin-bottom:var(--space-16);grid-template-columns:2fr 1fr 1fr 1fr 1fr;display:grid}@media (max-width:1024px){.public-footer__grid{grid-template-columns:1fr 1fr 1fr}.public-footer__brand-col{margin-bottom:var(--space-8);grid-column:span 3}}@media (max-width:640px){.public-footer__grid{grid-template-columns:1fr 1fr}.public-footer__brand-col{grid-column:span 2}}.public-footer__brand-link{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);text-decoration:none;display:flex}.public-footer__logo{width:28px;height:28px}.public-footer__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.public-footer__desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);max-width:320px;margin-bottom:var(--space-6)}.public-footer__socials{gap:var(--space-4);display:flex}.public-footer__social-link{color:var(--color-text-tertiary);font-size:var(--font-size-xl);transition:color var(--transition-fast);text-decoration:none}.public-footer__social-link:hover{color:var(--color-text-primary)}.public-footer__col-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.public-footer__link-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.public-footer__link{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.public-footer__link:hover{color:var(--color-brand-500)}.public-footer__bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border-secondary);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.user-dashboard-header-primary{background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-primary);z-index:50;align-items:center;height:64px;display:flex;position:sticky;top:0}.nav-icons-container{align-items:center;gap:var(--space-2);display:flex}.nav-icon-btn{color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 8px;text-decoration:none;display:flex}.nav-icon-label{letter-spacing:.02em;font-size:.6rem;font-weight:600}.nav-icon-btn:hover{color:var(--color-brand-500);background-color:var(--color-surface-hover);transform:translateY(-1px)}.nav-icon-btn.active{color:var(--color-brand-600);background-color:var(--color-brand-50)}[data-theme=dark] .nav-icon-btn.active{color:var(--color-brand-400);background-color:#3c83f626}.user-dropdown{margin-top:var(--space-3);background-color:var(--color-surface-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:220px;padding:var(--space-2);z-index:100;opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;flex-direction:column;transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;display:flex;position:absolute;top:100%;right:0;transform:translateY(-8px)scale(.98)}.user-profile-menu:hover .user-dropdown,.user-profile-menu:focus-within .user-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.user-dropdown-header{flex-direction:column;gap:2px;padding:8px 12px;display:flex}.user-dropdown-name{color:var(--color-text-primary);margin:0;font-size:.875rem;font-weight:600}.user-dropdown-email{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75rem;overflow:hidden}.user-dropdown-divider{background-color:var(--color-border-secondary);height:1px;margin:var(--space-1) 0}.user-dropdown-item{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:8px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.user-dropdown-item .dropdown-icon{color:var(--color-text-tertiary);transition:color var(--transition-fast)}.user-dropdown-item:hover .dropdown-icon{color:var(--color-text-secondary)}.user-dropdown-item.text-danger,.user-dropdown-item.text-danger .dropdown-icon{color:var(--color-error-500)}.user-dropdown-item.text-danger:hover .dropdown-icon{color:var(--color-error-600)}.ai-settings-panel{padding:0 2rem 2rem}.ai-settings-section{background:var(--color-bg-secondary,#f8fafc);border:1px solid var(--color-border-primary,#e2e8f0);border-radius:12px;margin-bottom:32px;padding:24px;transition:box-shadow .2s}.ai-settings-section:hover{box-shadow:0 4px 12px #0000000a}.ai-settings-section-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.ai-settings-section-header h4{color:var(--color-text-primary);margin:0;font-size:.95rem;font-weight:700}.ai-settings-section-header .section-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:600}.section-badge.required{color:#ef4444;background:#ef44441a}.section-badge.optional{color:#3b82f6;background:#3b82f61a}.ai-field-group{margin-bottom:20px}.ai-field-group:last-child{margin-bottom:0}.ai-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary,#64748b);margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.ai-field-description{color:var(--color-text-secondary);margin-bottom:8px;font-size:.8rem;line-height:1.4}.ai-input{border:1px solid var(--color-border-primary,#e2e8f0);background:var(--color-bg-primary,#fff);width:100%;color:var(--color-text-primary);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.ai-input:focus{border-color:var(--color-brand-500,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.ai-input.monospace{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8rem}.ai-textarea{border:1px solid var(--color-border-primary,#e2e8f0);background:var(--color-bg-primary,#fff);width:100%;color:var(--color-text-primary);resize:vertical;border-radius:8px;outline:none;min-height:120px;padding:14px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.ai-textarea:focus{border-color:var(--color-brand-500,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.ai-textarea.large{min-height:300px}.ai-select{border:1px solid var(--color-border-primary,#e2e8f0);background:var(--color-bg-primary,#fff);width:100%;color:var(--color-text-primary);cursor:pointer;border-radius:8px;outline:none;padding:10px 14px;font-size:.875rem}.ai-select:focus{border-color:var(--color-brand-500,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.api-key-row{align-items:stretch;gap:8px;display:flex}.api-key-row .ai-input{flex:1}.api-key-row button{white-space:nowrap}.connection-status{align-items:center;gap:8px;margin-top:8px;font-size:.8rem;font-weight:500;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.connected{background:#10b981;box-shadow:0 0 6px #10b98180}.status-dot.disconnected{background:#ef4444;box-shadow:0 0 6px #ef44444d}.status-dot.testing{background:#f59e0b;animation:1s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.ai-field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ai-field-grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.btn-reset{color:var(--color-text-secondary);border:1px solid var(--color-border-primary,#e2e8f0);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;transition:all .15s;display:inline-flex}.btn-reset:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-test-key{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-test-key:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-test-key:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ai-settings-footer{border-top:1px solid var(--color-border-primary,#e2e8f0);justify-content:flex-end;gap:12px;margin-top:12px;padding-top:24px;display:flex}.ai-toast{z-index:1000;border-radius:8px;padding:12px 20px;font-size:.85rem;font-weight:500;animation:.3s ease-out slide-up;position:fixed;bottom:24px;right:24px}.ai-toast.success{color:#fff;background:#10b981}.ai-toast.error{color:#fff;background:#ef4444}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.usage-stats{background:#3b82f60d;border:1px solid #3b82f626;border-radius:8px;align-items:center;gap:16px;margin-top:12px;padding:12px 16px;display:flex}.usage-stats-label{color:var(--color-text-secondary);font-size:.8rem}.usage-stats-value{color:var(--color-brand-500,#3b82f6);font-size:.9rem;font-weight:700}.ai-empty-notice{color:#b45309;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:16px;font-size:.85rem;display:flex}.dashboard-layout{background-color:var(--color-background);min-height:100vh;color:var(--color-text)}.dashboard-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;padding:1rem 0;position:sticky;top:0}.dashboard-header__inner{justify-content:space-between;align-items:center;display:flex}.dashboard-header__left{align-items:center;gap:2rem;display:flex}.dashboard-brand{color:var(--color-text);align-items:center;gap:.75rem;text-decoration:none;display:flex}.dashboard-logo{width:auto;height:32px}.dashboard-name{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.dashboard-badge{text-transform:uppercase;background-color:var(--color-brand-500);color:#fff;letter-spacing:.05em;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:600}.dashboard-nav{align-items:center;gap:1.5rem;display:flex}.dashboard-nav-link{color:var(--color-text-muted);border-bottom:2px solid #0000;padding:.5rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.dashboard-nav-link:hover{color:var(--color-text)}.dashboard-nav-link.active{color:var(--color-brand-500);border-bottom-color:var(--color-brand-500)}.dashboard-header__right{align-items:center;gap:1rem;display:flex}.dashboard-main{padding:2rem 1rem}.dashboard-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dashboard-card__header{border-bottom:1px solid var(--color-border);padding:1.5rem}.dashboard-card__header h2{margin:0;font-size:1.25rem;font-weight:500}.table-responsive{overflow-x:auto}.leads-table{border-collapse:collapse;text-align:left;width:100%}.leads-table th,.leads-table td{white-space:nowrap;padding:1rem 1.5rem}.leads-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background-color:#ffffff05;font-size:.875rem;font-weight:500}.leads-table td{border-bottom:1px solid var(--color-border);font-size:.95rem}.leads-table tbody tr:hover{background-color:#ffffff05}.leads-table a{color:var(--color-primary);text-decoration:none}.leads-table a:hover{text-decoration:underline}.status-badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-new{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.empty-state{color:var(--color-text-muted);font-style:italic;padding:3rem!important}.dashboard-loading{min-height:100vh;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.user-sidebar{background-color:var(--color-surface-elevated);border-right:1px solid var(--color-border-primary);z-index:40;flex-direction:column;flex-shrink:0;width:260px;height:calc(100vh - 64px);transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:64px;overflow:hidden auto;box-shadow:2px 0 8px #00000005}.user-sidebar.collapsed{width:72px}.user-sidebar.collapsed:hover{width:260px;box-shadow:4px 0 16px #00000014}.user-sidebar-header{padding:var(--space-4) 20px;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:60px;display:flex}.user-sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);opacity:1;white-space:nowrap;flex:1;margin:0;font-size:.75rem;font-weight:700;transition:opacity .2s,width .2s;overflow:hidden}.user-sidebar.collapsed:not(:hover) .user-sidebar-title{opacity:0;flex:0;width:0;margin:0;padding:0}.sidebar-toggle-btn{border:1px solid var(--color-border-primary);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.sidebar-toggle-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.user-sidebar.collapsed:not(:hover) .sidebar-toggle-btn{margin:0 auto}.user-sidebar-nav{padding:var(--space-2) 16px var(--space-6);flex:1}.sidebar-nav-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav-link{color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;align-items:center;padding:12px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-nav-link:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-nav-link.active{background-color:var(--color-brand-50);color:var(--color-brand-600)}[data-theme=dark] .sidebar-nav-link.active{color:var(--color-brand-400);background-color:#3c83f626}.sidebar-nav-icon{color:inherit;opacity:.8;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:16px;transition:margin .2s;display:flex}.user-sidebar.collapsed:not(:hover) .sidebar-nav-icon{margin-right:0}.sidebar-nav-link.active .sidebar-nav-icon{opacity:1}.sidebar-nav-label{opacity:1;flex:1;transition:opacity .2s,width .2s}.user-sidebar.collapsed:not(:hover) .sidebar-nav-label{opacity:0;pointer-events:none;width:0}.user-dashboard-body{position:relative}.user-dashboard{background-color:var(--color-bg-secondary);flex-direction:column;min-height:100vh;display:flex}.user-dashboard-container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.user-dashboard-header-primary{background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-primary);align-items:center;height:64px;display:flex}.header-primary-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.header-primary-left{align-items:center;gap:var(--space-4);flex:1;display:flex}.brand-link{align-items:center;gap:var(--space-2);color:var(--color-text-primary);text-decoration:none;display:flex}.brand-logo{width:auto;height:28px}.brand-name{letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.plan-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background-color:var(--color-brand-50);color:var(--color-brand-600);border:1px solid var(--color-brand-200);padding:2px 6px;font-size:.65rem;font-weight:700}[data-theme=dark] .plan-badge{color:var(--color-brand-400);background-color:#3c83f61a;border-color:#3c83f633}.header-primary-search{flex:2;justify-content:center;display:flex}.search-input-wrapper{width:100%;max-width:400px;position:relative}.search-icon{color:var(--color-text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border-radius:var(--radius-md);border:1px solid var(--color-border-primary);background-color:var(--color-surface-input);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:8px 16px 8px 36px;font-size:.875rem}.search-input:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 2px rgba(var(--color-brand-500-rgb), .2);outline:none}.header-primary-right{justify-content:flex-end;align-items:center;gap:var(--space-4);flex:1;display:flex}.icon-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.user-profile-menu{position:relative}.user-avatar-btn{align-items:center;gap:var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast);background:0 0;border:none;padding:4px;display:flex}.user-avatar-btn:hover{background-color:var(--color-surface-hover)}.user-avatar{background-color:var(--color-brand-100);width:32px;height:32px;color:var(--color-brand-600);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-theme=dark] .user-avatar{color:var(--color-brand-400);background-color:#3c83f633}.user-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.user-dropdown{margin-top:var(--space-2);background-color:var(--color-surface-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;padding:var(--space-1);z-index:100;flex-direction:column;display:none;position:absolute;top:100%;right:0}.user-profile-menu:hover .user-dropdown,.user-profile-menu:focus-within .user-dropdown{display:flex}.user-dropdown-item{color:var(--color-text-secondary);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:8px 12px;font-size:.875rem;text-decoration:none}.user-dropdown-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.user-dropdown-item.text-danger{color:var(--color-error-500)}.user-dropdown-item.text-danger:hover{color:var(--color-error-600);background-color:#ef43431a}.user-dashboard-header-secondary{background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-primary);align-items:flex-end;height:48px;display:flex}.header-secondary-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.secondary-nav-list{gap:var(--space-6);height:100%;margin:0;padding:0;list-style:none;display:flex}.secondary-nav-link{height:100%;padding:0 var(--space-1);color:var(--color-text-tertiary);transition:color var(--transition-fast);align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.secondary-nav-link:hover{color:var(--color-text-primary)}.secondary-nav-link.active{color:var(--color-brand-500)}[data-theme=dark] .secondary-nav-link.active{color:var(--color-brand-400)}.secondary-nav-link.active:after{content:"";background-color:var(--color-brand-500);border-top-left-radius:2px;border-top-right-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}[data-theme=dark] .secondary-nav-link.active:after{background-color:var(--color-brand-400)}.secondary-nav-actions{align-items:center;margin-bottom:8px;display:flex}.user-dashboard-main{padding:var(--space-8) 0;flex:1}.analytics-page{max-width:1600px;margin:0 auto;padding:32px 40px;animation:.5s ease-out forwards fadeIn}.analytics-header-section{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.analytics-header h1{color:var(--color-text-primary);margin-bottom:8px;font-size:1.8rem;font-weight:800}.analytics-header p{color:var(--color-text-secondary);font-size:1rem}.analytics-controls{align-items:center;gap:16px;display:flex}.analytics-select,.analytics-date-picker{border:1px solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;border-radius:8px;outline:none;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #00000005}.analytics-select:hover,.analytics-date-picker:hover{border-color:#6366f166}.analytics-tabs{border-bottom:1px solid var(--color-border-primary);gap:8px;margin-bottom:32px;padding-bottom:12px;display:flex}.analytics-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.analytics-tab:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.analytics-tab.active{background:var(--color-brand-500,#4f46e5);color:#fff;box-shadow:0 4px 12px #4f46e54d}.analytics-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:16px;align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.stat-card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.stat-icon-wrapper{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #0000001a}.stat-content{flex-direction:column;display:flex}.stat-value{color:var(--color-text-primary);margin-bottom:4px;font-size:1.8rem;font-weight:800;line-height:1.1}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.stat-trend{border-radius:20px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:16px;right:16px}.stat-trend.positive{color:#10b981;background:#10b9811a}.stat-trend.negative{color:#ef4444;background:#ef44441a}.analytics-charts-container{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (max-width:1200px){.analytics-charts-container{grid-template-columns:1fr}}.analytics-charts-container-split{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.chart-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:16px;flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-title{color:var(--color-text-primary);align-items:center;gap:12px;font-size:1.1rem;font-weight:700;display:flex}.chart-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:.85rem}.custom-tooltip{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);z-index:100;border-radius:12px;padding:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.custom-tooltip-label{color:var(--color-text-primary);margin-bottom:8px;font-size:.9rem;font-weight:700}.custom-tooltip-item{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:4px;font-size:.85rem;display:flex}.heatmap-grid{grid-template-columns:40px repeat(7,1fr);gap:4px;height:300px;display:grid}.heatmap-cell{cursor:pointer;border-radius:4px;transition:transform .1s,opacity .2s}.heatmap-cell:hover{z-index:10;transform:scale(1.1);box-shadow:0 4px 8px #0003}.heatmap-y-label{color:var(--color-text-tertiary);justify-content:flex-end;align-items:center;padding-right:8px;font-size:.7rem;display:flex}.heatmap-x-labels{grid-template-columns:40px repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.heatmap-x-label{color:var(--color-text-tertiary);text-align:center;text-transform:uppercase;font-size:.7rem}.ai-hooks-table{border-collapse:collapse;width:100%}.ai-hooks-table th{text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-primary);text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;font-size:.8rem;font-weight:600}.ai-hooks-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border-primary);padding:16px;font-size:.9rem}.ai-hooks-table tr:last-child td{border-bottom:none}.ai-hook-text{white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-weight:500;overflow:hidden}.ai-hook-metric{color:#10b981;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--color-brand-50:#f0f6fe;--color-brand-100:#dde9fd;--color-brand-200:#b8d1f9;--color-brand-300:#86b0f3;--color-brand-400:#538cea;--color-brand-500:#2069df;--color-brand-600:#1557c1;--color-brand-700:#0d46a0;--color-brand-800:#08357d;--color-brand-900:#042458;--color-neutral-0:#fff;--color-neutral-50:#f6f7f9;--color-neutral-100:#edeff2;--color-neutral-200:#d9dce3;--color-neutral-300:#b8bdc7;--color-neutral-400:#8f96a3;--color-neutral-500:#6c727f;--color-neutral-600:#4e545f;--color-neutral-700:#353a46;--color-neutral-800:#212630;--color-neutral-900:#14181f;--color-neutral-950:#0b0e13;--color-success-500:#20b16d;--color-success-100:#ddf9ec;--color-warning-500:#f59f0a;--color-warning-100:#fdf0d8;--color-error-500:#dc2828;--color-error-100:#f9dcdc;--color-info-500:#0da2e7;--color-info-100:#d8f1fd;--color-bg-primary:var(--color-neutral-0);--color-bg-secondary:var(--color-neutral-50);--color-bg-tertiary:var(--color-neutral-100);--color-bg-elevated:var(--color-neutral-0);--color-bg-overlay:#14181f99;--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-text-tertiary:var(--color-neutral-400);--color-text-inverse:var(--color-neutral-0);--color-text-brand:var(--color-brand-600);--color-border-primary:var(--color-neutral-200);--color-border-secondary:var(--color-neutral-100);--color-border-focus:var(--color-brand-500);--color-surface-card:var(--color-neutral-0);--color-surface-input:var(--color-neutral-0);--color-surface-elevated:var(--color-bg-primary);--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #14181f0d;--shadow-sm:0 1px 3px 0 #14181f1a, 0 1px 2px -1px #14181f1a;--shadow-md:0 4px 6px -1px #14181f1a, 0 2px 4px -2px #14181f1a;--shadow-lg:0 10px 15px -3px #14181f1a, 0 4px 6px -4px #14181f1a;--shadow-xl:0 20px 25px -5px #14181f1a, 0 8px 10px -6px #14181f1a;--shadow-2xl:0 25px 50px -12px #14181f40;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--sidebar-width:280px;--header-height:64px}[data-theme=dark]{--color-bg-primary:var(--color-neutral-950);--color-bg-secondary:var(--color-neutral-900);--color-bg-tertiary:var(--color-neutral-800);--color-bg-elevated:var(--color-neutral-800);--color-bg-overlay:#08090ccc;--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-300);--color-text-tertiary:var(--color-neutral-500);--color-text-inverse:var(--color-neutral-900);--color-text-brand:var(--color-brand-400);--color-border-primary:var(--color-neutral-700);--color-border-secondary:var(--color-neutral-800);--color-border-focus:var(--color-brand-400);--color-surface-card:var(--color-neutral-800);--color-surface-input:var(--color-neutral-900);--color-surface-elevated:var(--color-bg-primary);--shadow-xs:0 1px 2px 0 #08090c4d;--shadow-sm:0 1px 3px 0 #08090c66, 0 1px 2px -1px #08090c66;--shadow-md:0 4px 6px -1px #08090c66, 0 2px 4px -2px #08090c66;--shadow-lg:0 10px 15px -3px #08090c66, 0 4px 6px -4px #08090c66;--shadow-xl:0 20px 25px -5px #08090c66, 0 8px 10px -6px #08090c66;--shadow-2xl:0 25px 50px -12px #08090c80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{min-height:100vh;line-height:1.6;font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--color-bg-primary)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:var(--font-weight-bold);line-height:1.2}p{overflow-wrap:break-word}table{border-collapse:collapse;border-spacing:0}#root{isolation:isolate;min-height:100vh}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.text-5xl{font-size:var(--font-size-5xl);letter-spacing:var(--letter-spacing-tight);line-height:1}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-brand{color:var(--color-text-brand)}.font-mono{font-family:var(--font-mono)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container-xl);padding-inline:var(--space-4);margin-inline:auto}@media (min-width:768px){.container{padding-inline:var(--space-6)}}@media (min-width:1280px){.container{padding-inline:var(--space-8)}}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background-color:var(--color-brand-200);color:var(--color-brand-900)}[data-theme=dark] ::selection{background-color:var(--color-brand-700);color:var(--color-brand-100)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-neutral-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:var(--color-neutral-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:var(--color-neutral-500)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}