.settings-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;z-index:99999!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.settings-sidebar{position:fixed!important;top:0!important;right:0!important;width:420px!important;height:100vh!important;background:#1a1a1afa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-left:1px solid rgba(255,255,255,.1)!important;box-shadow:-8px 0 32px #0009!important;transform:translate(0)!important;z-index:100000!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;pointer-events:auto!important}.settings-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-header h2{margin:0;font-size:18px;font-weight:600;color:#fff}.settings-close-btn{width:32px;height:32px;border:none;background:transparent;color:#888;font-size:24px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.settings-close-btn:hover{background:#ffffff1a;color:#fff}.settings-content{flex:1;overflow-y:auto;padding:0;position:relative}.settings-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-footer-left{flex:1}.settings-footer-right{display:flex;gap:12px}.settings-btn-primary,.settings-btn-secondary{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.settings-btn-primary{background:#007aff;color:#fff}.settings-btn-primary:hover:not(:disabled){background:#0056cc}.settings-btn-primary:disabled{background:#444;color:#888;cursor:not-allowed}.settings-btn-secondary{background:transparent;color:#888;border:1px solid rgba(255,255,255,.2)}.settings-btn-secondary:hover:not(:disabled){background:#ffffff0d;color:#fff;border-color:#ffffff4d}.settings-simplified-section{padding:20px 24px;max-height:none;overflow-y:visible}.settings-group{margin-bottom:24px}.settings-group:last-child{margin-bottom:0}.settings-group-title{font-size:14px;font-weight:600;color:#fff;margin:0 0 12px;padding:0 4px}.settings-option-list{display:flex;flex-direction:column;gap:2px}.settings-option-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .15s ease;background:transparent;border:1px solid transparent;min-height:48px}.settings-option-row:hover{background:#ffffff0d;border-color:#ffffff1a}.settings-option-row.selected{background:#007aff26;border-color:#007aff4d}.settings-option-row.selected:hover{background:#007aff33;border-color:#007aff66}.option-flag,.option-symbol,.option-icon{flex-shrink:0;font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;text-align:center}.option-symbol{font-weight:600;color:#34c759}.option-icon{color:#007aff}.option-label{flex:1;font-size:15px;color:#fff;font-weight:500;line-height:1.3}.option-checkmark{flex-shrink:0;color:#007aff;font-weight:600;font-size:14px}.settings-live-preview{position:sticky!important;top:0!important;background:#1a1a1afa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:16px 24px!important;margin:0!important;z-index:50!important;flex-shrink:0!important}.settings-live-preview h4{font-size:12px;color:#888;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.preview-content{display:flex;flex-direction:column;gap:6px}.preview-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#fff}.preview-label{color:#888}.preview-value{font-weight:500;color:#007aff}@media (max-width: 768px){.settings-simplified-section{padding:12px}.settings-option-row{padding:12px;min-height:48px}.option-flag,.option-symbol,.option-icon{font-size:18px}.option-label{font-size:15px}}.session-code-actions{display:flex;align-items:center;gap:8px}.people-dropdown-container{position:relative;display:inline-block}.people-dropdown-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background-color .15s ease}.people-dropdown-trigger:hover{background:#ffffff1a}.people-dropdown-trigger:active{background:#ffffff26}.people-count{position:absolute;top:-2px;right:-2px;background:#007aff;color:#fff;font-size:10px;font-weight:600;border-radius:8px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 3px #0000004d}.people-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#1a1a1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 32px #00000080;min-width:280px;max-width:320px;max-height:400px;z-index:1000;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.people-dropdown-header{padding:16px 16px 8px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.people-dropdown-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.people-total{font-size:12px;color:#888;font-weight:500}.people-dropdown-content{max-height:300px;overflow-y:auto;padding:8px 0}.people-dropdown-item{padding:12px 16px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid rgba(255,255,255,.05)}.people-dropdown-item:last-child{border-bottom:none}.people-dropdown-item:hover{background:#ffffff0d}.people-dropdown-item.top-seller{background:#ffd7001a;border-color:#ffd70033}.people-dropdown-item.top-seller:hover{background:#ffd70026}.people-item-header{display:flex;align-items:center;gap:12px}.people-avatar{position:relative;width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;flex-shrink:0}.people-top-seller-star{position:absolute;top:-2px;right:-2px;background:gold;color:#000;border-radius:6px;width:12px;height:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.people-info{flex:1;min-width:0}.people-name{font-size:14px;font-weight:500;color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:2px}.people-top-seller-badge{background:gold;color:#000;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.people-details{display:flex;align-items:center;gap:8px;margin-top:2px}.people-amount{font-size:13px;font-weight:600;color:#34c759}.people-amount-simple{font-size:13px;font-weight:500;color:#34c759;margin-top:2px}.people-sales-count{font-size:11px;color:#888}.people-progress{margin-top:8px}.people-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.people-progress-fill{height:100%;background:linear-gradient(90deg,#34c759,#30d158);border-radius:2px;transition:width .3s ease}.people-empty{padding:24px 16px;text-align:center}.people-empty p{color:#888;font-size:14px;margin:4px 0}.people-empty p:first-child{color:#fff;font-weight:500}.people-dropdown-hint{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);text-align:center;background:#007aff1a}.people-dropdown-hint span{color:#007aff;font-size:12px;font-weight:500}.people-dropdown-item.simple-view{padding:10px 16px}.people-dropdown-item.simple-view .people-avatar{width:32px;height:32px;border-radius:16px;font-size:13px}.people-dropdown-item.simple-view .people-name{font-size:13px}.people-dropdown-item.simple-view .people-amount-simple{font-size:12px}@media (max-width: 768px){.people-dropdown-menu{left:0;right:0;min-width:260px;margin-left:-140px}.people-dropdown-item{padding:14px 16px}.people-avatar{width:38px;height:38px;border-radius:19px;font-size:15px}.people-name{font-size:15px}.people-amount,.people-amount-simple{font-size:14px}}@media (prefers-color-scheme: dark){.people-dropdown-menu{background:#1a1a1afa;border-color:#fff3}}.people-dropdown-container{z-index:100}.people-dropdown-menu{z-index:1001}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;padding:0}.dashboard-stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-stat-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;background:#007aff33;display:flex;align-items:center;justify-content:center;color:#007aff;flex-shrink:0}.stat-value{font-size:24px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:4px}.stat-value-ratio{font-size:18px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.stat-label{font-size:14px;color:#888;font-weight:500}@media (max-width: 768px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;padding:0}.dashboard-stat-card{padding:16px;gap:12px}.stat-icon{width:40px;height:40px}.stat-value{font-size:20px}.stat-value-ratio{font-size:16px}.stat-label{font-size:13px}}@media (max-width: 480px){.dashboard-stats-grid{grid-template-columns:1fr}}.dashboard-settings-section{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000004d;margin-bottom:24px;transition:all .3s ease}.dashboard-settings-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.dashboard-settings-icon{flex-shrink:0;width:40px;height:40px;background:#3b82f61a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#60a5fa}.dashboard-settings-info{flex:1}.dashboard-settings-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}.dashboard-settings-description{font-size:14px;color:#9ca3af;margin:0}.template-selector-section{margin-bottom:24px}.template-selector-title{font-size:16px;font-weight:600;color:#e5e7eb;margin:0 0 8px}.template-selector-description{font-size:14px;color:#9ca3af;margin:0 0 20px}.templates-loading{padding:20px;text-align:center;color:#9ca3af;font-size:14px}.template-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.template-selection-card{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:24px 20px 20px;cursor:pointer;transition:all .3s ease;position:relative}.template-selection-card:hover{background:#ffffff0f;border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.template-selection-card.selected{background:#3b82f61a;border-color:#3b82f680}.template-selection-card.selected:hover{border-color:#3b82f699}.template-selection-card.disabled{opacity:.6;cursor:not-allowed}.template-selection-card.disabled:hover{transform:none;box-shadow:none}.selected-checkmark{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.template-badge{position:absolute;top:0;right:16px;transform:translateY(-50%);background:#22c55ee6;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid rgba(34,197,94,1);z-index:1;white-space:nowrap}.template-badge.simple-badge{background:#9ca3afe6;border-color:#9ca3af}.template-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.template-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#60a5fa}.template-header h4{font-size:15px;font-weight:600;color:#fff;margin:0}.template-description{font-size:13px;color:#9ca3af;line-height:1.4;margin:0}.template-selector{display:flex;align-items:center;gap:12px;padding:16px;background:#0003;border-radius:8px;margin-bottom:0}.template-selector label{font-weight:500;color:#d1d5db}.template-selector select{padding:8px 12px;border:1px solid #444;border-radius:6px;background:#1a1a1a;font-size:14px;color:#fff}.dashboard-preview{border:2px solid #444;border-radius:8px;padding:16px;background:#0000004d;margin-top:20px}.dashboard-row{display:flex;align-items:stretch;margin-bottom:12px;min-height:60px}.dashboard-row:last-child{margin-bottom:0}.row-number{width:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#9ca3af;font-weight:500}.row-components{flex:1;display:flex;gap:8px;flex-wrap:wrap}.dashboard-component{background:#1a1a1a;border:2px solid #444;border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.dashboard-component:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.dashboard-component.hidden{opacity:.6;background:#0a0a0a}.dashboard-component-full{flex:1 1 100%}.dashboard-component-third{flex:1 1 calc(33.333% - 6px);min-width:120px}.dashboard-component-quarter{flex:1 1 calc(25% - 6px);min-width:100px}@media (max-width: 768px){.dashboard-component-third,.dashboard-component-quarter{flex:1 1 calc(50% - 4px)}}.component-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#9ca3af}.component-info{flex:1;min-width:0}.component-name{font-size:13px;font-weight:500;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-badge{display:inline-block;padding:2px 6px;background:#dbeafe;color:#1e40af;font-size:10px;font-weight:500;border-radius:4px;margin-top:2px}.component-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000000d;display:flex;align-items:center;justify-content:center;pointer-events:none}.component-overlay span{background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.dashboard-settings-help{margin-top:16px;padding:12px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;font-size:13px;color:#93bbfc}.dashboard-settings-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toggle-icon{transition:transform .3s ease;color:#9ca3af}.toggle-icon.expanded{transform:rotate(180deg)}.dashboard-settings-header:hover .toggle-icon{color:#60a5fa}.dashboard-settings-expanded-description{font-size:14px;color:#9ca3af;margin:20px 0 16px}.dashboard-template{overflow:hidden;transition:all .3s ease}.dashboard-settings-toggle-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;color:#9ca3af;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dashboard-settings-toggle-btn:hover{background:#ffffff26;color:#60a5fa;border-color:#60a5fa4d}.dashboard-settings-inline{margin-top:20px;animation:slideDown .3s ease}.dashboard-settings-divider{height:1px;background:#ffffff1a;margin-bottom:20px}.dashboard-settings-content{padding:0}.dashboard-settings-inline .template-selector{margin-bottom:20px}.dashboard-settings-inline-description{font-size:13px;color:#9ca3af;margin-bottom:16px}.dashboard-settings-inline .dashboard-preview{margin-top:16px}.dashboard-link-header{position:relative}.dashboard-link-url-section{margin-top:12px}.dashboard-config-section{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000004d;margin-bottom:24px}.dashboard-config-header{margin-bottom:24px}.dashboard-config-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.dashboard-config-title .upsell-text{color:#fff}.dashboard-config-title .dashboard-text{color:#60a5fa}.dashboard-config-description{font-size:14px;color:#9ca3af;margin:0}.dashboard-config-content{display:flex;flex-direction:column;gap:24px}.dashboard-subsection{padding:16px;background:#00000026;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.subsection-title{font-size:14px;font-weight:600;color:#e5e7eb;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.link-copy-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.link-copy-row:last-child{margin-bottom:0}.link-label{color:#9ca3af;font-size:12px;min-width:40px;text-align:right}.link-copy-field{flex:1;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .2s ease;gap:10px;min-height:36px}.link-copy-field:hover{background:#3b82f614;border-color:#3b82f633}.link-copy-field .link-text{flex:1;color:#60a5fa;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-copy-field.session-code .link-text{font-weight:600;font-size:13px;letter-spacing:.5px}.link-copy-field svg{flex-shrink:0;opacity:.6;transition:opacity .2s ease;width:14px;height:14px}.link-copy-field:hover svg{opacity:.9}.target-settings-inline{display:flex;align-items:center;gap:16px}.target-settings-row{display:flex;align-items:center;gap:16px;margin-top:12px}.sales-target-section .section-heading{margin:0}.target-settings-row .target-disabled-text{flex:1;color:#6b7280;font-size:14px}.target-toggle-minimal{position:relative;width:48px;height:24px;background:none;border:none;padding:0;margin:0 0 0 auto;cursor:pointer;flex-shrink:0}.toggle-track{width:100%;height:100%;background:#444;border-radius:12px;position:relative;transition:background .2s ease}.target-toggle-minimal.enabled .toggle-track{background:#10b981}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.target-toggle-minimal.enabled .toggle-thumb{transform:translate(24px)}.target-amount-inline{display:flex;align-items:center;gap:12px;flex:1}.target-input-minimal{max-width:200px}.target-yearly-text{font-size:13px;color:#9ca3af;margin:0;white-space:nowrap;flex:1}.dashboard-subsection .template-selector{margin-bottom:16px;padding:0;background:transparent}.dashboard-subsection .dashboard-preview{margin-top:16px;background:#0000004d;border:1px solid #444}.dashboard-config-clean{padding:0;display:flex;flex-direction:column;gap:20px}.dashboard-main-title{font-size:24px;font-weight:600;color:#fff;margin:0 0 4px}.dashboard-subtitle{font-size:14px;color:#9ca3af;margin:0 0 12px}.config-section{display:flex;flex-direction:column;gap:12px}.section-heading{font-size:16px;font-weight:600;color:#e5e7eb;margin:0}.config-section .template-selector{display:flex;align-items:center;gap:12px;padding:0;background:transparent;margin:0}.config-section .dashboard-preview{margin-top:16px;background:#0003;border:1px solid #444;border-radius:8px;padding:16px}@media (max-width: 768px){.dashboard-config-section,.dashboard-subsection{padding:16px}.dashboard-link-wrapper{flex-direction:column;align-items:stretch}.dashboard-link-wrapper .dashboard-url-display,.dashboard-link-wrapper .copy-dashboard-btn{width:100%;text-align:center;justify-content:center}.target-amount-inline{flex-direction:column;align-items:flex-start;gap:8px}.target-input-minimal{width:100%}.target-settings-row{flex-wrap:wrap}.sales-target-section .section-heading{width:100%;margin-bottom:8px}.dashboard-config-clean{gap:16px}.config-section{gap:8px}}.link-copy-field.editable{cursor:pointer}.link-copy-field.editable:hover{background:#ffffff0d}.link-copy-field.editing{padding:0;border-color:#3b82f6}.title-edit-input{width:100%;padding:8px 12px;background:transparent;border:none;color:#e5e7eb;font-size:14px;font-family:inherit;outline:none}.title-edit-input:disabled{opacity:.5;cursor:not-allowed}.copy-success-text{font-size:12px;color:#34c759;font-weight:500;padding:2px 6px;background:#34c7591a;border-radius:4px}.link-copy-field .link-text{font-size:14px}.link-copy-field.session-code .link-text{font-size:14px;font-weight:400;letter-spacing:normal}.link-copy-field.target-field{display:flex;align-items:center;gap:12px;justify-content:space-between}.target-input-inline{background:transparent!important;border:none!important;color:#e5e7eb;font-size:14px;padding:0;width:120px;outline:none}.target-input-inline:focus{border-bottom:1px solid #3b82f6!important}.target-yearly-inline{font-size:12px;color:#9ca3af;white-space:nowrap}.target-disabled-inline{color:#6b7280;font-size:14px}.target-toggle-inline{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;margin-left:auto}.target-toggle-inline .toggle-track{width:36px;height:20px;background:#4b5563;border-radius:10px;position:relative;transition:background .2s}.target-toggle-inline.enabled .toggle-track{background:#3b82f6}.target-toggle-inline .toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.target-toggle-inline.enabled .toggle-thumb{transform:translate(16px)}.target-toggle-inline:disabled{opacity:.5;cursor:not-allowed}.session-wizard{background:#ffffff1a;border-radius:16px;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:100%;max-width:1200px;margin:0 auto;position:relative}.wizard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.wizard-mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1a;z-index:1000;display:flex;flex-direction:column}.mobile-fullscreen{height:100vh;max-width:none;border-radius:0;border:none;display:flex;flex-direction:column;overflow:hidden}.desktop-modal{max-height:90vh;overflow-y:auto}.session-wizard-page{min-height:100vh;background:#1a1a1a;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.wizard-page-header{padding:1.5rem 0 1rem;margin-bottom:1rem}.wizard-page-header-content{width:100%;max-width:800px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center;text-align:center}.wizard-page-header .wizard-title h1{font-size:1.8rem;font-weight:600;color:#fff;margin:0}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.wizard-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.wizard-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.wizard-close:hover{color:#fff;background:#ffffff1a}.wizard-cancel-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.wizard-cancel-btn:hover{background:#ffffff40;border-color:#ffffff80}.wizard-progress-page{width:100%;max-width:1200px;margin:0 auto 2rem;padding:0 2rem}.wizard-content-page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.wizard-content-page .wizard-step{background:#ffffff1a;border-radius:16px;padding:3rem 3rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-height:400px;display:flex;flex-direction:column;width:100%;max-width:none;position:relative;overflow:visible}.wizard-actions-page{width:100%;max-width:1400px;margin:2rem auto 0;padding:2rem}.wizard-actions-page .action-buttons{display:flex;justify-content:flex-end;gap:1rem;align-items:center}.wizard-actions-page .btn{min-width:120px;padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.wizard-actions-page .btn-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.wizard-actions-page .btn-secondary:hover{background:#ffffff40;border-color:#ffffff80}.wizard-actions-page .btn-primary{background:#3b82f6e6;color:#fff;border:1px solid rgba(59,130,246,.5)}.wizard-actions-page .btn-primary:hover{background:#3b82f6;border-color:#3b82f6cc}.wizard-actions-page .btn:disabled{opacity:.6;cursor:not-allowed}.wizard-step h3{color:#fff;font-size:1.5rem;margin-bottom:.75rem;font-weight:600}.wizard-step .step-description{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:2rem}.wizard-progress{padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.progress-steps{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.4rem}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s ease;background:#fff3;color:#ffffffb3}.progress-step.active .step-circle{background:#3b82f6e6;color:#fff}.step-label{font-size:.8rem;font-weight:500;color:#ffffffb3}.progress-step.active .step-label{color:#fff;font-weight:600}.progress-bar{height:3px;background:#fff3;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#3b82f6e6;transition:width .3s ease}.wizard-content{flex:1;padding:3rem 3rem 1rem;overflow-y:auto;width:100%;max-width:1200px;margin:0 auto;min-height:0}.wizard-step{max-width:800px;margin:0 auto;text-align:left;display:flex;flex-direction:column;position:relative}.wizard-actions{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.action-buttons{display:flex;justify-content:flex-end;align-items:center;gap:1rem;max-width:500px;margin:0 auto}.action-buttons .btn{min-width:100px;padding:.75rem 1.5rem;font-size:.95rem;border-radius:8px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.action-buttons .btn-secondary{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.action-buttons .btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#fff}.action-buttons .btn-primary{background:#3b82f6e6;color:#fff;border:1px solid rgba(59,130,246,.5)}.action-buttons .btn-primary:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6cc}.action-buttons .btn:disabled{opacity:.5;cursor:not-allowed}.wizard-error-page{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem .5rem}.error-message-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:600px;margin:0 auto}.error-icon{font-size:1rem;flex-shrink:0}.error-text{flex:1;color:#fff;font-size:.875rem;line-height:1.3}.error-close-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;flex-shrink:0}.error-close-btn:hover{color:#fff;background:#ffffff1a}.restored-notice{background:linear-gradient(135deg,#38bdf81a,#6366f11a);border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;animation:slideDown .3s ease-out}.restored-notice .notice-content{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-size:.875rem}.restored-notice svg{flex-shrink:0;fill:#6366f1}.restored-notice span{flex:1}.restored-notice .btn-link{background:none;border:none;color:#60a5fa;cursor:pointer;text-decoration:underline;font-size:.875rem;padding:0;transition:color .2s ease}.restored-notice .btn-link:hover{color:#93c5fd}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.mobile-fullscreen .wizard-header{padding:1rem 1.5rem .75rem}.mobile-fullscreen .wizard-title{font-size:1.3rem}.mobile-fullscreen .wizard-progress{padding:.75rem 1.5rem}.mobile-fullscreen .progress-steps{gap:1rem}.mobile-fullscreen .step-circle{width:28px;height:28px;font-size:.8rem}.mobile-fullscreen .step-label{font-size:.75rem}.mobile-fullscreen .wizard-content{padding:1.5rem 1.5rem 1rem;flex:1;min-height:0;overflow-y:auto}.mobile-fullscreen .wizard-step h3{font-size:1.2rem}.mobile-fullscreen .wizard-step .step-description{font-size:.9rem;margin-bottom:1.5rem}.mobile-fullscreen .wizard-actions{padding:1rem 1.5rem;display:none}.mobile-fullscreen .action-buttons{flex-direction:column-reverse;gap:.75rem}.mobile-fullscreen .action-buttons .btn{width:100%;min-width:auto}.mobile-fullscreen .step-actions{flex-direction:row;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;position:relative}.mobile-fullscreen .step-actions .btn{flex:1;max-width:48%}.mobile-fullscreen .wizard-step{padding-bottom:5rem;min-height:auto}.session-wizard-page{min-height:100vh;display:flex;flex-direction:column}.wizard-content-page .wizard-step{padding:2rem 1.5rem 1rem;min-height:auto}.wizard-step .form-group{margin-bottom:1.5rem}.wizard-step .step-actions{margin-top:2rem;padding-top:1.5rem;position:relative;bottom:auto;gap:.75rem}.wizard-step .step-actions .btn{flex:1;min-width:0;padding:.75rem 1rem;text-align:center}.wizard-step .step-actions .btn-secondary,.wizard-step .step-actions .next-button-group .btn-primary{width:calc(50% - .375rem);flex:initial}.wizard-step .step-actions .next-button-group,.wizard-step .step-actions .prev-button-group{width:calc(50% - .375rem);position:relative}.wizard-step .step-actions .next-button-group .btn-primary,.wizard-step .step-actions .prev-button-group .btn-secondary{width:100%;min-width:0}.wizard-page-header{padding:1rem 0 .75rem;margin-bottom:.5rem}.wizard-page-header-content{padding:0 1rem}.wizard-page-header .wizard-title h1{font-size:1.5rem}}.selected-data-source-wrapper{margin:1.5rem 0;padding:1rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:8px}.validation-message{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fbbf24;padding:.75rem 1rem;border-radius:6px;margin:.75rem 0;font-size:.9rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selected-data-source-line{display:flex;align-items:center;gap:.75rem}.source-checkbox{width:20px;height:20px;flex-shrink:0;cursor:pointer;accent-color:#3b82f6}.selected-source-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1;font-size:1rem;color:#fff}.selected-source-label .source-icon{display:flex;align-items:center;font-size:1.25rem}.selected-source-label .source-name{font-weight:500}.selected-source-label .source-deselect-hint{color:#ffffff80;font-size:.875rem;margin-left:auto}.data-source-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}.data-source-selection-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem 1.2rem 1.2rem;cursor:pointer;transition:all .3s ease;position:relative}.data-source-selection-card:hover{background:#ffffff14;border-color:#007aff80;transform:translateY(-2px)}.data-source-selection-card.coming-soon{opacity:.6;cursor:not-allowed}.data-source-selection-card.coming-soon:hover{transform:none;border-color:#ffffff1a}.data-source-header{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:.75rem;margin-bottom:.75rem;margin-top:.5rem;width:100%}.data-source-icon-inline{display:inline-block;flex-shrink:0}.data-source-icon-inline svg,.data-source-icon-inline img{width:24px!important;height:24px!important;display:block;object-fit:contain}.data-source-header h4{font-size:1.1rem;margin:0;color:#fff;display:inline-block;line-height:24px}.data-source-selection-card p{font-size:.85rem;color:#888;margin-bottom:1rem;line-height:1.4;text-align:left}.data-source-selection-card .select-btn{opacity:1;transform:translateY(0);transition:all .3s ease;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.3)}.data-source-selection-card:hover:not(.selected) .select-btn{background:#3b82f61a;color:#3b82f6;border-color:#3b82f6}.data-source-selection-card .badge{position:absolute;top:0;right:1rem;transform:translateY(-50%);padding:.2rem .6rem;border-radius:10px;font-size:.7rem;font-weight:600;z-index:1;white-space:nowrap}.data-source-selection-card .coming-soon-badge{position:absolute;top:0;right:1rem;transform:translateY(-50%);background:#9ca3afe6;color:#fff;padding:.2rem .6rem;border-radius:10px;font-size:.7rem;font-weight:500;border:1px solid rgba(156,163,175,1);z-index:1;white-space:nowrap}.data-source-selection-card .recommended-badge{position:absolute;top:0;right:1rem;transform:translateY(-50%);background:#22c55ee6;color:#fff;padding:.2rem .6rem;border-radius:10px;font-size:.7rem;font-weight:600;border:1px solid rgba(34,197,94,1);z-index:1;white-space:nowrap}.data-source-selection-card[data-form=true]{border-color:#22c55e66;background:#22c55e0d}.data-source-selection-card[data-form=true]:hover{border-color:#22c55e99;background:#22c55e14;transform:translateY(-3px)}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:200px;color:#888;font-size:1rem}@media (max-width: 768px){.data-source-selection-grid{grid-template-columns:1fr;gap:1rem}.data-source-selection-card{padding:1.5rem}.data-source-selection-card .select-btn{opacity:1;transform:none}}.wizard-step h3{color:#fff;font-size:1.3rem;margin-bottom:.5rem;font-weight:600}.wizard-step .step-description{color:#fffc;font-size:.95rem;line-height:1.5;margin-bottom:2rem}.wizard-step .form-group{margin-bottom:.75rem;width:100%}.wizard-step .form-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .2s ease;text-align:left}.wizard-step .form-input:focus{outline:none;border-color:#3b82f6cc;background:#ffffff14;box-shadow:0 0 0 3px #3b82f61a}.wizard-step .form-input::placeholder{color:#ffffff80;font-style:normal}.wizard-step .form-input.error{border-color:#ef4444cc;background:#ef44440d}.wizard-step .error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem}.auth-options{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}@media (min-width: 1200px){.auth-options{max-width:800px}}.auth-options .primary-button,.auth-options .secondary-button{width:100%;padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-weight:500}.auth-options .primary-button{background:#3b82f6;color:#fff}.auth-options .primary-button:hover:not(:disabled){background:#2563eb}.auth-options .secondary-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.auth-options .secondary-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.auth-options button:disabled{opacity:.5;cursor:not-allowed}.auth-divider{text-align:center;position:relative;margin:.5rem 0}.auth-divider span{background:#1a1a1a;padding:0 1rem;color:#888;font-size:.875rem;position:relative;z-index:1}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a}.email-sent-confirmation{text-align:center;padding:2rem 0}.email-sent-confirmation .success-icon{font-size:3rem;margin-bottom:1rem}.email-sent-confirmation p{color:#fff;margin-bottom:1rem;font-size:1rem}.email-sent-confirmation .email-help-text{color:#fffc;font-size:.9rem;margin-bottom:1.5rem}.email-sent-confirmation strong{color:#3b82f6}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;text-decoration:underline;font-size:.875rem;padding:.5rem;transition:color .2s ease}.link-button:hover:not(:disabled){color:#2563eb}.link-button:disabled{opacity:.5;cursor:not-allowed}.code-entry-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.code-entry-section h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.code-description{color:#888;font-size:.875rem;margin-bottom:1rem}.code-input{text-align:center;font-size:1.5rem;letter-spacing:.5rem;font-family:monospace;max-width:300px;margin:0 auto;width:100%}.code-input::placeholder{letter-spacing:normal;font-size:1rem}.code-entry-section .primary-button{width:100%;margin-top:1rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s ease}.code-entry-section .primary-button:hover:not(:disabled){background:#2563eb}.code-entry-section .primary-button:disabled{opacity:.5;cursor:not-allowed}.dev-bypass{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:.5;transition:opacity .2s ease}.dev-bypass:hover{opacity:1}.dev-bypass label{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.875rem;cursor:pointer}.dev-bypass input[type=checkbox]{cursor:pointer}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.step-actions-right{display:flex;gap:.5rem;align-items:center;margin-left:auto}.step-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-align:center;display:inline-flex;align-items:center;justify-content:center}.step-actions .btn-secondary{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.step-actions .btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.step-actions .btn-primary{background:#3b82f6;color:#fff}.step-actions .btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.step-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.step-actions .btn-link{background:none;color:#fff9;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:color .2s ease}.step-actions .btn-link:hover{color:#fffc;text-decoration:underline}.resend-link{text-align:center;margin-top:1rem}.resend-link .btn-link{background:none;border:none;color:#fff9;font-size:.875rem;text-decoration:underline;cursor:pointer;padding:.5rem;transition:color .2s ease}.resend-link .btn-link:hover{color:#fffc}.resend-link .btn-link:disabled{opacity:.5;cursor:not-allowed}.inline-link{background:none;border:none;color:#3b82f6e6;font-size:inherit;text-decoration:underline;cursor:pointer;padding:0;margin-left:.5rem;transition:color .2s ease;font-weight:400}.inline-link:hover{color:#3b82f6}.inline-link:disabled{opacity:.5;cursor:not-allowed}.step-actions-wrapper{margin-top:0;padding-top:0;padding-bottom:2rem}.next-button-group{position:relative;display:flex;flex-direction:column;align-items:center}.next-button-group .btn-primary{min-width:100px;width:auto}.skip-email-link{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:none;border:none;color:#ffffff80;font-size:.75rem;text-decoration:underline;cursor:pointer;padding:.25rem .5rem;transition:color .2s ease;text-align:center;white-space:nowrap}.skip-email-link:hover{color:#ffffffb3}.skip-email-link:disabled{opacity:.5;cursor:not-allowed}.prev-button-group{position:relative;display:flex;flex-direction:column;align-items:center}.prev-button-group .btn-secondary{min-width:100px;width:auto}.cancel-link{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:none;border:none;color:#ffffff80;font-size:.75rem;text-decoration:underline;cursor:pointer;padding:.25rem .5rem;transition:color .2s ease;text-align:center;white-space:nowrap}.cancel-link:hover{color:#ffffffb3}.cancel-link:disabled{opacity:.5;cursor:not-allowed}.data-source-selection-card.selected{border-color:#3b82f6;background:#3b82f61a}.selected-indicator{color:#3b82f6;font-weight:600;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.sub-step-indicator{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.step-label{color:#fff9;font-size:.875rem}.sub-step-arrow{color:#fff6}.sub-step-label{color:#ffffffe6;font-weight:500}.inline-config-section{margin-top:2rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.add-member-wrapper{position:relative;display:inline-block}.add-member-hint{position:absolute;top:100%;left:12px;margin-top:4px;font-size:.75rem;color:#fff6;font-style:italic;animation:fadeIn .2s ease-in-out;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inline-config-section h4{color:#fff;font-size:1.1rem;margin:0 0 .5rem;font-weight:500}.config-description{color:#fff9;font-size:.875rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.success-checkmark{color:#10b981;font-size:1.1rem;font-weight:700;display:inline-flex;align-items:center;animation:checkmarkAppear .3s ease-out}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.wizard-step.loading{position:relative}.wizard-step.loading>*:not(.step-actions-wrapper){opacity:.5;pointer-events:none}.spinner{display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;vertical-align:middle}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-link:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.team-members-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.team-member-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff1a;border:2px solid;border-radius:24px;transition:all .2s ease}.team-member-chip:hover{background:#ffffff26}.member-name{color:#fff;font-size:.875rem;font-weight:500}.remove-member-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#fff3;border:none;border-radius:50%;color:#fffc;font-size:1.2rem;line-height:1;cursor:pointer;transition:all .2s ease}.remove-member-btn:hover{background:#ef444433;color:#ef4444}.add-member-chip{display:flex;align-items:center;padding:.5rem .75rem;background:transparent;border:2px dashed rgba(255,255,255,.3);border-radius:24px;transition:all .2s ease}.add-member-chip:focus-within{border-color:#3b82f680;background:#3b82f60d}.add-member-input{background:transparent;border:none;outline:none;color:#fff;font-size:.875rem;min-width:100px;max-width:200px;padding:0;margin:0}.add-member-input::placeholder{color:#fff6}.add-member-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-left:.5rem;background:#3b82f633;border:none;border-radius:50%;color:#3b82f6;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.add-member-btn:hover{background:#3b82f64d;transform:scale(1.1)}.url-input-group{margin-top:1rem}.url-input-group .form-input{width:100%;font-family:monospace;font-size:.875rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a1a;color:#fff;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#1a1a1a;padding:2rem;text-align:center}.header-logo-section{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.header-logo{height:80px;width:auto}.app-header h1{color:#fff;font-size:3rem;font-weight:300;margin:0}.app-header p{color:#888;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.5}.app-main{flex:1;padding:0}.app-main-fullscreen{flex:1;padding:0;height:100vh}.app-footer{background:#1a1a1a;padding:1rem;text-align:center;color:#666}.upsell-container{min-height:100vh;background:#1a1a1a;display:flex;flex-direction:column}.upsell-header{padding:2rem 0 1rem;text-align:center}.upsell-header h1{font-size:2.5rem;font-weight:300;color:#fff;margin:0}.upsell-content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2rem;position:relative;z-index:1}.wizard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.wizard-mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1a;z-index:1000}.session-wizard{background:#2a2a2a;border-radius:12px;width:100%;overflow:hidden}.session-wizard.desktop-modal{max-width:1200px;width:90%;max-height:90vh;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.session-wizard.mobile-fullscreen{height:100vh;border-radius:0;display:flex;flex-direction:column}.wizard-header{padding:2rem 2rem 1rem;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;align-items:flex-start}.wizard-title h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.wizard-subtitle{color:#888;font-size:.9rem;margin:0}.wizard-close{background:none;border:none;color:#888;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.wizard-close:hover{background:#3a3a3a;color:#fff}.wizard-progress{padding:1.5rem 2rem;border-bottom:1px solid #3a3a3a;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.progress-steps{display:flex;justify-content:space-between;margin-bottom:1rem;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-circle{width:32px;height:32px;border-radius:50%;background:#3a3a3a;color:#888;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;transition:all .3s}.progress-step.active .step-circle{background:#4ecdc4;color:#fff}.step-label{margin-top:.5rem;font-size:.8rem;color:#888;text-align:center;transition:all .3s}.progress-step.active .step-label{color:#fff}.progress-bar{height:2px;background:#3a3a3a;border-radius:1px;position:relative;margin-top:1rem;width:100%;max-width:100%}.progress-fill{height:100%;background:#4ecdc4;border-radius:1px;transition:width .3s ease}.wizard-content{padding:3rem;flex:1;overflow-y:auto;width:100%;max-width:1200px;margin:0 auto}.wizard-step{max-width:800px;margin:0 auto}.wizard-step h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.step-description{color:#aaa;font-size:.95rem;line-height:1.5;margin:0 0 2rem}.user-input-row{display:flex;gap:.75rem;align-items:flex-start}.add-user-btn{flex-shrink:0;height:48px}.users-list{margin-top:2rem}.users-list h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.users-carousel{position:relative;overflow:hidden;border-radius:8px;background:#333;padding:.5rem}.users-carousel-container{display:flex;gap:.75rem;overflow-x:auto;padding:.25rem;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#555 #333}.users-carousel-container::-webkit-scrollbar{height:6px}.users-carousel-container::-webkit-scrollbar-track{background:#333;border-radius:3px}.users-carousel-container::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.users-carousel-container::-webkit-scrollbar-thumb:hover{background:#666}.user-item-carousel{background:#3a3a3a;border-radius:8px;padding:.75rem;display:flex;align-items:center;gap:.75rem;transition:all .2s;flex-shrink:0;min-width:180px;max-width:220px}.user-item-carousel:hover{background:#404040}.user-item{background:#3a3a3a;border-radius:8px;padding:.75rem;display:flex;align-items:center;gap:.75rem;transition:all .2s}.user-item:hover{background:#404040}.user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;flex-shrink:0}.user-name{color:#fff;font-size:.9rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-user-btn{background:none;border:none;color:#888;cursor:pointer;padding:.25rem;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s;flex-shrink:0}.remove-user-btn:hover{background:#555;color:#ff6b6b}.wizard-actions{padding:1.5rem 2rem;border-top:1px solid #3a3a3a;background:#2a2a2a}.action-buttons{display:flex;gap:1rem;justify-content:flex-end;max-width:800px;margin:0 auto}.form-input.error{border-color:#ff6b6b;background:#ff6b6b1a}.error-message{color:#e53e3e;font-size:.875rem;margin-top:.5rem;padding:.5rem 0;font-weight:500}.form-help{color:#888;font-size:.85rem;margin-top:.5rem}.shake{animation:shake .6s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 768px){.wizard-header{padding:1.5rem 1.5rem 1rem}.wizard-progress{padding:1rem 1.5rem}.wizard-content{padding:1.5rem;max-width:100%}.wizard-actions{padding:1rem 1.5rem}.progress-steps{margin-bottom:.75rem}.step-circle{width:28px;height:28px;font-size:.8rem}.step-label{font-size:.7rem}.users-grid{grid-template-columns:1fr}.user-item-carousel{min-width:160px;max-width:200px}.action-buttons{flex-direction:column}.user-input-row{flex-direction:column;gap:.5rem}.add-user-btn{height:44px}}.features-list{margin:1.5rem 0}.feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#aaa;font-size:.9rem}.feature-icon{font-size:1.1rem;width:20px;text-align:center}.option-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;width:100%;position:relative;z-index:1}.option-card{background:#2a2a2a;border:1px solid #444;border-radius:12px;padding:2rem;text-align:center;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:280px}.option-card:hover{border-color:#555;transform:translateY(-2px)}.option-card h3{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.option-card-content{flex:1;display:flex;flex-direction:column;gap:1rem}.option-card p{color:#888;font-size:.9rem;margin:0}.join-form{display:flex;flex-direction:column;gap:1rem}.form-card{background:#2a2a2a;border:1px solid #444;border-radius:12px;padding:2rem;max-width:400px;width:100%}.form-card h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#ccc;font-size:.9rem}.form-input{width:100%;padding:.75rem;background:#1a1a1a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#666}.form-input::placeholder{color:#666}.code-input{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:1.1rem;text-align:center;letter-spacing:.1em}.input-with-suffix{position:relative;display:flex;align-items:center}.input-with-suffix input[type=number]{padding-right:3.5rem;-moz-appearance:textfield}.input-with-suffix input[type=number]::-webkit-outer-spin-button,.input-with-suffix input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-suffix{position:absolute;right:.75rem;color:#888;font-size:.9rem;pointer-events:none}.form-help{color:#666;font-size:.85rem;margin-top:.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:140px;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading .loading-spinner{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;left:50%;top:50%;transform:translate(-50%,-50%)}.btn .loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056cc}.btn-secondary{background:#444;color:#fff}.btn-secondary:hover:not(:disabled){background:#555}.btn-tertiary{background:transparent;color:#888;border:1px solid #444}.btn-tertiary:hover:not(:disabled){background:#2a2a2a;color:#ccc;border-color:#555}.full-width{width:100%}.form-actions{display:flex;flex-direction:column;gap:1rem}.success-card{background:#2a2a2a;border:1px solid #444;border-radius:12px;padding:2rem;max-width:500px;width:100%;text-align:center}.success-card h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.success-subtitle{color:#888;margin-bottom:2rem;font-size:.9rem}.session-info{background:#1a1a1a;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.info-row:last-child{margin-bottom:0}.info-label{color:#888;font-size:.9rem}.info-value{color:#fff;font-weight:500}.code-value{background:#007aff;color:#fff;padding:.25rem .5rem;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,monospace;cursor:pointer;transition:all .2s ease}.code-value:hover{background:#0056cc}.qr-section{margin-bottom:2rem}.qr-code{width:200px;height:200px;border-radius:8px;margin-bottom:1rem}.qr-text{color:#888;font-size:.9rem;margin-bottom:1rem}.url-box{background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:.75rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.85rem;color:#007aff;cursor:pointer;transition:all .2s ease;word-break:break-all}.url-box:hover{background:#2a2a2a;border-color:#555}.action-buttons{display:flex;flex-direction:column;gap:1rem}.home-page{min-height:100vh;background:#1a1a1a;padding:2rem}.hero-section{text-align:center;margin-bottom:3rem}.hero-section h2{font-size:2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.hero-section p{color:#888;font-size:1.1rem}.actions-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto 3rem}.action-card{background:#2a2a2a;border:1px solid #444;border-radius:12px;padding:2rem;text-align:center}.action-card h3{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.action-card p{color:#888;margin-bottom:1.5rem}.features-section{max-width:1000px;margin:0 auto}.features-section h3{text-align:center;font-size:1.5rem;color:#fff;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:1.5rem;text-align:center}.feature h4{color:#fff;margin-bottom:.5rem}.feature p{color:#888;font-size:.9rem}.loading{text-align:center;color:#888;padding:2rem}.admin-container{background:#1a1a1a;color:#fff;min-height:100vh;padding:0}.admin-header{background:#1a1a1a;padding:.25rem 2rem;border-bottom:1px solid #333;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:flex-end;gap:.375rem;cursor:pointer;transition:opacity .2s}.logo-section:hover{opacity:.8}.logo{height:30px;width:auto;margin-bottom:5px}.logo-text{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 6px}.page-name{color:#888;font-weight:400}.page-name--admin{color:#c66}.page-name-gray{color:#888;font-weight:400}.page-name-blue{color:#007aff;font-weight:400}.logo-section-center{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.logo-center{height:80px;width:auto}.logo-section-center h1{font-size:2.5rem;font-weight:300;color:#fff;margin:0}.header-info{display:flex;align-items:center}.content-area{padding:2rem 2rem 0}.team-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2rem;margin-bottom:1rem;align-items:stretch}.team-name-section{background:transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;justify-content:flex-start;min-height:120px}.team-name-section:hover{background:#2a2a2a}.team-label{display:block;font-size:.9rem;color:#888;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.team-name{font-size:2.5rem;font-weight:300;margin:0;display:inline-block}.team-name-section:hover .edit-hint{opacity:1}.edit-hint{display:block;font-size:.8rem;color:#888;font-weight:400;margin-top:.25rem;opacity:0;transition:opacity .2s}.name-edit{display:flex;flex-direction:column;align-items:center;gap:1rem}.team-name-input{background:#2a2a2a;border:2px solid #007AFF;color:#fff;padding:.75rem 1rem;border-radius:6px;font-size:2rem;font-weight:300;text-align:center;min-width:300px}.team-name-input:focus{outline:none;border-color:#0056cc}.name-actions{display:flex;gap:.5rem}.btn-small{padding:.5rem 1rem;font-size:.9rem}.session-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.session-code-section{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;padding:.5rem;border-radius:6px}.session-code-section:hover{background:#ffffff0d}.session-code-text{font-family:monospace;font-size:1.2rem;color:#888;font-weight:600;transition:color .2s ease}.session-code-section:hover .session-code-text{color:#ccc}.copy-icon{color:#666;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.session-code-section:hover .copy-icon{opacity:1;color:#888}.copy-icon svg{width:10px;height:10px}.session-code-actions{display:flex;align-items:center;gap:1rem}.team-page-link{position:relative;background:transparent;border:2px solid #007AFF;color:#007aff;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none}.team-page-link:hover{background:#007aff1a;transform:translateY(-1px)}.team-page-link span{font-weight:500}.settings-button-clean{background:transparent;border:none;color:#007aff;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-button-clean:hover{background:#007aff1a;transform:translateY(-1px)}.team-page-link.highlighted{background:#007aff1a;border-color:#007aff;animation:buttonPulse 2s ease-in-out infinite}.hint-container{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-top:.5rem}.hint-container.hint-animated{position:absolute;bottom:-4rem;left:50%;transform:translate(-50%);animation:hintPulsePosition 2s ease-in-out infinite;flex-direction:column-reverse;gap:.25rem}.hint-container.hint-left-aligned{justify-content:flex-start;margin-top:.5rem;margin-bottom:1rem;animation:hintPulseGeneral 2s ease-in-out infinite}.hint-text{font-size:.8rem;font-weight:400;color:#007aff;white-space:nowrap}.hint-chevron{color:#007aff;width:20px;height:20px;flex-shrink:0}@keyframes buttonPulse{0%,to{background:#007aff1a;border-color:#007aff}50%{background:#007aff33;border-color:#0056cc}}@keyframes hintPulsePosition{0%,to{opacity:.7;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-.25rem)}}@keyframes hintPulseGeneral{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-.25rem)}}.dashboard-content{padding:0 2rem 2rem}.chart-section{background:#2a2a2a;padding:2rem;border-radius:12px;margin-bottom:2rem}.chart-section h2{margin:0 0 2rem;font-size:1.5rem;font-weight:400;color:#fff}.bar-chart{display:flex;align-items:flex-end;gap:1rem;height:300px;padding:1rem 0;margin-bottom:1rem}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar-container{position:relative;width:100%;height:250px;display:flex;align-items:flex-end;justify-content:center;gap:2px}.bar{width:40%;min-height:4px;border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer}.target-bar{background:linear-gradient(135deg,#007aff,#0056cc)}.current-bar{background:linear-gradient(135deg,#34c759,#28a745)}.current-bar.standalone{background:linear-gradient(135deg,#007acc,#0056b3)}.bar-group.no-targets .bar-container{justify-content:center}.bar-group.no-targets .current-bar{width:100%;max-width:40px}.bar:hover{opacity:.8;transform:scaleY(1.05)}.bar.disabled{opacity:.3;cursor:default}.bar.disabled:hover{opacity:.3;transform:none}.bar-group.disabled .bar-label{color:#666}.bar.future{opacity:.6}.bar-group.future .bar-label{color:#777}.bar-label{font-size:.9rem;color:#888;font-weight:500}.chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.target-color{background:linear-gradient(135deg,#007aff,#0056cc)}.current-color{background:linear-gradient(135deg,#34c759,#28a745)}.loading,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;text-align:center;gap:1rem}.error h2{color:#f44;margin:0}.members-card{background:transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;justify-content:flex-start;min-height:120px}.members-card:hover{background:#2a2a2a}.members-count-section{display:flex;flex-direction:column;align-items:flex-start}.members-card .edit-hint{opacity:0;transition:opacity .2s ease;font-weight:500}.members-card .edit-hint.always-visible{opacity:.8}.members-card:hover .edit-hint{opacity:1}.members-card.has-members .edit-hint{opacity:0}.members-card.has-members:hover .edit-hint{opacity:1}.members-card.empty-members{position:relative}.empty-members-arrow{position:absolute;top:50%;left:-6rem;transform:translateY(-50%);color:#007aff;opacity:.7;animation:arrowPulse 2s ease-in-out infinite;display:flex;align-items:center;gap:.5rem}.start-here-text{font-size:.85rem;font-weight:500;color:#007aff;white-space:nowrap}@keyframes arrowPulse{0%,to{opacity:.7;transform:translateY(-50%) translate(0)}50%{opacity:1;transform:translateY(-50%) translate(-.25rem)}}.target-card{background:transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;justify-content:flex-start;min-height:120px}.target-card:hover{background:#2a2a2a}.target-section{display:flex;flex-direction:column;align-items:flex-start}.target-card:hover .edit-hint{opacity:1}.target-card.readonly{cursor:default}.target-card.readonly:hover{background:transparent}.team-name-section--readonly{cursor:default}.team-name-section--readonly:hover{background:transparent}.target-card--readonly{cursor:default}.target-card--readonly:hover{background:transparent}.team-subtitle{display:block;font-size:.8rem;color:#888;font-weight:400;margin-top:.25rem;opacity:1}.session-info-card{background:transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;justify-content:flex-start;min-height:120px}.session-info-card:hover{background:#2a2a2a}.session-info-section{display:flex;flex-direction:column;align-items:flex-start}.session-info-card:hover .edit-hint{opacity:1}.status-info-card{background:transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;justify-content:flex-start;min-height:120px}.status-info-card:hover{background:#2a2a2a}.status-info-section{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.team-status{font-size:1rem;font-weight:600;color:#4ecdc4;margin-bottom:.5rem;line-height:1.3}.status-details{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#888;margin-bottom:.5rem}.status-info-card:hover .edit-hint{opacity:1}.session-code-card{background:transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;justify-content:flex-start;min-height:120px}.session-code-card:hover{background:#2a2a2a}.session-code-section{display:flex;flex-direction:column;align-items:flex-start}.session-code-value{font-size:1.5rem;font-weight:600;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;letter-spacing:.1em;margin-bottom:.5rem}.session-code-card:hover .edit-hint{opacity:1}.session-info-card .edit-hint{opacity:.8;transition:opacity .2s ease;font-weight:500;display:flex;align-items:center;color:#007aff}.target-subtitle{display:block;font-size:.8rem;color:#888;font-weight:400;margin-top:.25rem;opacity:1}.sales-form-card{background:#2a2a2a;border-radius:12px;padding:1.5rem;border:2px solid #007AFF}.sales-form{display:flex;flex-direction:column;gap:1rem}.quick-amount-input{position:relative;display:flex;align-items:center}.amount-input-large{font-size:1.2rem;padding:1rem 4rem 1rem 1rem;font-weight:600;border:2px solid #007AFF;background:#1a1a1a;-moz-appearance:textfield}.amount-input-large::-webkit-outer-spin-button,.amount-input-large::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input-large:focus{border-color:#0056cc;box-shadow:0 0 0 3px #007aff1a}.input-suffix-large{position:absolute;right:1rem;color:#007aff;font-size:1rem;font-weight:600;pointer-events:none}.month-selector{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.month-pill{background:#2d2d2d;border:1px solid #444;color:#ccc;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:50px;text-align:center}.month-pill:hover{background:#3d3d3d;color:#fff;border-color:#555}.month-pill.active{background:#007aff;color:#fff;border-color:#007aff;box-shadow:0 2px 8px #007aff4d}.month-pill.active:hover{background:#0056cc;border-color:#0056cc}.user-row{display:flex;justify-content:center;margin-bottom:2rem}.targets-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.register-sales-row{margin-bottom:2rem;display:flex;justify-content:center}.register-sales-row .sales-form-card{width:100%;max-width:none}.sales-form-simple{display:flex;gap:1rem;align-items:center;width:100%}.quick-amount-input-simple{position:relative;display:flex;align-items:center;flex:1}.amount-input-simple{font-size:1rem;padding:1rem 3.5rem 1rem 1rem;font-weight:600;border:2px solid #007AFF;background:#2a2a2a;color:#fff;border-radius:8px;width:100%;-moz-appearance:textfield}.amount-input-simple::-webkit-outer-spin-button,.amount-input-simple::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input-simple:focus{border-color:#0056cc;box-shadow:0 0 0 3px #007aff1a}.input-suffix-simple{position:absolute;right:1rem;color:#007aff;font-size:1.2rem;font-weight:600;pointer-events:none}.description-input-simple{flex:1;font-size:1rem;padding:1rem;color:#ccc;border:2px solid #444;background:#2a2a2a;border-radius:8px}.description-input-simple:focus{border-color:#666}@media (max-width: 768px){.sales-form-simple{flex-direction:column;gap:.75rem}.quick-amount-input-simple{max-width:none;width:100%}.description-input-simple{width:100%}}.progress-display{background:#2d2d2d;border:1px solid #444;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.progress-display--small{padding:1rem;font-size:.9rem}.progress-display--medium{padding:1.5rem;font-size:1rem}.progress-display--large{padding:2rem;font-size:1.1rem}.progress-display__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-display__stats{display:flex;align-items:baseline;gap:1rem}.progress-display__amount{font-size:1.5em;font-weight:600;color:#fff}.progress-display__amount-ratio{font-size:1.3em;font-weight:600;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.progress-display__percentage{font-size:1.2em;font-weight:500;color:#007aff}.progress-display__status{display:flex;align-items:center}.progress-display__status-badge{background:#007aff;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8em;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.progress-display__bar-container{margin-bottom:1rem;position:relative}.progress-display__bar{position:relative;height:8px;background:#444;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-display__bar-expected{position:absolute;top:0;left:0;height:100%;background:#666;border-radius:4px;z-index:1}.progress-display__bar-fill{height:100%;border-radius:4px;transition:width .5s ease,background-color .3s ease;position:relative;z-index:2}.progress-display__day-indicator{position:absolute;top:0;width:1px;height:100%;background:#ffffff26;z-index:3;pointer-events:none}.progress-display__expected-chevron{position:absolute;top:0;transform:translate(-50%);z-index:4;pointer-events:none;opacity:.9}.progress-display__actual-chevron{position:absolute;top:-15px;transform:translate(-50%);z-index:4;pointer-events:none;opacity:.9}.progress-display__bar-fill--wayBehind{background:linear-gradient(90deg,#ff3b30,#ff6b5a)}.progress-display__bar-fill--behind{background:linear-gradient(90deg,#ff9500,#ffb340)}.progress-display__bar-fill--onTrack{background:linear-gradient(90deg,#34c759,#4cd964)}.progress-display__bar-fill--ahead{background:linear-gradient(90deg,#007aff,#4a90e2)}.progress-display__bar-fill--crushingIt{background:linear-gradient(90deg,#af52de,#c77dff);animation:progressPulse 2s infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}.progress-display__overflow{position:absolute;right:0;top:-30px;background:#af52de1a;color:#af52de;padding:.25rem .5rem;border-radius:4px;font-size:.7em;font-weight:600;white-space:nowrap;z-index:10}.progress-display__bar-labels{display:flex;justify-content:space-between;font-size:.8em;color:#888}.progress-display__context{margin-bottom:1rem}.progress-display__context-text{color:#ccc;font-size:.9em}.progress-display__message{background:#007aff1a;border:1px solid rgba(0,122,255,.3);border-radius:8px;padding:1rem;margin-bottom:1rem;position:relative}.progress-display__message--wayBehind{background:#ff3b301a;border-color:#ff3b304d}.progress-display__message--behind{background:#ff95001a;border-color:#ff95004d}.progress-display__message--onTrack{background:#34c7591a;border-color:#34c7594d}.progress-display__message--ahead{background:#007aff1a;border-color:#007aff4d}.progress-display__message--crushingIt{background:#af52de1a;border-color:#af52de4d}.progress-display__message-text{color:#fff;font-weight:500}.progress-display__celebration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.progress-display__sparkle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;animation:sparkle 2s infinite}.progress-display__sparkle--1{top:20%;left:20%;animation-delay:0s}.progress-display__sparkle--2{top:60%;right:20%;animation-delay:.5s}.progress-display__sparkle--3{bottom:20%;left:50%;animation-delay:1s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.progress-display__details{border-top:1px solid #444;padding-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.progress-display__detail-item{display:flex;justify-content:space-between;align-items:center}.progress-display__detail-label{color:#888;font-size:.9em}.progress-display__detail-value{color:#fff;font-weight:500}.motivational-message{background:#007aff1a;border:1px solid rgba(0,122,255,.3);border-radius:8px;padding:1rem;margin-bottom:1rem;position:relative;transition:all .3s ease}.motivational-message--animating{animation:messageSlideIn .5s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.motivational-message--wayBehind{background:#ff3b301a;border-color:#ff3b304d}.motivational-message--behind{background:#ff95001a;border-color:#ff95004d}.motivational-message--onTrack{background:#34c7591a;border-color:#34c7594d}.motivational-message--ahead{background:#007aff1a;border-color:#007aff4d}.motivational-message--crushingIt{background:#af52de1a;border-color:#af52de4d}.motivational-message--exceptional{animation:celebrationGlow 2s infinite}@keyframes celebrationGlow{0%,to{box-shadow:0 0 5px #af52de4d}50%{box-shadow:0 0 20px #af52de99}}.motivational-message__content{display:flex;align-items:center;gap:1rem;position:relative}.motivational-message__indicator{width:4px;height:2rem;background:#007aff;border-radius:2px;flex-shrink:0}.motivational-message__text{color:#fff;font-weight:500;flex:1}.motivational-message__celebration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.motivational-message__sparkle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;animation:sparkle 2s infinite}.motivational-message__sparkle--1{top:20%;left:20%;animation-delay:0s}.motivational-message__sparkle--2{top:60%;right:20%;animation-delay:.5s}.motivational-message__sparkle--3{bottom:20%;left:50%;animation-delay:1s}.motivational-message__close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:#888;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease}.motivational-message__close:hover{color:#fff;background:#ffffff1a}.optional-description{margin-top:.5rem}.description-input-optional{font-size:.9rem;padding:.75rem;color:#ccc;border:1px solid #444;background:#1a1a1a}.description-input-optional:focus{border-color:#666}.entry-amount.editable,.entry-description.editable{cursor:pointer;border-radius:4px;padding:2px 4px;transition:background-color .2s ease}.entry-amount.editable:hover,.entry-description.editable:hover{background-color:#007aff1a}.entry-edit-form{display:flex;flex-direction:column;gap:.75rem;padding:.5rem}.entry-edit-row{display:flex;align-items:center;gap:1rem}.edit-amount-input,.edit-description-input{background:#1a1a1a;border:2px solid #007AFF;border-radius:6px;padding:.5rem .75rem;color:#fff;font-size:.9rem;height:36px;box-sizing:border-box}.edit-amount-input{width:100px;font-weight:600;-moz-appearance:textfield}.edit-amount-input::-webkit-outer-spin-button,.edit-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-description-input{flex:1}.edit-amount-input:focus,.edit-description-input:focus{outline:none;border-color:#0056cc}.entry-edit-actions{display:flex;gap:.75rem;margin-left:auto;align-items:center}.btn-tiny{padding:.5rem 1rem;font-size:.9rem;border-radius:6px;height:36px;display:flex;align-items:center;justify-content:center;min-width:70px;font-weight:500}.delete-entry-btn{min-width:36px!important;padding:.5rem!important;margin-right:.5rem}.delete-entry-modal{display:flex;flex-direction:column;gap:1.5rem}.delete-entry-modal p{margin:0;color:#ccc;font-size:1rem}.entry-preview{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1rem;border-left:3px solid #ff3b30}.preview-amount{font-weight:600;color:#34c759;font-size:1.2rem;margin-bottom:.5rem}.preview-description{color:#ccc;margin-bottom:.5rem}.preview-time{color:#888;font-size:.9rem}.target-modal{display:flex;flex-direction:column;gap:1.5rem}.toggle-switch{display:flex;background:#1a1a1a;border-radius:8px;padding:4px;border:1px solid #333}.toggle-option{flex:1;background:none;border:none;color:#888;padding:.75rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.toggle-option:hover{background:#2a2a2a;color:#ccc}.toggle-option.active:hover{background:#0056cc}.members-modal{display:flex;flex-direction:column;gap:1.5rem}.members-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.member-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;background:#2a2a2a;min-height:52px}.member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.member-name{color:#fff;font-weight:500;flex:1}.add-member-form{display:flex;gap:.75rem;align-items:center}.member-input{flex:1;background:#2a2a2a;border:2px solid #333;color:#fff;padding:.75rem;border-radius:6px;font-size:1rem}.member-input:focus{outline:none;border-color:#007aff}.member-input::placeholder{color:#666}.modal-help{text-align:center;margin-top:.5rem}.modal-help p{color:#888;font-size:.9rem;margin:0}.member-actions{display:flex;gap:.5rem;margin-left:auto}.member-edit-form{display:flex;align-items:center;gap:.5rem;flex:1}.member-edit-input{flex:1;background:#1a1a1a;border:2px solid #007AFF;color:#fff;padding:.5rem;border-radius:4px;font-size:.9rem}.member-edit-input:focus{outline:none;border-color:#0056cc}.member-edit-actions{display:flex;gap:.25rem}.btn-mini{padding:.25rem .5rem;font-size:.8rem;border-radius:4px}.btn-icon{background:transparent;border:none;color:#666;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:#ff3b301a}.btn-icon:hover svg{stroke:#ff3b30}.btn-danger{background:#ff3b30;color:#fff}.btn-danger:hover:not(:disabled){background:#d70015}.delete-confirm-modal{display:flex;flex-direction:column;gap:1rem}.delete-confirm-modal p{margin:0;color:#ccc}.warning-section{display:flex;gap:.75rem;padding:1rem;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px;margin:.5rem 0}.warning-icon{font-size:1.5rem;color:#ff9500;flex-shrink:0}.warning-text{flex:1}.warning-text p{margin:0 0 .5rem;color:#fff}.warning-text p:last-child{margin-bottom:0}.recent-sessions-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.recent-session-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease;cursor:pointer;position:relative}.recent-session-item:last-child{border-bottom:none}.recent-session-item:hover{padding-left:.5rem;border-left:2px solid #007AFF}.recent-session-name{font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.recent-session-time{color:#888;font-size:.85rem;white-space:nowrap}.recent-session-code{color:#888;font-family:monospace;font-size:.8rem;cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative}.recent-session-code:hover{color:#ccc}.recent-session-code.clickable:hover:after{content:attr(title);position:absolute;background:#2a2a2a;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:10;top:-2.5rem;right:0;border:1px solid #444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.recent-sessions-empty{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;margin-top:1rem}.empty-message{color:#666;font-size:.9rem;text-align:center;font-style:italic}.recent-session-item.placeholder{cursor:default;opacity:.4}.recent-session-item.placeholder:hover{padding-left:0;border-left:none}.recent-session-item.placeholder .recent-session-name{color:#666;font-style:italic}.recent-session-actions{display:flex;align-items:center;gap:.5rem}.delete-session-btn{background:none;border:none;color:#666;cursor:pointer;padding:.25rem;border-radius:4px;font-size:.9rem;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.recent-session-item:hover .delete-session-btn{opacity:1}.delete-session-btn:hover{background:#ff3b301a;color:#ff3b30}.all-sessions-modal{display:flex;flex-direction:column;gap:1.5rem;max-height:60vh}.all-sessions-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.all-session-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:8px;background:#1a1a1a;border:1px solid #333;cursor:pointer;transition:all .2s ease}.all-session-item:hover{background:#333;border-color:#444}.all-session-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.all-session-name{font-weight:500;color:#fff;font-size:1rem}.all-session-details{color:#888;font-size:.85rem;font-family:monospace}.all-session-actions{display:flex;gap:.5rem;margin-left:1rem}.all-sessions-empty{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.all-sessions-empty .empty-message{color:#666;font-size:.9rem;font-style:italic}.process-steps{display:flex;align-items:flex-start;justify-content:center;margin:1.5rem 0 1rem;padding:0 .5rem}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.step-dot{width:24px;height:24px;border-radius:50%;background:#666;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;transition:all .3s ease;cursor:pointer;position:relative;z-index:2}.step-item:hover .step-dot{background:#007aff;transform:scale(1.1);box-shadow:0 0 12px #007aff66}.step-label{margin-top:.5rem;white-space:nowrap;font-size:.75rem;color:#888;transition:color .3s ease;text-align:center}.step-item:hover .step-label{color:#ccc}.step-connector{width:100px;height:2px;background:#444;margin:0 .125rem;margin-top:11px;transition:background .3s ease;z-index:1}.step-item:hover~.step-connector,.step-item:hover+.step-connector{background:#007aff}.process-steps:hover .step-dot,.process-steps:hover .step-connector{background:#555}.process-tooltip-area{min-height:24px;display:flex;align-items:center;justify-content:center;margin-top:1rem}.step-tooltip-text{color:#888;font-size:.9rem;margin:0;text-align:center;transition:opacity .3s ease;opacity:1}.create-session-form{display:flex;flex-direction:column;gap:1.5rem}.create-session-form .form-group{margin-bottom:0}.create-session-form .form-help{color:#888;font-size:.85rem;margin-top:.5rem;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#2a2a2a;border:1px solid #444;border-radius:12px;min-width:400px;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #007aff4d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;padding:1.5rem;border-bottom:1px solid #444;background:linear-gradient(135deg,#007aff,#0056cc);color:#fff}.modal-icon{font-size:1.5rem;margin-right:1rem;opacity:.9}.modal-title{flex:1;font-size:1.2rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#fffc;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:1.5rem;color:#fff;line-height:1.5}.modal-body p{margin:0 0 1rem;color:#ccc}.modal-body p:last-child{margin-bottom:0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions .btn{min-width:80px}.settings-modal{display:flex;flex-direction:column;gap:2rem;max-width:500px}.settings-section{display:flex;flex-direction:column;gap:.75rem}.settings-label{font-weight:600;color:#fff;font-size:1rem;margin-bottom:.5rem}.custom-dropdown{position:relative}.dropdown-trigger{width:100%;padding:1rem;background:#1a1a1a;border:2px solid #444;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.dropdown-trigger:hover{border-color:#666}.dropdown-trigger:focus,.dropdown-trigger:active{border-color:#007aff;outline:none}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#2a2a2a;border:2px solid #444;border-radius:8px;margin-top:4px;z-index:1000;max-height:250px;overflow-y:auto;box-shadow:0 8px 24px #0006}.dropdown-item{width:100%;padding:1rem;background:none;border:none;color:#ccc;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#333;color:#fff}.dropdown-item.selected{background:#007aff;color:#fff}.dropdown-item.selected:hover{background:#0056cc}.settings-preview{background:#1a1a1a;border:2px solid #333;border-radius:12px;padding:1.5rem;margin:1rem 0}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.preview-header h4{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.preview-badge{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.preview-content{display:flex;flex-direction:column;gap:1rem}.preview-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#2a2a2a;border-radius:8px;border-left:4px solid #007AFF}.preview-label{color:#888;font-weight:500;font-size:.9rem}.preview-value{color:#007aff;font-weight:600;font-size:1rem;font-family:monospace}.settings-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #333}.settings-reset-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem}.settings-button-group{display:flex;gap:1rem}.settings-btn{min-width:120px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}@media (max-width: 768px){.upsell-header h1{font-size:2rem}.upsell-content{padding:1rem}.option-cards{grid-template-columns:1fr;gap:1rem}.option-card,.form-card,.success-card{padding:1.5rem}.action-buttons{gap:.75rem}.qr-code{width:150px;height:150px}}.register-sales-card{background:transparent;border-radius:12px;padding:1.5rem;height:fit-content;cursor:pointer;transition:background-color .2s ease;border:2px dashed #007AFF}.register-sales-card:hover{background:#007aff1a;border-color:#0056cc}.register-sales-card .team-name{color:#007aff;font-size:2rem;font-weight:600}.register-sales-card .edit-hint{color:#007aff;opacity:.8;transition:opacity .2s ease;font-weight:500}.register-sales-card:hover .edit-hint{opacity:1}.sales-entries-section{background:#2a2a2a;border-radius:12px;padding:2rem;margin-bottom:2rem}.sales-entries-simple{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:1200px;margin:0 auto}.sales-entry-item-simple{background:#2a2a2a;border-radius:8px;padding:1.5rem;border-left:3px solid #007AFF;transition:background-color .2s ease;width:100%}.sales-entry-item-simple:hover{background:#333}.entries-placeholder-simple{opacity:.4;pointer-events:none;padding:2rem;text-align:center}.placeholder-entry-simple{background:#2a2a2a;border-radius:8px;padding:1.5rem;border-left:3px solid #555;margin-bottom:1rem}.sales-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.sales-column{display:flex;flex-direction:column}.sales-column h3{margin:0 0 1rem;font-size:1.2rem;font-weight:500;color:#fff}.sales-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#007aff1a;border-radius:8px;border-left:4px solid #007AFF}.sales-total{font-size:1.5rem;font-weight:600;color:#fff}.sales-progress{color:#007aff;font-weight:500}.sales-entries-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.sales-entry-item{background:#333;border-radius:8px;padding:1rem;border-left:3px solid #007AFF;transition:background-color .2s ease}.sales-entry-item:hover{background:#3a3a3a}.entry-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.entry-amount{font-weight:600;color:#34c759;font-size:1.1rem}.entry-category,.entry-user{color:#007aff;font-weight:500}.entry-details{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.entry-description{color:#ccc}.entry-time{color:#888}.no-entries{text-align:center;padding:2rem;color:#888}.no-entries p{margin:.5rem 0}.user-selection-modal{max-height:400px;overflow-y:auto}.users-list{display:flex;flex-direction:column;gap:.5rem}.user-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#333;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.user-item:hover{background:#3a3a3a;border-color:#007aff}.user-item.selected{background:#007aff33;border-color:#007aff}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.user-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#fff}.user-stats{font-size:.9rem;color:#888}.no-users{text-align:center;padding:2rem;color:#888}.register-sales-modal{max-height:500px;overflow-y:auto}.sale-entries{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.sale-entry-row{display:flex;align-items:flex-start;gap:1rem}.sale-entry-inputs{flex:1;display:grid;grid-template-columns:1fr 2fr;gap:1rem}.amount-input{font-weight:600}.description-input{color:#ccc}.remove-entry-btn{margin-top:.5rem;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1}.modal-help{background:#007aff1a;border-radius:6px;padding:.75rem;margin-bottom:1rem;border-left:3px solid #007AFF}.modal-help p{margin:0;font-size:.9rem;color:#007aff}.entries-placeholder{opacity:.4;pointer-events:none}.placeholder-entry{background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:.75rem;opacity:.5;pointer-events:none}.placeholder-entry .entry-amount{color:#666;opacity:.8}.placeholder-entry .entry-category,.placeholder-entry .entry-description{color:#555;opacity:.8}.placeholder-entry .entry-time{color:#444;opacity:.8}.placeholder-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.placeholder-amount{font-weight:600;color:#666;font-size:1.1rem}.placeholder-category,.placeholder-user{color:#555;font-weight:500}.placeholder-details{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.placeholder-description{color:#555}.placeholder-time{color:#444}.placeholder-text{text-align:center;color:#666;font-style:italic;margin-top:1rem;padding:1rem;font-size:.9rem}.sales-entry-item.newly-added{animation:slideInHighlight .8s ease-out;background:#007aff33!important;border-left-color:#007aff!important}@keyframes slideInHighlight{0%{transform:translateY(-20px);opacity:0;background:#007aff66}50%{transform:translateY(0);opacity:1;background:#007aff4d}to{background:#007aff33}}@media (max-width: 768px){.sales-columns{grid-template-columns:1fr;gap:1.5rem}.sales-summary{flex-direction:column;align-items:flex-start;gap:.5rem}.sale-entry-inputs{grid-template-columns:1fr;gap:.75rem}.sale-entry-row{flex-direction:column;gap:.75rem}.remove-entry-btn{align-self:flex-end;margin-top:0}}.team-overview-header{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.team-progress-section{background:#2a2a2a;border-radius:12px;padding:2rem;margin-bottom:3rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.progress-header h2{margin:0;font-size:1.5rem;font-weight:500;color:#fff}.progress-stats{display:flex;align-items:center;gap:1rem}.progress-amount{font-size:1.8rem;font-weight:600;color:#34c759}.progress-percentage{font-size:1.2rem;font-weight:500;color:#007aff}.progress-bar-container{margin-bottom:1rem}.progress-bar{width:100%;height:12px;background:#444;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(135deg,#34c759,#28a745);border-radius:6px;transition:width .5s ease}.progress-labels{display:flex;justify-content:space-between;font-size:.9rem;color:#888}.team-members-section{margin-bottom:2rem}.team-members-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:500;color:#fff}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.member-card{background:#2a2a2a;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.member-card:hover{background:#333;border-color:#007aff;transform:translateY(-2px)}.member-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.member-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem}.member-info{flex:1}.member-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#fff}.member-target{margin:0;font-size:.9rem;color:#888}.member-progress{margin-bottom:1rem}.member-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.member-amount{font-size:1.3rem;font-weight:600;color:#34c759}.member-percentage{font-size:1rem;font-weight:500;color:#007aff}.member-progress-bar{width:100%;height:8px;background:#444;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.member-progress-fill{height:100%;background:linear-gradient(135deg,#34c759,#28a745);border-radius:4px;transition:width .5s ease}.member-sales-count{font-size:.9rem;color:#888}.member-action{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #444}.action-text{font-size:.9rem;color:#007aff;font-weight:500}.member-action svg{color:#007aff;opacity:.7;transition:opacity .2s ease}.member-card:hover .member-action svg{opacity:1}.member-card.top-seller{border:2px solid #FFD700;box-shadow:0 4px 12px #ffd7004d}.member-card.top-seller:hover{border-color:gold}.top-seller-star{position:absolute;top:-2px;right:-2px;width:20px;height:20px;background:gold;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a1a1a;border:2px solid #1a1a1a;animation:starGlow 2s ease-in-out infinite}@keyframes starGlow{0%,to{box-shadow:0 0 8px #ffd70099}50%{box-shadow:0 0 12px #ffd700cc}}.top-seller-badge{display:inline-block;background:gold;color:#1a1a1a;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:8px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.member-avatar{position:relative}.no-members{text-align:center;padding:3rem;color:#888}.no-members p{margin:.5rem 0;font-size:1.1rem}.user-header-section{display:flex;align-items:center;gap:2rem}.back-button{background:transparent;border:2px solid #007AFF;color:#007aff;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.back-button:hover{background:#007aff1a;transform:translate(-2px)}.current-user-info{flex:1}@media (max-width: 768px){.team-overview-header{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.members-grid{grid-template-columns:1fr;gap:1rem}.member-card{padding:1rem}.progress-stats{flex-direction:column;align-items:flex-start;gap:.5rem}.user-header-section{flex-direction:column;align-items:flex-start;gap:1rem}.back-button{align-self:flex-start}}.user-info-row{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.user-name-section{display:flex;align-items:center;gap:1rem}.user-name-large{font-size:2.5rem;font-weight:300;color:#fff;margin:0}.month-selector-row{display:flex;justify-content:center;margin-bottom:2rem;padding:0}.month-selector{display:flex;gap:.5rem;flex-wrap:wrap}.month-selector-responsive{display:flex;width:100%;max-width:1200px;gap:.5rem;justify-content:center}.month-pill-responsive{flex:1;min-width:60px;background:#2d2d2d;border:1px solid #444;color:#ccc;padding:.75rem .5rem;border-radius:20px;font-size:clamp(.8rem,2vw,1rem);font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap}.month-pill-responsive:hover{background:#3d3d3d;color:#fff;border-color:#555}.month-pill-responsive.active{background:#007aff;color:#fff;border-color:#007aff;box-shadow:0 2px 8px #007aff4d}.month-pill-responsive.active:hover{background:#0056cc;border-color:#0056cc}.month-pill-responsive.past{color:#666;border-color:#333}.month-pill-responsive.past:hover{color:#888;border-color:#444}.month-pill-responsive.past.active{background:#007aff;color:#fff;border-color:#007aff}@media (max-width: 768px){.month-selector-responsive{flex-wrap:wrap;gap:.25rem}.month-pill-responsive{flex:1 1 calc(16.666% - .25rem);min-width:50px;font-size:.8rem;padding:.5rem .25rem}}@media (max-width: 480px){.month-pill-responsive{flex:1 1 calc(33.333% - .25rem);min-width:70px}}.month-pill{padding:.5rem 1rem;border:2px solid #444;border-radius:20px;background:transparent;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.month-pill:hover{border-color:#666}.month-pill.active{border-color:#007aff;background:#007aff1a;color:#007aff}.page-name-bold{font-weight:600}.session-code-text{font-family:inherit;font-size:inherit;font-weight:inherit}.session-code-section{position:relative}.session-code-section:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:.5rem;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:10}.sales-entries-list-paginated{height:60vh;overflow-y:auto;border:1px solid #333;border-radius:8px;padding:1rem}.sales-entries-list-paginated::-webkit-scrollbar{width:8px}.sales-entries-list-paginated::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.sales-entries-list-paginated::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.sales-entries-list-paginated::-webkit-scrollbar-thumb:hover{background:#555}.team-simple-header{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.team-simple-title{display:flex;flex-direction:column;gap:.5rem}.team-label-simple{font-size:1.2rem;font-weight:600;color:#888;margin:0;text-transform:uppercase;letter-spacing:.1em}.team-name-simple{font-size:3rem;font-weight:300;color:#fff;margin:0}.team-simple-progress{margin-left:0}.progress-display--simple{background:transparent;border:none;padding:0}.progress-display--simple .progress-display__header{margin-bottom:1rem}.progress-display--simple .progress-display__context{margin-top:.5rem}.team-name-header{margin-bottom:2rem;text-align:left}.team-name-main{font-size:3.5rem;font-weight:300;color:#fff;margin:0}.revenue-stats-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.revenue-stat-section{display:flex;flex-direction:column;align-items:flex-start}.revenue-label{font-size:1.2rem;font-weight:600;color:#888;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.1em}.revenue-values{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.revenue-current{font-size:2.5rem;font-weight:300;color:#fff}.revenue-divider{font-size:1.5rem;color:#666;margin:0 .25rem}.revenue-target{font-size:2.5rem;color:#888;font-weight:300}.revenue-currency{font-size:.9rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.revenue-values-only{display:flex;align-items:baseline;margin-bottom:.25rem}.revenue-current-only{font-size:2.5rem;font-weight:300;color:#fff}.motivational-section{display:flex;justify-content:flex-start;margin-bottom:1rem}.team-stats-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #333}.team-stat-section{display:flex;flex-direction:column;gap:.5rem;text-align:left}.team-amount-large,.team-percentage-large{font-size:3rem;font-weight:300;color:#fff;margin:0}.team-percentage-subtitle{font-size:.9rem;color:#888;margin-top:.25rem;line-height:1.3}.team-progress-pill{display:inline-block;padding:.5rem 1rem;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;text-align:center;margin-top:.5rem;box-shadow:0 2px 8px #0003}.team-progress-bar{margin-bottom:3rem}.progress-display--minimal{background:transparent;border:none;padding:0}.progress-display--minimal .progress-display__bar-container{margin-bottom:.5rem}.progress-display--minimal .progress-display__context{margin-top:.5rem}.user-name-header{display:flex;align-items:center;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.user-name-text{font-size:1rem;font-weight:500;color:#fff;white-space:nowrap}.team-members-hint{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#007aff1a;border:2px solid rgba(0,122,255,.3);border-radius:12px;animation:hintPulse 2s ease-in-out infinite}.hint-text{font-size:1.1rem;font-weight:500;color:#007aff;text-align:center;margin:0}.hint-arrow{color:#007aff;animation:hintBounce 1.5s ease-in-out infinite}@keyframes hintPulse{0%,to{background:#007aff1a;border-color:#007aff4d}50%{background:#007aff33;border-color:#007aff80}}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.team-name-main{font-size:2.5rem}.revenue-stats-header{grid-template-columns:1fr;gap:2rem;margin-bottom:1.5rem}.revenue-current,.revenue-target{font-size:2rem}.motivational-section{justify-content:center;margin-bottom:1.5rem}}.touch-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:8px;box-shadow:0 2px 8px #0000004d;animation:fadeInTooltip .2s ease-in-out}.touch-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6}.touch-hint{font-size:10px;color:#888;text-align:center;margin-top:4px;opacity:.7}@keyframes fadeInTooltip{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (hover: none){.bar{cursor:pointer}.bar-label .touch-hint{display:block}}@media (hover: hover){.touch-hint{display:none}}@media (max-width: 768px){.app-header{padding:1.5rem 1rem}.app-header h1{font-size:2rem}.app-header p{font-size:1rem;padding:0 .5rem}.header-logo{height:60px}.home-page{padding:1rem}.hero-section{margin-bottom:2rem}.hero-section h2{font-size:1.5rem}.hero-section p{font-size:1rem;padding:0 .5rem}.actions-section{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.action-card{padding:1.5rem}.action-card h3{font-size:1.1rem}.action-card p{font-size:.9rem;margin-bottom:1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.features-section h3{font-size:1.25rem;margin-bottom:1.5rem}.modal-content{min-width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);margin:1rem;max-height:calc(100vh - 2rem)}.modal-header,.modal-body,.modal-footer{padding:1rem 1.5rem}}@media (max-width: 768px){.team-stats-header{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.team-stat-section{text-align:center;gap:.25rem}.team-amount-large,.team-percentage-large{font-size:2rem}.team-label-simple{font-size:.85rem}.team-name-simple{font-size:1.5rem}.team-progress-pill{padding:.5rem 1rem;font-size:.85rem;margin-top:.5rem}}@media (max-width: 480px){.home-page{padding:.75rem}.actions-section{gap:.75rem}.action-card{padding:1.25rem}.modal-content{min-width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);margin:.5rem;max-height:calc(100vh - 1rem)}.team-stats-header{gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.team-amount-large,.team-percentage-large{font-size:1.75rem}.team-name-simple{font-size:1.25rem}}@media (min-width: 481px) and (max-width: 1024px){.actions-section{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:600px;margin:0 auto 3rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.team-stats-header{grid-template-columns:repeat(3,1fr);gap:1.5rem}.team-stat-section{text-align:center}.modal-content{min-width:500px;max-width:600px}}@media (min-width: 481px) and (max-width: 768px){.team-stats-header{grid-template-columns:1fr 1fr;gap:1.5rem}.team-stat-section:last-child{grid-column:1 / -1}}.entry-table-row{display:grid;grid-template-columns:100px 80px 1fr 40px 40px 40px;gap:.75rem;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .15s ease;border-radius:6px}.entry-table-row:hover{background:#ffffff05}.entry-table-row:last-child{border-bottom:none}.entry-col-amount,.entry-col-category{text-align:left}.entry-col-description{text-align:left;min-width:0}.entry-col-delete,.entry-col-save,.entry-col-cancel{text-align:center}.entry-value{font-size:1rem;font-weight:500;transition:color .15s ease}.entry-value.editable{cursor:pointer}.entry-value.editable:hover{color:#007aff}.entry-col-amount .entry-value{color:#fff;font-weight:600}.entry-col-category .entry-value{color:#007aff}.entry-col-description .entry-value.has-description{color:#fff}.entry-col-description .entry-value.no-description{color:#666;font-style:italic}.entry-edit-input{width:100%;padding:.25rem .5rem;font-size:1rem;background:#ffffff1a;border:1px solid #007AFF;border-radius:4px;color:#fff;outline:none}.entry-edit-input:focus{border-color:#4a90e2;background:#ffffff26}.entry-edit-input[type=number]{-moz-appearance:textfield}.entry-edit-input[type=number]::-webkit-outer-spin-button,.entry-edit-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@keyframes shake{0%,20%,40%,60%,80%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}}.entry-edit-input.shake{animation:shake .6s ease-in-out}.entry-action-btn{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.25rem;color:#888;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;opacity:0}.entry-action-btn:hover{border-color:#fff6;color:#fff}.entry-action-btn:disabled{opacity:.3;cursor:not-allowed}.entry-action-btn.edit-btn:hover{border-color:#007aff;color:#007aff}.entry-action-btn.delete-btn:hover{border-color:#ff3b30;color:#ff3b30}.entry-action-btn.save-btn:hover{border-color:#34c759;color:#34c759}.entry-action-btn.cancel-btn:hover{border-color:#ff9500;color:#ff9500}.entry-table-row:hover .entry-action-btn.edit-btn,.entry-table-row .entry-action-btn.delete-btn,.entry-table-row .entry-action-btn.save-btn,.entry-table-row .entry-action-btn.cancel-btn{opacity:1}.sales-entry-item-simple{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.sales-entry-item-simple.newly-added .entry-table-row{background:#007aff1a;border-radius:6px;padding:.75rem 0;animation:highlightEntry 2s ease-out}@keyframes highlightEntry{0%{background:#007aff33}to{background:#007aff1a}}.placeholder-entry .entry-table-row{opacity:.5}@media (max-width: 768px){.entry-table-row{grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:.5rem;padding:1rem 0}.entry-col-amount{grid-column:1;grid-row:1}.entry-col-category{grid-column:1;grid-row:2}.entry-col-description{grid-column:1;grid-row:3}.entry-col-delete{grid-column:2;grid-row:1}.entry-col-save{grid-column:2;grid-row:2}.entry-col-cancel{grid-column:2;grid-row:3}.entry-value{font-size:1rem}.entry-col-amount .entry-value{font-size:1.2rem}.entry-col-category .entry-value{font-size:.9rem}}@media (max-width: 480px){.entry-table-row{padding:.75rem 0;gap:.25rem}}@media (max-width: 1024px){.team-header{grid-template-columns:1fr 1fr;gap:1.5rem}.team-name-section{grid-column:1 / -1}}@media (max-width: 768px){.team-header{grid-template-columns:1fr;gap:1rem}.team-name-section,.members-card,.target-card,.status-info-card,.session-code-card{grid-column:1;min-height:100px;padding:1.25rem}}@media (max-width: 480px){.team-header{gap:.75rem}.team-name-section,.members-card,.target-card,.session-info-card{padding:1rem;min-height:90px}}.sales-form-horizontal{margin-top:1rem}.form-row{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.9rem;color:#ccc;font-weight:500}.amount-field{flex:0 0 150px}.description-field{flex:1;min-width:200px}.submit-field{flex:0 0 auto}.form-field input{padding:.75rem;border:1px solid #444;border-radius:8px;background:#2d2d2d;color:#fff;font-size:1rem}.form-field input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 2px #007aff33}.form-field .btn{margin:0;padding:.75rem 1.5rem;height:auto}@media (max-width: 768px){.form-row{flex-direction:column;align-items:stretch}.amount-field,.description-field,.submit-field{flex:1}}.user-selector-simple{display:flex;justify-content:center;margin-bottom:1rem;padding:0 1rem}.user-select{padding:.75rem 1rem;border:1px solid #444;border-radius:8px;background:#2d2d2d;color:#fff;font-size:1rem;cursor:pointer;min-width:200px}.user-select:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 2px #007aff33}.session-code-with-copy{display:flex;align-items:center;gap:.75rem}.session-code-copy-icon{cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.session-code-copy-icon:hover{background:#ffffff1a}.session-code-card:hover{background:transparent}.user-name-month-row{margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.user-name-half{flex:1}.month-selector-toggle{background:none;border:none;color:#888;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;flex:1;text-align:right}.month-selector-toggle:hover{background:#ffffff1a;color:#fff}.dashboard-icon-btn{background:none;border:none;color:#888;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dashboard-icon-btn:hover{background:#ffffff1a;color:#fff}.form-buttons{display:flex;gap:.75rem;margin-top:.75rem;justify-content:flex-end}.clear-btn{flex:1;padding:.75rem;font-size:1rem;font-weight:500;min-width:80px}.submit-sale-btn{flex:1;min-width:80px;padding:.75rem;font-size:1rem;font-weight:500}.favorites-section{margin-top:1.5rem;margin-bottom:2rem}.favorites-title,.section-title{margin:0 0 1rem;font-size:1.1rem;font-weight:500;color:#fff;text-align:left}.favorites-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:.75rem}.favorite-pill{background:#2a2a2a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;gap:.25rem;min-height:60px;justify-content:center;position:relative}.favorite-pill:hover{background:#333;border-color:#fff3;transform:translateY(-2px)}.favorite-pill.selected{background:#007aff33;border-color:#007aff;box-shadow:0 0 0 2px #007aff4d}.favorite-pill.disabled{background:#1a1a1a;border-color:#ffffff0d;cursor:not-allowed;opacity:.5;transform:none}.favorite-pill.disabled:hover{background:#1a1a1a;border-color:#ffffff0d;transform:none}.favorite-amount{font-size:1.1rem;font-weight:600;color:#fff}.favorite-description{font-size:.8rem;color:#888;line-height:1.2}.favorite-quantity{position:absolute;top:-8px;right:-8px;background:#007aff;color:#fff;font-size:.7rem;font-weight:600;border-radius:10px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0000004d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-mobile-layout{display:flex;flex-direction:column;gap:.5rem}.entry-top-row{display:flex;justify-content:space-between;align-items:center}.entry-category-blue{color:#007aff!important}.entry-col-description{padding-left:0}.dashboard-content{margin-top:2rem}.sales-entry-item-simple{position:relative;overflow:hidden}.swipe-delete-overlay{position:absolute;top:0;right:0;bottom:0;width:80px;background:#ff3b30;display:flex;align-items:center;justify-content:center;z-index:10}.swipe-delete-btn{background:none;border:none;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;padding:1rem;height:100%;width:100%}.sales-entry-item-simple.swiped{transform:translate(-80px);transition:transform .3s ease}@media (min-width: 769px){.swipe-delete-overlay{display:none}.sales-entry-item-simple.swiped{transform:none}}@media (max-width: 768px){.user-name-month-row{flex-direction:row;align-items:center;gap:.5rem}.month-selector-toggle{text-align:right;padding:.25rem .75rem}.favorites-grid{gap:.5rem}.favorite-pill{padding:.5rem;min-height:55px}.favorite-amount{font-size:1rem}.favorite-description{font-size:.75rem}}@media (max-width: 480px){.favorites-grid{gap:.4rem}.favorite-pill{padding:.4rem;min-height:50px}.favorite-amount{font-size:.95rem}.favorite-description{font-size:.7rem}}.dashboard-url-wrapper{max-width:50%;margin-bottom:2rem}.dashboard-url-card{background:transparent;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.dashboard-url-card:hover{border-color:#fff3;background:#ffffff08;transform:translateY(-1px)}.dashboard-url-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.dashboard-url-icon{width:24px;height:24px;object-fit:contain}.dashboard-url-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.dashboard-url-page-name{color:#007aff;font-weight:600}.data-sources-section{margin-bottom:2rem}.data-sources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1rem}.data-source-card{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .2s ease}.data-source-card.enabled{border-color:#007aff4d}.data-source-card.disabled{opacity:.6}.data-source-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.data-source-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;padding:4px}.data-source-info{flex:1;min-width:0}.data-source-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.data-source-description{font-size:.9rem;color:#888;margin:0;line-height:1.4}.data-source-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.data-source-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#888;position:relative}.status-indicator{width:8px;height:8px;border-radius:50%;background:#8e8e93;transition:transform .2s ease}.data-source-status:hover .status-indicator{transform:scale(1.2)}.data-source-status:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.25rem .5rem;background:#000000e6;color:#fff;font-size:.75rem;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:.25rem}.data-source-status:hover:after{opacity:1}.data-source-status-inline{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.status-summary{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.status-info{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.status-label{color:#ffffff80}.status-value{color:#ffffffe6;font-weight:500}.status-with-icon{display:flex;align-items:center;gap:.5rem}.status-indicator-inline{width:8px;height:8px;border-radius:50%;flex-shrink:0}.refresh-button{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s ease;margin-left:auto}.refresh-button:hover{background:#ffffff0d;border-color:#ffffff4d;color:#ffffffe6}.refresh-button svg{transition:transform .3s ease}.refresh-button:hover svg{transform:rotate(180deg)}.status-error{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;background:#ff3b301a;border-radius:6px;color:#ff3b30;font-size:.8rem}.status-text{font-size:.8rem;color:#888}.data-source-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#444;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#007aff}input:checked+.toggle-slider:before{transform:translate(20px)}.google-sheets-config-panel{background:#2a2a2a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-top:1rem;position:relative}.config-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff80;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.config-close-btn:hover{background:#ffffff1a;color:#fffc}.google-sheets-config-panel h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.config-header{margin-bottom:2rem}.config-subtitle{color:#ffffffb3;font-size:.9rem;margin-top:.5rem;margin-bottom:0}.form-input.input-valid{border-color:#34c7594d}.url-feedback{margin-top:.5rem;font-size:.85rem}.feedback-success{color:#34c759;display:flex;align-items:center;gap:.5rem}.feedback-hint{color:#ffffff80}.validate-btn.btn-success{background:#34c759;border-color:#34c759;color:#fff}.validate-btn.btn-success:hover:not(:disabled){background:#2fb350}.config-step{margin-bottom:1.5rem}.mapping-single-column{width:100%}.sheet-name-in-table{position:absolute;top:1rem;left:1rem;color:#fff6;font-size:.8rem;z-index:2;background:#0000004d;padding:.25rem .75rem;border-radius:4px}.mapping-checklist-horizontal{margin-top:1.5rem;background:#ffffff08;border-radius:8px;padding:1rem}.mapping-list-horizontal{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;flex-wrap:wrap}.mapping-list-horizontal li{display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.85rem;transition:all .2s ease}.mapping-list-horizontal li.confirmed{color:#fffc}.mapping-list-horizontal li.current{background:#007aff1a;padding:.5rem .75rem;margin:-.5rem -.75rem;border-radius:6px;color:#ffffffe6}.mapping-list-horizontal li.skipped .mapped-to{color:#fff6}.skip-explanation{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.sheet-row-info{margin-top:.75rem;text-align:center;color:#ffffff80;font-size:.8rem}.step-number{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffff1a;font-weight:600;flex-shrink:0}.confirmed .step-number{background:#34c75933}.checkmark{position:absolute;color:#34c759;font-size:.8rem;left:-.5rem}.step-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.field-name{font-weight:500}.mapped-to{font-size:.8rem;color:#fff9}.mapped-to em{color:#fff6;font-style:normal}.step-label{display:block;color:#fff;font-weight:500;margin-bottom:1rem;font-size:.95rem}.selected-field-info{background:#007aff0d;border:1px solid rgba(0,122,255,.2);border-radius:8px;padding:1rem;margin:1.5rem 0 1rem}.field-info-content{color:#ffffffe6;font-size:.9rem;line-height:1.4}.required-indicator{color:#ff3b30}.detected-indicator{color:#34c759}.field-importance{color:#fff9}.simple-feedback{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.85rem;margin-top:.5rem}.simple-error{color:#ff3b30;font-size:.85rem;margin-top:.5rem}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:.5rem}.help-toggle{background:none;border:none;color:#007aff;cursor:pointer;padding:0;margin-left:.5rem;font-size:.85rem;text-decoration:underline}.help-text-expanded{background:#007aff0d;border:1px solid rgba(0,122,255,.2);border-radius:8px;padding:1rem;margin-top:1rem}.help-text-expanded h5{color:#007aff;font-size:.9rem;margin:0 0 .5rem}.help-text-expanded ol{margin:0;padding-left:1.5rem;color:#fffc;font-size:.85rem}.help-text-expanded li{margin-bottom:.25rem}.help-close{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;border-radius:6px;padding:.25rem .75rem;font-size:.8rem;cursor:pointer;margin-top:.75rem}.auto-detect-message{background:#34c7591a;border:1px solid rgba(52,199,89,.3);border-radius:8px;padding:.75rem;color:#34c759;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem}.detection-results{margin-bottom:1rem}.detection-success{color:#34c759;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.detection-needed{color:#ffffffb3;font-size:.85rem}.field-pills{margin:1.5rem 0}.pills-intro{color:#ffffffb3;font-size:.85rem;margin-bottom:1rem}.pills-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.field-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#ffffff80;font-size:.85rem;cursor:pointer;transition:all .2s ease}.field-pill:hover{background:#ffffff26;border-color:#ffffff4d;color:#fffc}.field-pill.found{background:#34c7591a;border-color:#34c7594d;color:#34c759}.field-pill.selected{background:#007aff1a;border-color:#007aff;color:#007aff}.field-pill.skipped{opacity:.5;text-decoration:line-through}.field-pill svg{flex-shrink:0}.required-star{color:#ff3b30;margin-left:.25rem}.sheet-preview-container{position:relative;margin:1rem 0}.table-arrows{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10;padding:0 1rem}.table-arrow{pointer-events:all;background:#007affe6;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.table-arrow:hover:not(:disabled){background:#06c;transform:scale(1.1)}.table-arrow:disabled{opacity:.3;cursor:not-allowed}.field-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.config-form-group{margin-bottom:1rem}.config-form-group label{display:block;color:#fff;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.config-form-group .form-input,.config-form-group .form-select{width:100%;padding:.75rem;background:#3a3a3a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem}.config-form-group .form-input:focus,.config-form-group .form-select:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.form-help{display:block;color:#888;font-size:.8rem;margin-top:.25rem}.column-mapping-grid{display:grid;gap:.75rem}.mapping-row{display:flex;align-items:center;gap:1rem}.mapping-row span{color:#ccc;font-size:.9rem;min-width:100px}.mapping-row .form-select{flex:1}.config-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.data-sources-grid{grid-template-columns:1fr}.data-source-header{flex-direction:column;gap:1rem}.data-source-controls{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.config-form-actions{flex-direction:column}.config-form-actions .btn{width:100%}}.data-source-card.card-disabled{opacity:.4;pointer-events:none}.data-source-card.coming-soon{opacity:.7;position:relative;cursor:not-allowed;transition:all .3s ease}.data-source-card.coming-soon:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.data-source-card.coming-soon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);pointer-events:none;border-radius:8px}.coming-soon-badge{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff6b6bb3}70%{box-shadow:0 0 0 10px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.total-sales-counter{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.total-sales-counter:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sales-counter-content{display:flex;align-items:center;gap:1rem}.sales-counter-icon{color:#ff9f0a;opacity:.8}.sales-counter-info{flex:1}.sales-counter-value{font-size:2.5rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem}.sales-counter-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.sheet-row-count{font-size:.85rem;color:#888;font-weight:400;margin-left:.5rem}.source-mode-badge{font-size:.75rem;padding:2px 8px;border-radius:12px;margin-left:8px;font-weight:500;display:inline-block;vertical-align:middle}.source-mode-badge.event{background:#ffcc001a;color:#fc0;border:1px solid rgba(255,204,0,.2)}.source-mode-badge.batch{background:#007aff1a;color:#007aff;border:1px solid rgba(0,122,255,.2)}.input-with-validation{display:flex;gap:.5rem;align-items:flex-start}.input-with-validation .form-input{flex:1}.validate-btn{flex-shrink:0;white-space:nowrap}.validation-result{margin-top:.5rem;padding:.5rem;border-radius:6px;font-size:.8rem}.validation-result.success{background:#34c7591a;border:1px solid rgba(52,199,89,.3)}.validation-result.error{background:#ff3b301a;border:1px solid rgba(255,59,48,.3)}.validation-success{display:flex;align-items:center;gap:.5rem;color:#34c759}.validation-error{display:flex;align-items:center;gap:.5rem;color:#ff3b30}.checkmark,.error-mark{font-weight:700;font-size:1.1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#fff}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#007AFF}.sheet-preview{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:1rem;overflow-x:auto}.sheet-preview.interactive{max-height:250px;margin:1rem 0}.preview-table th.column-highlight,.preview-table td.column-highlight{background:#007aff1a;border-left:2px solid #007AFF;border-right:2px solid #007AFF}.preview-table th.column-highlight{border-top:2px solid #007AFF}.preview-table tr:last-child td.column-highlight{border-bottom:2px solid #007AFF}.mapping-questions{margin-top:1.5rem}.mapping-question{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem;margin-bottom:.75rem}.question-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.question-text{color:#ffffffe6;font-size:.9rem}.auto-detected{font-size:.75rem;color:#34c759;background:#34c7591a;padding:.15rem .5rem;border-radius:4px}.friendly-select{background:#3a3a3a;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem;border-radius:6px;font-size:.85rem;width:100%}.refresh-rate-options{display:grid;gap:.75rem}.radio-option-card{display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.radio-option-card:hover{border-color:#fff3;background:#ffffff0d}.radio-option-card input[type=radio]{margin-right:1rem}.radio-option-card input[type=radio]:checked+.radio-content{color:#007aff}.radio-content{display:flex;flex-direction:column}.radio-label{font-weight:500;color:#ffffffe6;margin-bottom:.25rem}.radio-desc{font-size:.8rem;color:#ffffff80}.sync-info{display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.8rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.preview-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:400px}.preview-table th{background:#2a2a2a;color:#fff;padding:.5rem;border:1px solid rgba(255,255,255,.1);text-align:left;font-weight:600}.preview-table td{padding:.5rem;border:1px solid rgba(255,255,255,.1);color:#ccc}.preview-table tr:nth-child(2n){background:#ffffff05}.preview-table tr:hover{background:#ffffff0d}.dashboard-url-with-copy{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dashboard-url-link{color:#ffffffe6;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1.1rem;font-weight:500;letter-spacing:.05em;flex:1;min-width:0}.dashboard-url-hint{font-size:.75rem;color:#ffffff80;margin-top:.5rem}.dashboard-url-copy-icon{cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-url-copy-icon:hover{background:#ffffff1a}.dashboard-link-section{margin-bottom:2rem}.dashboard-link-card{background:#1a1a1a;border-radius:16px;padding:2rem;border:1px solid #333;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.dashboard-link-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #007acc33;border-color:#007acc}.dashboard-link-card.primary-action{border:1px solid #333;box-shadow:0 4px 16px #0000004d}.dashboard-link-card.secondary-action{border:1px solid #2a2a2a;background:#181818;box-shadow:0 2px 8px #0003}.dashboard-link-header{margin-bottom:1.5rem}.dashboard-link-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.dashboard-icon{font-size:1.2rem}.upsell-text{color:#fff}.dashboard-text{color:#007acc}.dashboard-link-description{color:#888;font-size:.9rem;margin:0;line-height:1.4}.dashboard-link-url{display:flex;align-items:center;gap:1rem;background:#ffffff1a;border-radius:8px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-url-display{flex:1;color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;word-break:break-all;line-height:1.3}.copy-dashboard-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:.5rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.copy-dashboard-btn:hover{background:#ffffff40;border-color:#fff6}.copy-dashboard-btn:active{transform:scale(.98)}@media (max-width: 768px){.dashboard-link-card{padding:1.5rem}.dashboard-link-url{flex-direction:column;align-items:stretch;gap:1rem}.copy-dashboard-btn{justify-content:center}.dashboard-url-display{text-align:center}}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-top:1rem}.add-member-square{aspect-ratio:1;border:2px dashed rgba(255,255,255,.3);border-radius:12px;background:transparent;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem}.add-member-square:hover{border-color:#007aff;background:#007aff0d}.add-member-avatar{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#ffffffb3}.add-member-square:hover .add-member-avatar{background:#007aff33;color:#007aff}.member-square{aspect-ratio:1;background:#2a2a2a;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;position:relative;overflow:hidden}.member-square:hover{background:#333;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.member-square-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem;height:100%;cursor:pointer}.member-square-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.member-square-name{text-align:center;font-weight:500;color:#fff;font-size:.9rem;line-height:1.2;word-break:break-word}.add-member-square .member-square-name{color:#ffffffb3;font-size:.85rem}.add-member-square:hover .member-square-name{color:#007aff}.member-square-delete{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s ease}.member-square:hover .member-square-delete{opacity:1}.member-square-delete .delete-btn{background:#ff3b30e6;border:none;border-radius:50%;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.member-square-delete .delete-btn:hover{background:#ff3b30;transform:scale(1.1)}.member-square-delete .delete-btn svg{width:12px;height:12px}.copy-icon.hidden-on-desktop{opacity:0}.copy-icon.visible{opacity:1}@media (hover: none) and (pointer: coarse){.copy-icon.hidden-on-desktop{opacity:1}}@media (max-width: 768px){.dashboard-url-wrapper{max-width:100%}.members-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.member-square-avatar{width:40px;height:40px;font-size:1.1rem}.member-square-name{font-size:.85rem}.dashboard-url-with-copy{flex-direction:row;align-items:center;gap:.5rem}.dashboard-url-hint{font-size:.7rem}.copy-icon.hidden-on-desktop{opacity:1}}@media (max-width: 480px){.members-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.session-code-with-copy,.dashboard-url-with-copy{flex-direction:column;align-items:flex-start;gap:.5rem}}.yearly-chart-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin:1rem 0}.yearly-chart-container.small{padding:1rem}.yearly-chart-container.large{padding:2rem}.yearly-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header-indicators{display:flex;align-items:center;gap:.75rem}.update-indicator{display:flex;align-items:center;gap:.5rem}.update-pulse{width:8px;height:8px;border-radius:50%;background:#007aff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.8}}.chart-title{font-size:1.2rem;font-weight:600;color:#fff;margin:0}.data-quality-indicator{display:flex;align-items:center}.quality-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.quality-badge.quality-basic{background:#ff9f0a33;color:#ff9f0a;border:1px solid rgba(255,159,10,.3)}.quality-badge.quality-enhanced{background:#34c75933;color:#34c759;border:1px solid rgba(52,199,89,.3)}.quality-badge.quality-enterprise{background:#007aff33;color:#007aff;border:1px solid rgba(0,122,255,.3)}.yearly-chart-area{position:relative}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;padding:1rem 0;position:relative}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.chart-bar{width:100%;min-height:4px;background:#007aff;border-radius:4px 4px 0 0;transition:height .4s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer}.chart-bar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.chart-month-label{margin-top:.5rem;color:#888;font-weight:500;text-align:center;-webkit-user-select:none;user-select:none}.chart-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;z-index:1000;pointer-events:none}.yearly-chart-tooltip{background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;color:#fff;font-size:.875rem;white-space:nowrap;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-title{font-weight:600;margin-bottom:.25rem;color:#fff}.tooltip-amount{color:#007aff;margin-bottom:.25rem}.tooltip-confidence{color:#34c759;font-size:.8rem;margin-bottom:.25rem}.tooltip-entries{color:#888;font-size:.8rem}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#888}.legend-color{width:16px;height:16px;border-radius:3px}.legend-color.actual{background:#007aff}.legend-color.projected{background:#007aff4d;border:2px dashed #007AFF}.yearly-chart-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05);text-align:center}.last-updated{color:#666;font-size:.75rem}.yearly-chart-loading{text-align:center;padding:3rem;color:#888;font-style:italic}.yearly-chart-error{text-align:center;padding:2rem;color:#ff6b6b}.error-title{font-weight:600;margin-bottom:.5rem}.error-message{color:#888;font-size:.875rem}@media (max-width: 768px){.yearly-chart-container{padding:1rem;margin:.5rem 0}.yearly-chart-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.chart-header-indicators{gap:.5rem}.chart-title{font-size:1.1rem}.chart-bars{gap:.25rem;padding:.75rem 0}.chart-month-label{font-size:.75rem;margin-top:.25rem}.chart-legend{flex-direction:column;align-items:center;gap:.75rem}.yearly-chart-tooltip{font-size:.8rem;padding:.5rem}}@media (max-width: 480px){.chart-month-label{font-size:.7rem;transform:rotate(-45deg);transform-origin:center bottom;margin-top:1rem}.chart-bars{padding-bottom:1.5rem}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}@media (max-width: 768px){.dashboard-stats-grid{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}}@media (max-width: 480px){.dashboard-stats-grid{gap:.75rem;margin:1rem 0}}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.stat-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{background:#ffffff1a;border-color:#007aff4d}.stat-icon{width:48px;height:48px;border-radius:12px;background:#007aff33;display:flex;align-items:center;justify-content:center;color:var(--stat-color, #007AFF);flex-shrink:0;transition:all .2s ease}.stat-card:hover .stat-icon{background:#007aff4d;transform:scale(1.05)}.stat-content{flex:1;min-width:0}.stat-value-container{display:flex;align-items:center;gap:8px;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:#fff;line-height:1.2}.stat-label{font-size:14px;color:#888;font-weight:500;line-height:1.3}.stat-sub-container{margin-top:4px;display:flex;align-items:center;gap:4px}.stat-sub-value{font-size:12px;color:#34c759;font-weight:600}.stat-sub-label{font-size:12px;color:#666}.stat-trend{display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.stat-trend-up{color:#34c759;background:#34c7591a}.stat-trend-down{color:#ff3b30;background:#ff3b301a}.stat-trend-neutral{color:#888;background:#8888881a}.stat-trend-value{font-size:11px}.stat-card-small{padding:16px;gap:12px}.stat-card-small .stat-icon{width:40px;height:40px}.stat-card-small .stat-value{font-size:20px}.stat-card-small .stat-label{font-size:13px}.stat-card-large{padding:24px;gap:20px}.stat-card-large .stat-icon{width:56px;height:56px}.stat-card-large .stat-value{font-size:28px}.stat-card-large .stat-label{font-size:15px}@media (max-width: 768px){.stat-card{padding:16px;gap:12px}.stat-icon{width:40px;height:40px}.stat-value{font-size:20px}.stat-label{font-size:13px}}@media (max-width: 480px){.stat-card{padding:14px;gap:10px}.stat-icon{width:36px;height:36px}.stat-value{font-size:18px}.stat-label{font-size:12px}}.mapping-prompt{text-align:center;margin:0 0 1rem;padding:1rem 1.5rem;background:#007aff14;border-radius:12px;position:relative;border:1px solid rgba(0,122,255,.2)}.prompt-text{color:#ffffffe6;font-size:1.1rem;line-height:1.5}.prompt-text strong{color:#007aff;font-weight:600}.clickable-column{cursor:pointer;transition:all .2s ease;position:relative}.column-highlight{background:#007aff26!important;color:#fff!important}.column-hover{background:#007aff14!important}.preview-table th.column-highlight,.preview-table td.column-highlight{border:2px solid #007AFF}.mapping-feedback{height:1.5rem;margin-top:.5rem;text-align:center;color:#ffffffb3;font-size:.85rem;font-style:italic}.mapping-status{color:#ffffff80;font-size:.8rem;text-align:center;margin:1rem 0;line-height:1.6}.status-item em{color:#fff6;font-style:normal}.mapping-prompt-simple{margin-top:1.5rem;text-align:center}.mapping-prompt-simple.complete{margin-top:2rem}.prompt-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex:1}.prompt-text-simple{color:#ffffffe6;font-size:.95rem;margin:0;text-align:left;flex:1;min-height:1.5rem}.prompt-text-simple strong{color:#fff;font-weight:600}.prompt-buttons{display:flex;align-items:center;gap:1rem;margin-left:auto}.skip-field-btn:hover:after{content:attr(title);position:absolute;bottom:-2rem;right:0;background:#000c;color:#ffffffe6;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;z-index:10;pointer-events:none}.skip-field-btn{position:relative}.btn-text{background:none;border:none;color:#fff9;font-size:.85rem;cursor:pointer;padding:.5rem;text-decoration:underline;transition:color .2s ease}.btn-text:hover{color:#fffc}.confirmed-mappings{padding:1.5rem;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px}.confirmed-mappings h5{color:#ffffffe6;font-size:.9rem;margin:0 0 1rem;font-weight:600}.mapping-list{list-style:none;margin:0;padding:0}.mapping-list svg{color:#34c759;flex-shrink:0}.config-form-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed;position:relative}.config-form-actions .btn-primary:disabled:hover:after{content:"Complete all required mappings first";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;white-space:nowrap;margin-bottom:.5rem;pointer-events:none}.sheet-preview{overflow-x:auto;overflow-y:hidden;margin:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;position:relative;max-height:250px}.mapping-step{position:relative}.sheet-name-header{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;text-align:left}.mapping-content{flex:1;min-width:0}.mapping-prompt-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#007aff0d;border-radius:8px;border:1px solid rgba(0,122,255,.2)}.mapping-prompt-top.complete{background:#ffffff05;border-color:#34c7594d;flex-direction:column;text-align:center;position:relative}.mapping-prompt-top.complete:before{content:"✓";position:absolute;top:1rem;right:1rem;background:#34c75933;color:#34c759;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.prompt-step-number{font-size:1.2rem;font-weight:700;color:#007aff;flex-shrink:0}.connection-arrow{margin:0 .5rem;color:#ffffff80}@keyframes glow{0%,to{opacity:.8;text-shadow:0 0 8px rgba(0,122,255,.6)}50%{opacity:1;text-shadow:0 0 16px rgba(0,122,255,.8),0 0 24px rgba(0,122,255,.4)}}.glow-text{color:#007aff;animation:glow 2s ease-in-out infinite}.glow-text.selected-column{color:#00c7ff}.confirm-mapping-btn:hover~* .glow-text,.mapping-prompt-top:has(.confirm-mapping-btn:hover) .glow-text{animation:none;opacity:1;text-shadow:0 0 12px rgba(0,122,255,.6)}.prompt-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.prompt-actions .btn{padding:.4rem 1.2rem}.mapping-complete{background:#34c75914;border-color:#34c75933}.mapping-complete .prompt-text strong{color:#34c759}.btn-link{background:none;border:none;color:#fff9;text-decoration:underline;cursor:pointer;font-size:.85rem;padding:0;margin-top:.5rem}.btn-link:hover{color:#fffc}.table-fade{background:linear-gradient(to bottom,transparent,#1a1a1a);position:absolute;bottom:0;left:0;right:0;height:3rem;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem;pointer-events:none}.row-count{color:#ffffff80;font-size:.85rem;margin:0}.mapping-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.mapping-list li:last-child{border-bottom:none}.mapping-list li.pending{opacity:.5}.mapping-list li.current{background:#007aff0d;margin:0 -1rem;padding-left:1rem;padding-right:1rem;border-radius:6px}.pending-icon{color:#ffffff4d;font-size:16px;line-height:1}.mapping-info{display:flex;align-items:center;gap:.5rem;flex:1}.field-name{font-weight:500;min-width:100px}.required-badge{font-size:.7rem;color:#ffffff80;margin-left:.25rem;font-weight:400}.mapping-arrow{color:#ffffff4d}.column-name{color:#fffc}.column-name em{color:#fff6;font-style:normal}@media (max-width: 768px){.mapping-layout{flex-direction:column}.mapping-left{flex:1;max-width:100%}.mapping-right{width:100%}}.preview-table{width:100%;border-collapse:collapse;font-size:.85rem}.preview-table th,.preview-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.preview-table th{background:#ffffff0d;color:#ffffffe6;font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:1}.preview-table td{color:#ffffffb3}.preview-table tr:last-child td{border-bottom:none}.preview-table tbody tr:nth-last-child(1) td,.preview-table tbody tr:nth-last-child(2) td{position:relative}.preview-table tbody tr:nth-last-child(1) td:after,.preview-table tbody tr:nth-last-child(2) td:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,transparent,rgba(26,26,26,.8));pointer-events:none}.sheet-preview-container{position:relative;margin-bottom:.5rem}.row-count{position:absolute;bottom:-1.5rem;left:0;right:0;text-align:center;color:#ffffff80;font-size:.8rem}.required-badge{background:#ff3b301a;color:#ff3b30;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}.reconfigure-link{background:none;border:none;display:block;margin:.75rem auto 0;color:#ffffff80;font-size:.8rem;text-decoration:underline;cursor:pointer;transition:color .2s ease;padding:0}.reconfigure-link:hover{color:#ffffffb3}@media (max-width: 768px){.mapping-list-horizontal{flex-direction:column;gap:.75rem}.prompt-content{flex-direction:column;gap:1rem;text-align:center}.prompt-text-simple{text-align:center}.prompt-buttons{justify-content:center;margin-left:0}}.session-code-display{display:inline-block}.session-code-value{font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;letter-spacing:.1em;-webkit-user-select:none;user-select:none}.session-code-value:hover{background:#ffffff1a}.session-code-value:focus{outline:none;background:#ffffff1a;box-shadow:0 0 0 2px #007aff4d}.session-code-input{font-size:1.5rem;font-weight:700;color:#fff;background:#ffffff1a;border:2px solid #007AFF;border-radius:6px;padding:.25rem .5rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;letter-spacing:.1em;text-align:center;width:8ch;text-transform:uppercase}.session-code-input:focus{outline:none;background:#ffffff26;box-shadow:0 0 0 3px #007aff33}.session-code-card{grid-column:span 2;margin-top:1rem}.session-code-card .stat-icon{background:#af52de1a}.session-code-card .stat-icon svg{color:#af52de}@media (max-width: 768px){.session-code-card{grid-column:span 1}}.settings-grid{display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;gap:2rem;transition:all .2s ease}.setting-item:hover{background:#ffffff0a;border-color:#ffffff26}.setting-info{flex:1;min-width:0}.setting-label{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.setting-description{font-size:.875rem;color:#fff9;line-height:1.4}.setting-value{display:flex;align-items:center;gap:1rem;flex-shrink:0}.setting-current-value{font-size:.95rem;color:#ffffffe6;font-weight:500;padding:.5rem .75rem;background:#ffffff0d;border-radius:6px;min-width:120px;text-align:right}.setting-readonly{font-size:.875rem;color:#ffffff80;font-style:italic;padding:.5rem .75rem;background:#ffffff05;border-radius:6px}.edit-inline{display:flex;flex-direction:column;gap:.75rem;min-width:200px}.form-input-sm{padding:.5rem .75rem;font-size:.875rem}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-tertiary{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.btn-tertiary:hover{background:#ffffff1a;color:#ffffffe6;border-color:#fff3}@media (max-width: 768px){.setting-item{flex-direction:column;align-items:stretch;gap:1rem}.setting-value{justify-content:space-between}.setting-current-value{min-width:auto;text-align:left}.edit-inline{min-width:auto}}.target-settings-block{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.target-overview{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;gap:2rem}.target-info{flex:1;min-width:0}.target-label{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.target-description{font-size:.875rem;color:#fff9;line-height:1.4}.target-value{display:flex;align-items:center;gap:1rem;flex-shrink:0}.target-display{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.target-amount{font-size:1.1rem;font-weight:600;color:#fff;padding:.5rem .75rem;background:#34c7591a;border:1px solid rgba(52,199,89,.2);border-radius:6px;min-width:120px;text-align:center}.target-amount.disabled{color:#ffffff80;background:#ffffff05;border-color:#ffffff1a}.target-period{font-size:.8rem;color:#fff9;text-align:center}.target-edit-panel{display:flex;flex-direction:column;gap:1rem;min-width:300px;padding:1rem;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.target-toggle{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-input{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:#ffffff1a;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s ease}.toggle-input:checked+.toggle-slider{background:#34c759;border-color:#34c759}.toggle-input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-text{font-size:.9rem;color:#ffffffe6;font-weight:500}.target-type-toggle{display:flex;flex-direction:column;gap:.5rem}.toggle-group{display:flex;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.toggle-option{flex:1;padding:.5rem 1rem;background:#ffffff0d;color:#ffffffb3;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-option:not(:last-child){border-right:1px solid rgba(255,255,255,.2)}.toggle-option:hover{background:#ffffff1a;color:#ffffffe6}.toggle-option.active{background:#007aff;color:#fff}.target-amount-input{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.875rem;color:#fffc;font-weight:500}.amount-preview{font-size:.8rem;color:#ffffff80;font-style:italic}.target-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.target-impact-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;background:#ff98000d;border-top:1px solid rgba(255,152,0,.1)}.impact-icon{font-size:1.2rem;flex-shrink:0}.impact-text{font-size:.875rem;color:#fffc;line-height:1.4}.impact-text strong{color:#ff9800;font-weight:600}@media (max-width: 768px){.target-overview{flex-direction:column;gap:1rem}.target-edit-panel{min-width:auto}.target-actions{justify-content:stretch}.target-actions .btn{flex:1}}.copy-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.copy-button:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.copy-button:focus{outline:none;box-shadow:0 0 0 2px #007aff80}.copy-button-small{padding:.25rem .5rem;font-size:.75rem}.copy-button-large{padding:.75rem 1rem;font-size:1rem}.copy-button-success{background:#34c75933;border-color:#34c75966;color:#34c759}.copy-button-success:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:copySuccess .6s ease-out}@keyframes copySuccess{0%{left:-100%}to{left:100%}}.copy-button-content{display:flex;align-items:center;gap:.375rem}.copy-button-icon{display:flex;align-items:center;transition:transform .2s ease}.copy-button-success .copy-button-icon{transform:scale(1.1)}.copy-button-text{transition:opacity .2s ease}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:#2a2a2af2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;min-width:200px;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(100%);opacity:0;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.toast-visible{transform:translate(0);opacity:1}.toast-success{border-left:3px solid #34C759}.toast-error{border-left:3px solid #FF3B30}.toast-content{display:flex;align-items:center;gap:.5rem}.toast-icon{flex-shrink:0;width:16px;height:16px;color:currentColor}.toast-success .toast-icon{color:#34c759}.toast-error .toast-icon{color:#ff3b30}.toast-message{color:#fff;font-size:.875rem;font-weight:500;line-height:1.4}@media (max-width: 768px){.toast-container{top:.5rem;right:.5rem;left:.5rem}.toast{min-width:auto;max-width:none}}.inline-edit{position:relative;width:100%}.inline-edit-display{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background:transparent;border:1px solid transparent;border-radius:6px;color:inherit;font-size:inherit;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:left;min-height:2.5rem}.inline-edit.editable .inline-edit-display:hover{background:#ffffff0d;border-color:#ffffff1a}.inline-edit.editable .inline-edit-display:focus{outline:none;background:#ffffff14;border-color:#007aff80;box-shadow:0 0 0 2px #007aff33}.inline-edit.readonly .inline-edit-display{cursor:default;opacity:.7}.inline-edit-value{flex:1;line-height:1.4}.inline-edit-placeholder{color:#fff6;font-style:italic}.inline-edit-hint{opacity:0;transform:scale(.8);transition:all .2s ease;color:#fff9;margin-left:.5rem}.inline-edit.editable .inline-edit-display:hover .inline-edit-hint,.inline-edit.editable .inline-edit-display:focus .inline-edit-hint{opacity:1;transform:scale(1)}.inline-edit.editing{padding:.5rem;background:#ffffff0d;border:1px solid rgba(0,122,255,.3);border-radius:8px}.inline-edit-input-container{position:relative;margin-bottom:.5rem}.inline-edit-input{width:100%;padding:.5rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:inherit;font-family:inherit;line-height:1.4;transition:all .2s ease;resize:vertical;min-height:2.5rem}.inline-edit-input:focus{outline:none;border-color:#007aff80;box-shadow:0 0 0 2px #007aff33}.inline-edit-input-error{border-color:#ff3b3080;box-shadow:0 0 0 2px #ff3b3033}.inline-edit-counter{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:#ffffff80;pointer-events:none}.inline-edit-error{color:#ff3b30;font-size:.75rem;margin-bottom:.5rem;padding:.25rem .5rem;background:#ff3b301a;border-radius:4px;border:1px solid rgba(255,59,48,.2)}.inline-edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.inline-edit-save,.inline-edit-cancel{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;color:#fff;cursor:pointer;transition:all .2s ease;padding:0}.inline-edit-save:hover:not(:disabled){background:#34c75933;border-color:#34c75966;color:#34c759}.inline-edit-cancel:hover:not(:disabled){background:#ff3b3033;border-color:#ff3b3066;color:#ff3b30}.inline-edit-save:disabled,.inline-edit-cancel:disabled{opacity:.5;cursor:not-allowed}.inline-edit-save:focus,.inline-edit-cancel:focus{outline:none;box-shadow:0 0 0 2px #007aff80}.inline-edit-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.inline-edit-display{min-height:3rem;padding:.75rem 1rem}.inline-edit-input{min-height:3rem;padding:.75rem 1rem;font-size:1rem}.inline-edit-save,.inline-edit-cancel{width:2.5rem;height:2.5rem}.inline-edit-actions{gap:.75rem}}.admin-section-redesigned{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem;margin-bottom:2rem}.section-header-redesigned{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.section-subtitle{font-size:.875rem;color:#ffffffb3;margin:0;line-height:1.5}.settings-grid-redesigned{display:grid;gap:1.5rem}.setting-item-redesigned{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:1.5rem;transition:all .2s ease}.setting-item-redesigned:hover{border-color:#ffffff1f;background:#ffffff0a}.setting-item-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.setting-item-icon{flex-shrink:0;width:40px;height:40px;background:#007aff1a;border:1px solid rgba(0,122,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#007aff}.setting-item-info{flex:1}.setting-item-label{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem;line-height:1.4}.setting-item-description{font-size:.875rem;color:#fff9;margin:0;line-height:1.5}.setting-item-content{margin-left:56px}.session-code-display{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px}.session-code-value{font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:1.125rem;font-weight:600;color:#fff;letter-spacing:.1em;flex:1}.data-source-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px}.data-source-value{font-size:1rem;font-weight:500;color:#fff}.data-source-badge{background:#34c75933;color:#34c759;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.admin-section-redesigned{padding:1.5rem;margin-bottom:1.5rem}.section-header-redesigned{margin-bottom:1.5rem}.setting-item-redesigned{padding:1rem}.setting-item-header{flex-direction:column;gap:.75rem;align-items:stretch}.setting-item-content{margin-left:0}.session-code-display,.data-source-display{flex-direction:column;align-items:stretch;gap:.75rem}.session-code-value{text-align:center;padding:.5rem;background:#ffffff0d;border-radius:4px}}.target-section-redesigned{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem;margin-bottom:2rem}.target-section-redesigned.editing{border-color:#007aff4d;background:#007aff0d}.target-section-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.target-section-icon{flex-shrink:0;width:48px;height:48px;background:#af52de1a;border:1px solid rgba(175,82,222,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#af52de}.target-section-info{flex:1}.target-section-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.target-section-description{font-size:.875rem;color:#ffffffb3;margin:0;line-height:1.5}.target-display-section{margin-left:64px}.target-display-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.5rem 2rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:inherit;font-family:inherit;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.target-display-button:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-1px)}.target-display-button:focus{outline:none;border-color:#007aff80;box-shadow:0 0 0 3px #007aff33}.target-display-content{flex:1;text-align:left}.target-primary{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem;letter-spacing:-.01em}.target-secondary{font-size:.875rem;color:#fff9;font-weight:500}.target-edit-hint{opacity:0;transform:scale(.8);transition:all .2s ease;color:#fff9;margin-left:1rem}.target-display-button:hover .target-edit-hint,.target-display-button:focus .target-edit-hint{opacity:1;transform:scale(1)}.target-disabled-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;background:#007aff14;border:1px solid rgba(0,122,255,.2);border-radius:8px;margin-top:1rem}.notice-icon{font-size:1.125rem;flex-shrink:0}.notice-text{font-size:.875rem;color:#fffc;line-height:1.5}.notice-text strong{color:#007aff;font-weight:600}.target-edit-form{margin-left:64px;display:grid;gap:1.5rem}.target-toggle-section{padding:1rem 0}.target-toggle{display:flex;align-items:center;gap:1rem;background:transparent;border:none;color:inherit;font-family:inherit;cursor:pointer;padding:0}.toggle-track{position:relative;width:48px;height:24px;background:#fff3;border-radius:12px;transition:all .2s ease}.target-toggle.enabled .toggle-track{background:#007aff}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:10px;transition:transform .2s ease}.target-toggle.enabled .toggle-thumb{transform:translate(24px)}.toggle-label{font-size:1rem;font-weight:500;color:#fff}.target-period-section{display:grid;gap:.75rem}.input-label{font-size:.875rem;font-weight:600;color:#ffffffe6;margin:0}.period-toggle-group{display:flex;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px}.period-option{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:6px;color:#ffffffb3;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.period-option.active{background:#007aff;color:#fff}.period-option:hover:not(.active){background:#ffffff0d;color:#ffffffe6}.target-amount-section{display:grid;gap:.75rem}.amount-input-container{position:relative;display:flex;align-items:center}.target-amount-input{flex:1;padding:.75rem 4rem .75rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;font-family:inherit;transition:all .2s ease}.target-amount-input:focus{outline:none;border-color:#007aff80;box-shadow:0 0 0 3px #007aff33}.currency-suffix{position:absolute;right:1rem;color:#ffffff80;font-size:.875rem;font-weight:500;pointer-events:none}.amount-preview{font-size:.875rem;color:#fff9;font-style:italic;padding:.5rem 0}.target-form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn-spinner{margin-right:.5rem}@media (max-width: 768px){.target-section-redesigned{padding:1.5rem}.target-section-header{flex-direction:column;gap:1rem;align-items:stretch}.target-display-section,.target-edit-form{margin-left:0}.target-display-button{padding:1rem 1.5rem;flex-direction:column;align-items:stretch;gap:1rem}.target-display-content{text-align:center}.target-edit-hint{align-self:center;margin-left:0;opacity:1;transform:scale(1)}.target-form-actions{flex-direction:column;gap:.75rem}.period-toggle-group{flex-direction:column;gap:4px}.period-option{padding:1rem}}.auth-verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1a1a;padding:2rem}.auth-verify-container{background:#ffffff0d;border-radius:16px;padding:3rem;max-width:500px;width:100%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.auth-verify-content h2{color:#fff;margin-bottom:1rem;font-size:1.8rem}.auth-verify-content p{color:#888;font-size:1rem;margin-bottom:2rem}.loading-spinner{margin-bottom:2rem}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.success-icon,.error-icon{font-size:4rem;margin-bottom:1.5rem}.session-count{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:.75rem 1.5rem;color:#3b82f6;font-size:.95rem;display:inline-block;margin-top:1rem}.auth-verify-content .primary-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:1rem}.auth-verify-content .primary-button:hover{background:#2563eb}.numeric-input-container{position:relative;display:inline-flex;align-items:center}.numeric-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:1rem;transition:all .2s ease;width:100%;outline:none}.numeric-input:focus{border-color:#007acc;box-shadow:0 0 0 2px #007acc33;background:#ffffff14}.numeric-input:disabled{opacity:.5;cursor:not-allowed}.numeric-input::placeholder{color:#fff6}.input-suffix{position:absolute;right:1rem;color:#fff9;font-size:.9rem;pointer-events:none}.numeric-input-container.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.numeric-input-container.shake .numeric-input{border-color:#f44;box-shadow:0 0 0 2px #f443}.target-amount-section .numeric-input-container{width:100%}.target-amount-section .numeric-input{padding-right:3rem;font-size:1.1rem;font-weight:500}.target-amount-section .input-suffix{font-weight:500;color:#ffffffb3}.target-section-always-open{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem;transition:all .3s ease}.target-section-always-open:hover{background:#ffffff0a;border-color:#ffffff26}.target-settings-form{margin-top:1.5rem;padding-left:3rem}.target-toggle-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.updating-indicator{display:flex;align-items:center;color:#fff9}.updating-indicator .spinner{color:#007acc}.input-label{display:block;margin-bottom:.5rem;color:#fffc;font-size:.9rem;font-weight:500}.amount-preview{margin-top:.5rem;color:#fff9;font-size:.9rem;font-style:italic}.target-disabled-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;margin-top:1rem}.notice-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.notice-text{color:#ffffffe6;font-size:.9rem;line-height:1.4}@media (max-width: 768px){.target-section-always-open{padding:1.5rem}.target-settings-form{padding-left:0;margin-top:1rem}.target-section-header{flex-direction:column;gap:1rem;align-items:stretch}.target-toggle-section{flex-direction:column;align-items:stretch;gap:.75rem}.target-toggle{justify-content:center}}.tracking-mode-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-label{display:block;color:#ffffffb3;font-size:.875rem;font-weight:500;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.mode-toggle-container{display:flex;gap:1rem;margin-bottom:1rem}.mode-toggle-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-toggle-button:hover:not(:disabled){background:#ffffff14;border-color:#fff3;color:#fffc}.mode-toggle-button.active{background:#3b82f633;border-color:#3b82f6;color:#fff}.mode-toggle-button:disabled{opacity:.5;cursor:not-allowed}.mode-icon{font-size:1.25rem}.mode-label{font-size:.875rem}.event-unit-section{margin-top:1rem;padding:1rem;background:#ffffff08;border-radius:8px}.event-unit-input{width:100%;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.875rem;transition:all .2s ease}.event-unit-input:focus{outline:none;background:#ffffff14;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.event-unit-input:disabled{opacity:.5;cursor:not-allowed}.unit-hint{margin-top:.5rem;color:#ffffff80;font-size:.75rem;font-style:italic}@media (max-width: 768px){.mode-toggle-container{flex-direction:column}.mode-toggle-button{width:100%}}.tracking-mode-row{align-items:center}.tracking-mode-controls{display:flex;gap:.5rem;align-items:center;flex:1}.tracking-mode-btn{padding:.375rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.tracking-mode-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3;color:#fffc}.tracking-mode-btn.active{background:#3b82f633;border-color:#3b82f6;color:#fff}.tracking-mode-btn:disabled{opacity:.5;cursor:not-allowed}.event-unit-input-inline{flex:1;max-width:200px;padding:.375rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.875rem;transition:all .2s ease}.event-unit-input-inline:focus{outline:none;background:#ffffff14;border-color:#3b82f6}.event-unit-input-inline:disabled{opacity:.5;cursor:not-allowed}.tracking-mode-selection{margin-top:1.5rem}.tracking-mode-selection .section-heading{color:#ffffffe6;font-size:1rem;font-weight:500;margin-bottom:.5rem}.tracking-mode-selection .section-description{color:#ffffff80;font-size:.875rem;margin-bottom:1.5rem}.tracking-mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.tracking-mode-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;position:relative}.tracking-mode-card:hover:not(.disabled){background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tracking-mode-card.selected{background:#3b82f61a;border-color:#3b82f680}.tracking-mode-card.disabled{opacity:.5;cursor:not-allowed}.tracking-mode-card .selected-indicator{position:absolute;top:1rem;right:1rem;color:#3b82f6;background:#3b82f633;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tracking-mode-card .card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.tracking-mode-card .card-icon{color:#ffffffb3;background:#ffffff0d;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.tracking-mode-card.selected .card-icon{background:#3b82f633;color:#93bbf9}.tracking-mode-card h4{color:#ffffffe6;font-size:1.125rem;font-weight:500;margin:0;padding-top:.25rem}.tracking-mode-card .card-description{color:#fff9;font-size:.875rem;line-height:1.5;margin-bottom:0}.tracking-mode-card .mode-configuration{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;margin-top:1.5rem}.tracking-mode-card .config-field{margin-bottom:1.25rem}.tracking-mode-card .config-field:last-child{margin-bottom:0}.tracking-mode-card .config-field label{display:block;color:#ffffffb3;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.tracking-mode-card .target-input-group{display:flex;align-items:center;gap:.75rem}.tracking-mode-card .target-display,.tracking-mode-card .no-target-display{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.625rem .875rem;display:flex;flex-direction:column;gap:.25rem;cursor:pointer;transition:all .2s ease}.tracking-mode-card .target-display:hover{background:#ffffff0d;border-color:#ffffff1f}.tracking-mode-card .target-value{color:#ffffffe6;font-size:.9375rem;font-weight:500}.tracking-mode-card .target-yearly{color:#ffffff80;font-size:.8125rem}.tracking-mode-card .no-target-display span{color:#fff6;font-size:.9375rem}.tracking-mode-card .target-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.625rem .875rem;color:#fff;font-size:.9375rem}.tracking-mode-card .target-input.editing{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.tracking-mode-card .target-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:0;width:44px;height:24px;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.tracking-mode-card .target-toggle:hover:not(:disabled){background:#ffffff26}.tracking-mode-card .target-toggle.enabled{background:#3b82f64d;border-color:#3b82f6}.tracking-mode-card .target-toggle .toggle-track{position:relative;width:100%;height:100%}.tracking-mode-card .target-toggle .toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#ffffffe6;border-radius:50%;transition:transform .2s ease}.tracking-mode-card .target-toggle.enabled .toggle-thumb{transform:translate(20px);background:#fff}.tracking-mode-card .event-label-input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.625rem .875rem;color:#fff;font-size:.9375rem;transition:all .2s ease}.tracking-mode-card .event-label-input:focus{outline:none;background:#ffffff0d;border-color:#ffffff26}.tracking-mode-card .event-label-input::placeholder{color:#ffffff4d}.tracking-mode-card .field-hint{color:#fff6;font-size:.8125rem;margin-top:.375rem}@media (max-width: 768px){.tracking-mode-controls{flex-wrap:wrap}.event-unit-input-inline{width:100%;max-width:none;margin-top:.5rem}}.admin-grid,.admin-column-left,.admin-column-right{display:flex;flex-direction:column;gap:2rem}@media (min-width: 1200px){.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.admin-column-left{max-width:600px}.admin-column-right{max-width:700px}}@media (min-width: 768px) and (max-width: 1199px){.admin-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:800px;margin:0 auto}.admin-column-left,.admin-column-right{width:100%}}@media (max-width: 767px){.admin-grid,.admin-column-left,.admin-column-right{gap:1.5rem}}.form-data-source-card{width:100%}.form-team-management{margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.form-team-management .team-members-section{background:transparent;border:none;padding:0}.form-team-management .team-label{font-size:.9rem;color:#ccc;margin-bottom:.75rem}.target-settings-inline{display:flex;align-items:center;gap:1rem}.target-toggle-wrapper{display:flex;align-items:center;gap:1rem;flex:1}.target-toggle-minimal{position:relative;background:transparent;border:none;padding:0;cursor:pointer;opacity:1;transition:opacity .2s ease}.target-toggle-minimal:disabled{opacity:.5;cursor:not-allowed}.target-toggle-minimal .toggle-track{width:48px;height:28px;background:#fff3;border-radius:14px;position:relative;transition:background .2s ease}.target-toggle-minimal.enabled .toggle-track{background:#007aff}.target-toggle-minimal .toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.target-toggle-minimal.enabled .toggle-thumb{transform:translate(20px)}.target-amount-inline{display:flex;align-items:center;gap:.75rem;flex:1}.target-input-minimal{max-width:150px}.target-input-minimal .numeric-input{padding:.5rem .75rem;font-size:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2)}.target-yearly-text{font-size:.875rem;color:#fff9;white-space:nowrap}.target-disabled-text{font-size:.875rem;color:#ffffff80;font-style:italic}@media (max-width: 768px){.target-settings-inline{flex-direction:column;align-items:stretch;gap:.75rem}.target-toggle-wrapper{flex-direction:column;align-items:flex-start;gap:.75rem}.target-amount-inline{flex-direction:column;align-items:stretch;gap:.5rem}.target-input-minimal{max-width:100%}.target-yearly-text{font-size:.75rem}}.device-showcase{display:flex;justify-content:center;align-items:center;margin-top:-2rem;padding:0;position:relative;height:600px;overflow:visible;max-width:100vw;z-index:5}.showcase-device{height:auto;width:100%;position:relative;transition:all .3s ease;cursor:pointer}.showcase-device:hover{filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}.showcase-tv:hover{transform:scale(1.02) translateY(-5px)}.showcase-ipad:hover{transform:rotate(-2deg) translateY(-10px)}.showcase-iphone:hover{transform:rotate(2deg) translateY(-10px)}.device-wrapper{position:absolute;height:auto;width:auto}.device-wrapper:has(.showcase-tv){width:750px;z-index:10;left:50%;transform:translate(-50%)}.device-wrapper:has(.showcase-ipad){width:300px;z-index:11;left:50%;transform:translate(-450px);bottom:30px}.device-wrapper:has(.showcase-iphone){width:180px;z-index:12;right:50%;transform:translate(380px);bottom:-30px}.device-tooltip{position:absolute;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;z-index:10}.tooltip-content{background:#333;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4;white-space:normal;width:200px;text-align:center;box-shadow:0 8px 20px #0000004d}.tooltip-content:after{content:"";position:absolute;width:0;height:0;border-style:solid}.ipad-tooltip{bottom:100%;left:50%;transform:translate(-50%) translateY(-10px)}.ipad-tooltip .tooltip-content:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:#333 transparent transparent transparent}.tv-tooltip{top:20%;left:50%;transform:translate(-50%)}.tv-tooltip .tooltip-content:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:#333 transparent transparent transparent}.iphone-tooltip{bottom:100%;left:50%;transform:translate(-50%) translateY(-10px)}.iphone-tooltip .tooltip-content:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:#333 transparent transparent transparent}.device-wrapper:hover .device-tooltip{opacity:1;visibility:visible}.device-wrapper:hover .ipad-tooltip,.device-wrapper:hover .iphone-tooltip{transform:translate(-50%) translateY(-20px)}.device-wrapper:hover .tv-tooltip{transform:translate(-50%) translateY(-10px)}@media (max-width: 1024px){.device-showcase{height:500px}.device-wrapper:has(.showcase-tv){width:600px}.device-wrapper:has(.showcase-ipad){width:240px;transform:translate(-320px);bottom:40px}.device-wrapper:has(.showcase-iphone){width:150px;transform:translate(280px);bottom:-20px}}@media (max-width: 768px){.device-showcase{height:350px}.device-wrapper:has(.showcase-tv){width:450px}.device-wrapper:has(.showcase-ipad){width:180px;transform:translate(-240px);bottom:30px}.device-wrapper:has(.showcase-iphone){width:120px;transform:translate(200px);bottom:-10px}}@media (max-width: 640px){.device-showcase{height:300px}.device-wrapper:has(.showcase-tv){width:380px}.device-wrapper:has(.showcase-ipad){width:150px;transform:translate(-200px);bottom:25px}.device-wrapper:has(.showcase-iphone){width:100px;transform:translate(170px);bottom:-5px}}@media (max-width: 480px){.device-showcase{height:250px}.device-wrapper:has(.showcase-tv){width:320px}.device-wrapper:has(.showcase-ipad){width:120px;transform:translate(-165px);bottom:20px}.device-wrapper:has(.showcase-iphone){width:85px;transform:translate(140px);bottom:0}}