@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=JetBrains+Mono:wght@400;500&display=swap";:root{--background:#fff;--foreground:#1a1a1a;--card:#f8f9fa;--card-foreground:#1a1a1a;--primary:#ff6b35;--primary-foreground:#fff;--secondary:#e9ecef;--secondary-foreground:#1a1a1a;--muted:#f1f3f5;--muted-foreground:#6c757d;--accent:#e9ecef;--accent-foreground:#1a1a1a;--destructive:#dc3545;--border:#0000001a;--input:#0000000d;--ring:#ff6b35;--success:#28a745;--error:#dc3545;--radius:.625rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-family);min-height:100vh;line-height:1.6}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#root{min-height:100vh}.container{max-width:90rem;padding:var(--spacing-2xl)var(--spacing-lg);margin:0 auto}.header{padding:var(--spacing-2xl)0;border-bottom:1px solid var(--border)}.logo-title{align-items:center;gap:var(--spacing-md);display:flex}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.stats-section{padding:var(--spacing-2xl)0;border-bottom:1px solid var(--border)}.stats-grid{gap:var(--spacing-xl);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.stat-item h3{font-size:var(--font-size-4xl);color:var(--primary);margin-bottom:var(--spacing-xs);font-weight:700}.stat-item p{font-size:var(--font-size-sm);color:var(--muted-foreground)}.divider{background:var(--border);height:1px;margin:var(--spacing-2xl)0}.section{margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:var(--foreground);font-weight:600}.grid{display:grid}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.gap-lg{gap:var(--spacing-lg)}.project-card,.date-card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl);cursor:pointer;text-align:center;transition:all .2s}.project-card:hover,.date-card:hover{border-color:var(--primary);background:#fff;transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.project-card.selected,.date-card.selected{border-color:var(--primary);background:#fff5f2;box-shadow:0 2px 8px #ff6b3533}.summary-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.summary-item{margin-bottom:var(--spacing-sm);justify-content:space-between;display:flex}.summary-item:last-child{margin-bottom:0}.summary-label{color:var(--muted-foreground)}.summary-value{color:var(--primary);font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);white-space:nowrap;border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm)var(--spacing-lg);min-height:2.25rem;font-weight:500;font-family:var(--font-family);border:none;outline:none;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{pointer-events:none;opacity:.5}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:#ff8559;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--muted);border-color:var(--primary)}.btn-outline{border:1px solid var(--border);color:var(--foreground);background-color:#0000}.btn-outline:hover{background-color:var(--accent);border-color:var(--primary)}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-base);min-height:2.75rem}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-xs);min-height:2rem}.back-btn,.settings-btn{border:1px solid var(--border);color:var(--muted-foreground);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-sm);background:0 0;transition:all .2s;display:inline-flex}.back-btn:hover,.settings-btn:hover{background:var(--accent);border-color:var(--primary);color:var(--foreground)}.form-input,select{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:var(--spacing-sm)var(--spacing-md);color:var(--foreground);font-size:var(--font-size-sm);font-family:var(--font-family);background:#fff;outline:none;transition:all .2s}.form-input:focus,select:focus{border-color:var(--ring);box-shadow:0 0 0 3px #ff6b3533}.form-input::placeholder{color:var(--muted-foreground)}.form-group label{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--foreground);font-weight:500;display:block}.form-group small{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--muted-foreground);display:block}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-xl);background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay .modal{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius)*2);width:100%;max-width:480px;max-height:90vh;animation:.3s ease-out modalIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal:not(.modal-overlay .modal){z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal:not(.modal-overlay .modal).show{display:flex!important}.modal-content{padding:var(--spacing-2xl);border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:#fff;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out fadeIn;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-content.wide{max-width:800px}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-header-content{align-items:center;gap:var(--spacing-md);display:flex}.modal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.modal-title{font-family:var(--font-family);font-size:var(--font-size-xl);color:var(--foreground);margin:0;font-weight:700}.modal-subtitle{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0}.modal-close{border-radius:var(--radius);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{background:var(--secondary);color:var(--foreground)}.modal-body{padding:var(--spacing-xl)}.modal-header h2{font-size:var(--font-size-xl);color:var(--foreground);font-weight:600}.close-btn{color:var(--muted-foreground);font-size:var(--font-size-2xl);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;line-height:1;transition:all .2s;display:flex}.loading{text-align:center;padding:var(--spacing-2xl)}.spinner{border:4px solid var(--secondary);border-top:4px solid var(--primary);border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1s linear infinite spin}.alert{padding:var(--spacing-lg);border-radius:var(--radius);margin-bottom:var(--spacing-lg);animation:.3s ease-out fadeIn}.alert-success{color:#28a745;background:#28a7451a;border:1px solid #28a7454d}.alert-error{color:#dc3545;background:#dc35451a;border:1px solid #dc35454d}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.hidden{display:none!important}.w-full{width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-overlay{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#000c;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.auth-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.auth-modal{border-radius:var(--radius);padding:var(--spacing-2xl);background:#fff;border:1px solid #ff6b3526;width:100%;max-width:400px;animation:.3s authModalIn;box-shadow:0 25px 50px -12px #00000080}@keyframes authModalIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.btn-spinner{flex-shrink:0;animation:1s linear infinite spin}.btn-spinner-border{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.main-content.locked{filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none}.filters-bar{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-item{flex-direction:column;gap:6px;min-width:120px;display:flex}.filter-item.filter-search{flex:1;min-width:180px;max-width:280px}.filter-item.filter-toggle{justify-content:center;min-width:auto}.toggle-label{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);font-size:var(--font-size-sm);align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.toggle-label:hover{border-color:var(--primary);background:var(--muted)}.toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.filter-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted-foreground);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.filter-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);width:100%;color:var(--foreground);font-size:var(--font-size-sm);font-family:var(--font-family);padding:8px 12px;transition:border-color .2s,box-shadow .2s}.filter-input:hover,.filter-select:hover{border-color:var(--primary)}.filter-input:focus,.filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b351a}.filter-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);width:100%;color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;appearance:none;font-family:var(--font-family);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:8px 28px 8px 10px;transition:border-color .2s,box-shadow .2s}.filter-select.has-value,.filter-input.has-value{border-color:var(--primary);background-color:#ff6b350d}.filter-divider{background:var(--border);width:1px;height:40px;margin:0 var(--spacing-xs);align-self:flex-end;margin-bottom:4px}.filter-clear-btn{color:#ef4444;border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;align-self:flex-end;align-items:center;gap:6px;padding:8px 12px;font-weight:500;transition:all .2s;display:inline-flex}.filter-clear-btn:hover{background:#ef444426;border-color:#ef44444d}.filter-stats{font-size:var(--font-size-sm);color:var(--muted-foreground);margin-bottom:var(--spacing-md)}.filter-stats .count{color:var(--primary);font-weight:600}.view-toggle-container{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.view-toggle{background:var(--secondary);border-radius:var(--radius);gap:4px;padding:4px;display:flex}.view-toggle-btn{cursor:pointer;border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);background:0 0;border:none;justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.view-toggle-btn:hover{color:var(--foreground);background:#ff6b351a}.view-toggle-btn.active{background:var(--primary);color:#fff}.project-list-view{gap:var(--spacing-sm);flex-direction:column;display:flex}.project-list-item{padding:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.project-list-item:hover{border-color:var(--primary);background:#fff;box-shadow:0 2px 8px #00000014}.project-list-item .project-info{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.project-list-item .project-meta{align-items:center;gap:var(--spacing-xl);color:var(--muted-foreground);font-size:var(--font-size-sm);display:flex}.project-compact-view{flex-direction:column;gap:2px;display:flex}.project-compact-item{font-size:var(--font-size-sm);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius)/2);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.project-compact-item:hover{border-color:var(--primary);background:#fff}.project-detail-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex}.project-detail-title{font-size:var(--font-size-2xl);font-weight:600}.project-detail-subtitle{font-size:var(--font-size-sm);color:var(--muted-foreground)}.detail-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--spacing-lg);overflow:hidden}.detail-card-header{padding:var(--spacing-lg);cursor:pointer;justify-content:space-between;align-items:center;transition:background .2s;display:flex}.detail-card-header:hover{background:#ff6b350d}.detail-card-header-left{align-items:center;gap:var(--spacing-md);display:flex}.detail-card-header h3{font-size:var(--font-size-lg);margin:0;font-weight:600}.detail-card-badge{background:var(--primary);color:#fff;font-size:var(--font-size-xs);border-radius:12px;padding:2px 8px;font-weight:500}.detail-card-content{padding:0 var(--spacing-lg)var(--spacing-lg)}.item-clean{padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--spacing-sm);background:#fff;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.item-clean:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014}.item-clean-info{flex:1;min-width:0}.item-clean-title{align-items:center;gap:var(--spacing-sm);font-weight:500;display:flex}.item-clean-meta{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-top:4px;margin-left:24px}.item-clean-actions{gap:var(--spacing-sm);flex-shrink:0;display:flex}.generate-form{padding:var(--spacing-lg);background:var(--muted);border-radius:var(--radius);margin-top:var(--spacing-md)}.generate-form-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.generate-form-row{gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.generate-form-row .form-group{flex:1;margin-bottom:0}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--muted-foreground)}.empty-state-icon{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:.5}.customer-group-header{padding:var(--spacing-md)0;border-bottom:1px solid var(--border);margin-top:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);grid-column:1/-1;display:flex}.customer-group-header:first-child{margin-top:0}.customer-group-header .customer-name{font-size:var(--font-size-lg);color:var(--primary);font-weight:600}.customer-group-header .customer-count{font-size:var(--font-size-sm);color:var(--muted-foreground)}.report-item{padding:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.report-item:hover{border-color:var(--primary);background:#fff;box-shadow:0 2px 8px #00000014}.collapsible-header{padding:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.collapsible-header:hover{background:#ff6b350d;border-color:#ff6b3533}.collapsible-content{margin-top:var(--spacing-sm)}.progress-bar-container{margin-top:var(--spacing-lg);background:var(--secondary);border-radius:var(--radius);height:8px;overflow:hidden}.progress-bar{background:var(--primary);height:100%;transition:width .3s}footer{border-top:1px solid var(--border);padding:var(--spacing-2xl)0;margin-top:var(--spacing-3xl)}footer p{margin-bottom:var(--spacing-xs)}input[type=range]{background:var(--secondary);border-radius:var(--radius);cursor:pointer;appearance:none;flex:1;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:20px;height:20px}input[type=range]::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}@media (max-width:1200px){.filter-item{min-width:100px}.filter-item.filter-search{min-width:150px}.filter-divider{display:none}}@media (max-width:768px){.container{padding:var(--spacing-lg)}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-cols-auto{grid-template-columns:1fr}.filters-bar{gap:var(--spacing-sm);padding:var(--spacing-md)}.filter-item{min-width:calc(50% - var(--spacing-sm))}.filter-item.filter-search{flex-basis:100%;max-width:none}.generate-form-row{flex-direction:column}.header .flex{gap:var(--spacing-lg);flex-direction:column}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.stat-item h3{font-size:var(--font-size-3xl)}.filter-item{min-width:100%}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pricing-page{background:var(--background);min-height:100vh;padding:var(--spacing-3xl)var(--spacing-xl);position:relative;overflow:hidden}.pricing-header{max-width:1200px;margin:0 auto var(--spacing-3xl);z-index:1;position:relative}.pricing-back-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-family);font-size:var(--font-size-sm);background:var(--card);color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:var(--spacing-2xl);font-weight:500;transition:all .2s;display:inline-flex}.pricing-back-btn:hover{background:var(--secondary);color:var(--foreground);border-color:var(--primary)}.pricing-title-block{text-align:center}.pricing-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);color:var(--primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg);background:#ff6b351a;border-radius:50px;font-weight:600;display:inline-flex}.pricing-title{font-family:var(--font-family);color:var(--foreground);margin-bottom:var(--spacing-lg);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);font-weight:700}.pricing-subtitle{font-family:var(--font-family);font-size:var(--font-size-lg);color:var(--muted-foreground);max-width:600px;margin:0 auto;line-height:1.6}.pricing-grid{gap:var(--spacing-xl);max-width:1200px;margin:0 auto var(--spacing-3xl);z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.pricing-card{background:var(--card);border:2px solid var(--border);border-radius:calc(var(--radius)*2);padding:var(--spacing-2xl);transition:all .3s;animation:.5s backwards pricingCardIn;position:relative}@keyframes pricingCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.pricing-card-popular{border-color:var(--primary);box-shadow:0 8px 32px #ff6b3533}.pricing-card-dark{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important}.pricing-card-dark .pricing-plan-name,.pricing-card-dark .pricing-amount,.pricing-card-dark .pricing-feature span,.pricing-card-dark .pricing-card-header,.pricing-card-dark .pricing-price-block,.pricing-card-dark strong,.pricing-card-dark .pricing-features,.pricing-card-dark .pricing-feature{color:#fff}.pricing-popular-tag{color:#fff;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-sm)var(--spacing-xl);border-radius:0 0 var(--radius)var(--radius);background:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);font-weight:700;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.pricing-icon-wrap{border-radius:calc(var(--radius)*1.5);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pricing-plan-name{font-family:var(--font-family);font-size:var(--font-size-2xl);color:var(--foreground);letter-spacing:-.01em;font-weight:700}.pricing-price-block{margin-bottom:var(--spacing-lg);align-items:baseline;gap:2px;display:flex}.pricing-currency{font-family:var(--font-family);font-size:var(--font-size-2xl);color:var(--muted-foreground);font-weight:600}.pricing-amount{font-family:var(--font-family);color:var(--foreground);letter-spacing:-.02em;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1}.pricing-period{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--muted-foreground);margin-left:var(--spacing-xs)}.pricing-credits{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);color:var(--primary);font-size:var(--font-size-sm);border-radius:var(--radius);margin-bottom:var(--spacing-xl);background:#ff6b351a;font-weight:500;display:inline-flex}.pricing-credits strong{font-weight:700}.pricing-features{margin:0 0 var(--spacing-2xl);padding:0;list-style:none}.pricing-feature{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)0;border-bottom:1px solid #0000000d;display:flex}.pricing-check{color:var(--primary);flex-shrink:0;margin-top:2px}.pricing-feature span{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--muted-foreground);line-height:1.5}.pricing-cta{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg)var(--spacing-xl);font-family:var(--font-family);font-size:var(--font-size-base);color:#fff;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);border:none;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #ff6b354d}.pricing-cta-current{background:var(--secondary);color:var(--muted-foreground);box-shadow:none;border:1px solid var(--border)}.pricing-trust{justify-content:center;gap:var(--spacing-3xl);max-width:1200px;margin:0 auto var(--spacing-3xl);padding:var(--spacing-2xl);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius)*2);z-index:1;display:flex;position:relative}.pricing-trust-item{align-items:center;gap:var(--spacing-md);display:flex}.pricing-trust-icon{width:40px;height:40px;color:var(--primary);border-radius:var(--radius);background:#ff6b351a;justify-content:center;align-items:center;display:flex}.pricing-trust-item strong{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--foreground);font-weight:600;display:block}.pricing-trust-item span{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--muted-foreground)}.pricing-faq{z-index:1;max-width:900px;margin:0 auto;position:relative}.pricing-faq-title{font-family:var(--font-family);font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--spacing-2xl);font-weight:700}.pricing-faq-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.pricing-faq-item{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius)*1.5);padding:var(--spacing-xl)}.pricing-faq-item h4{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--foreground);margin-bottom:var(--spacing-sm);font-weight:600}.pricing-faq-item p{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0;line-height:1.6}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:500px}.pricing-card-popular{order:-1}.pricing-trust{align-items:center;gap:var(--spacing-xl);flex-direction:column}.pricing-faq-grid{grid-template-columns:1fr}}@media (max-width:768px){.pricing-page{padding:var(--spacing-xl)var(--spacing-lg)}.pricing-title{font-size:1.75rem}.pricing-card{padding:var(--spacing-xl)}}.subscription-badge{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;display:flex}.subscription-badge:hover{border-color:var(--primary);background:var(--secondary)}.subscription-badge-plan{align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--foreground);font-weight:600;display:flex}.subscription-badge-dot{background:var(--primary);border-radius:50%;width:8px;height:8px}.subscription-badge-dot.trial{background:#f59e0b;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.subscription-badge-credits{align-items:center;gap:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--muted-foreground);padding-left:var(--spacing-md);border-left:1px solid var(--border);display:flex}.subscription-badge-credits svg{color:var(--primary)}.trial-banner{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md)var(--spacing-xl);color:#fff;font-family:var(--font-family);font-size:var(--font-size-sm);background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%);display:flex;position:relative}.trial-banner-text{align-items:center;gap:var(--spacing-sm);display:flex}.trial-banner-days{font-weight:700}.trial-banner-btn{padding:var(--spacing-sm)var(--spacing-lg);color:#d97706;font-size:var(--font-size-xs);border-radius:var(--radius);cursor:pointer;background:#fff;border:none;font-weight:600;transition:all .2s}.trial-banner-btn:hover{transform:scale(1.05)}.trial-banner-dismiss{right:var(--spacing-lg);color:#ffffffb3;cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;position:absolute}.trial-banner-dismiss:hover{color:#fff}.subscription-modal{max-width:560px}.subscription-modal-plan{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius)*1.5);margin-bottom:var(--spacing-xl);display:flex}.subscription-modal-plan-icon{border-radius:calc(var(--radius)*1.5);color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.subscription-modal-plan-info h3{font-family:var(--font-family);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);font-weight:700}.subscription-modal-plan-info p{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0}.subscription-modal-credits{padding:var(--spacing-xl);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius)*1.5);margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.subscription-modal-credits-info h4{font-family:var(--font-family);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);font-weight:600}.subscription-modal-credits-info p{font-size:var(--font-size-xs);color:var(--muted-foreground);margin:0}.subscription-modal-credits-value{font-family:var(--font-family);font-size:var(--font-size-3xl);color:var(--primary);font-weight:700}.subscription-modal-actions{gap:var(--spacing-md);flex-direction:column;display:flex}.subscription-modal-action{padding:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.subscription-modal-action:hover{border-color:var(--primary);background:var(--secondary)}.subscription-modal-action-left{align-items:center;gap:var(--spacing-md);display:flex}.subscription-modal-action-icon{background:var(--secondary);border-radius:var(--radius);width:40px;height:40px;color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.subscription-modal-action h5{font-family:var(--font-family);font-size:var(--font-size-sm);margin-bottom:2px;font-weight:600}.subscription-modal-action p{font-size:var(--font-size-xs);color:var(--muted-foreground);margin:0}.subscription-modal-action-arrow{color:var(--muted-foreground)}.checkout-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-xl);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.checkout-close-btn{top:var(--spacing-lg);right:var(--spacing-lg);color:var(--muted-foreground);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius);z-index:10;background:0 0;border:none;transition:all .2s;position:absolute}.checkout-close-btn:hover{background:var(--secondary);color:var(--foreground)}.checkout-loading{padding:var(--spacing-4xl);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.checkout-loading p{color:var(--muted-foreground);font-size:var(--font-size-sm)}.checkout-error-state{text-align:center;padding:var(--spacing-4xl);align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.checkout-error-icon{background:var(--secondary);width:80px;height:80px;color:var(--muted-foreground);border-radius:50%;justify-content:center;align-items:center;display:flex}.checkout-error-state h3{font-family:var(--font-family);font-size:var(--font-size-xl);color:var(--foreground);margin:0;font-weight:600}.checkout-error-state p{color:var(--muted-foreground);font-size:var(--font-size-sm);max-width:300px;margin:0}.checkout-error-details{background:var(--secondary);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);font-family:monospace;font-size:var(--font-size-xs);color:var(--foreground)}.checkout-error-btn{background:var(--secondary);color:var(--foreground);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius);cursor:pointer;border:none;font-weight:500;transition:all .2s}.checkout-form-container{padding:0}.checkout-form-wrapper{padding:var(--spacing-2xl)}.checkout-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.checkout-back-btn{align-items:center;gap:var(--spacing-sm);color:var(--muted-foreground);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);background:0 0;border:none;transition:all .2s;display:flex}.checkout-back-btn:hover:not(:disabled){background:var(--secondary);color:var(--foreground)}.checkout-back-btn:disabled{opacity:.5;cursor:not-allowed}.checkout-secure-badge{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:#22c55e;padding:var(--spacing-xs)var(--spacing-md);background:#22c55e1a;border-radius:999px;display:flex}.checkout-summary{margin-bottom:var(--spacing-xl)}.checkout-title{font-family:var(--font-family);font-size:var(--font-size-2xl);color:var(--foreground);margin:0 0 var(--spacing-lg)0;font-weight:700}.checkout-plan-summary{background:var(--secondary);padding:var(--spacing-lg);border-radius:var(--radius);margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.checkout-plan-info{flex-direction:column;gap:2px;display:flex}.checkout-plan-name{color:var(--foreground);font-weight:600}.checkout-plan-credits{font-size:var(--font-size-sm);color:var(--muted-foreground)}.checkout-plan-price{align-items:baseline;gap:2px;display:flex}.checkout-price-amount{font-size:var(--font-size-2xl);color:var(--foreground);font-weight:700}.checkout-price-period{font-size:var(--font-size-sm);color:var(--muted-foreground)}.checkout-trial-notice{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:#22c55e;padding:var(--spacing-md);border-radius:var(--radius);background:#22c55e1a;display:flex}.checkout-form{gap:var(--spacing-xl);flex-direction:column;display:flex}.checkout-section{gap:var(--spacing-md);flex-direction:column;display:flex}.checkout-section-header{align-items:center;gap:var(--spacing-sm);color:var(--foreground);font-weight:600;font-size:var(--font-size-sm);display:flex}.checkout-payment-element{background:var(--background);padding:var(--spacing-lg);border-radius:var(--radius);border:1px solid var(--border)}.checkout-error{color:#ef4444;padding:var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-sm);background:#ef44441a;display:flex}.checkout-submit-btn{color:#fff;padding:var(--spacing-lg)var(--spacing-xl);border-radius:var(--radius);font-weight:600;font-size:var(--font-size-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);border:none;transition:all .2s;display:flex}.checkout-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3566}.checkout-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.checkout-spinner{animation:1s linear infinite spin}.checkout-footer{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border);flex-direction:column;display:flex}.checkout-trust-badges{justify-content:center;gap:var(--spacing-xl);display:flex}.checkout-trust-item{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--muted-foreground);display:flex}.checkout-terms{font-size:var(--font-size-xs);color:var(--muted-foreground);text-align:center;margin:0;line-height:1.5}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.checkout-modal{margin:var(--spacing-md);max-height:calc(100vh - 32px)}.checkout-form-wrapper{padding:var(--spacing-lg)}.checkout-header{gap:var(--spacing-md);flex-direction:column;align-items:flex-start}.checkout-trust-badges{align-items:center;gap:var(--spacing-sm);flex-direction:column}}.camera-thumbnail,.camera-thumbnail-placeholder{background:#e5e7eb;border-radius:14px;flex-shrink:0;width:60px;min-width:60px;max-width:60px;height:60px;min-height:60px;max-height:60px;position:relative;overflow:hidden}.camera-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.camera-thumbnail-loading{color:var(--muted-foreground);background:#e5e7eb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.camera-thumbnail-placeholder{color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.project-card .camera-thumbnail,.project-card .camera-thumbnail-placeholder{border-radius:24px;width:140px;min-width:140px;max-width:140px;height:140px;min-height:140px;max-height:140px;margin:0 auto}.project-list-item .camera-thumbnail,.project-list-item .camera-thumbnail-placeholder{border-radius:12px;width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;margin:0}.project-compact-item .camera-thumbnail,.project-compact-item .camera-thumbnail-placeholder{border-radius:10px;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;margin:0}.app-footer{padding:var(--spacing-xl)var(--spacing-lg);margin-top:var(--spacing-2xl);border-top:1px solid var(--border);background:var(--card)}@media (max-width:768px){.app-footer{padding-bottom:100px}}.admin-menu-wrapper{display:inline-block;position:relative}.admin-dropdown{z-index:1000;background:#fff;border:1px solid #0000001a;border-radius:8px;flex-direction:column;min-width:180px;padding:6px 0;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a}.admin-dropdown-item{color:#1a1a1a;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s;display:flex}.admin-dropdown-item:hover{background:#f5f5f5}.admin-dropdown-item svg{color:#ff6b35;flex-shrink:0}.desktop-only{display:block}@media (max-width:768px){.desktop-only{display:none!important}.app.has-bottom-nav{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.app.has-bottom-nav .container{padding-bottom:20px}}.notification-center{position:relative}.notification-bell{color:#f97316;cursor:pointer;background:#f973161a;border:1px solid #f973164d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.notification-bell:hover{color:#f97316;background:#f9731633;border-color:#f97316}.notification-bell.has-unread{color:#f97316;background:#f9731626}.notification-badge{text-align:center;color:#fff;background:#ef4444;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:4px;right:4px}.notification-dropdown{z-index:1000;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:360px;max-height:600px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:visible;box-shadow:0 10px 40px #00000080}.notification-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-header h3{color:#fff;margin:0;font-size:14px;font-weight:600}.notification-actions{gap:4px;display:flex}.notification-action{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.notification-action:hover{color:#fff;background:#ffffff1a}.notification-search-filter{border-bottom:1px solid #ffffff1a;flex-shrink:0;gap:8px;padding:8px 12px;display:flex}.notification-search{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.notification-search:focus-within{background:#f973160d;border-color:#f97316}.notification-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:13px}.notification-search input::placeholder{color:#fff6}.search-clear{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.search-clear:hover{color:#fff;background:#ffffff1a}.filter-toggle{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.filter-toggle:hover,.filter-toggle.active{color:#f97316;background:#f973161a;border-color:#f97316}.filter-badge{text-align:center;color:#fff;background:#f97316;border-radius:50%;width:14px;height:14px;font-size:9px;font-weight:600;line-height:14px;position:absolute;top:4px;right:4px}.notification-filters{background:#0003;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;flex-shrink:0;gap:6px;padding:8px 12px;display:flex}.filter-chip{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:6px 12px;font-size:12px;transition:all .2s}.filter-chip:hover{color:#fff;background:#ffffff1a}.filter-chip.active{color:#f97316;background:#f9731633;border-color:#f97316}.clear-filters-btn{color:#f97316;cursor:pointer;background:#f973161a;border:1px solid #f973164d;border-radius:6px;margin-top:12px;padding:8px 16px;font-size:12px;transition:all .2s}.clear-filters-btn:hover{background:#f9731633;border-color:#f97316}.notification-list{flex:1;min-height:100px;max-height:280px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:0 0}.notification-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.notification-item{cursor:pointer;gap:12px;padding:12px 16px;transition:background .2s;display:flex;position:relative}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#f973160d}.notification-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notification-content{flex:1;min-width:0}.notification-title{color:#fff;margin-bottom:2px;font-size:13px;font-weight:600}.notification-message{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.notification-meta{color:#fff6;gap:8px;margin-top:4px;font-size:11px;display:flex}.notification-camera{color:#f97316}.notification-unread-dot{background:#f97316;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.notification-empty{color:#fff6;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.notification-empty p{color:#fff9;margin:12px 0 4px;font-size:14px;font-weight:500}.notification-empty span{font-size:12px}.notification-push-controls{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:8px 12px}.push-enable-btn,.push-test-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.push-enable-btn{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c)}.push-enable-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c)}.push-buttons-row{gap:8px;display:flex}.push-buttons-row .push-test-btn,.push-buttons-row .push-disable-btn{flex:1;width:auto}.push-test-btn{color:#fffc;background:#ffffff1a;border:1px solid #fff3}.push-test-btn:hover:not(:disabled){color:#fff;background:#ffffff26}.push-disable-btn{cursor:pointer;color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.push-disable-btn:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.push-enable-btn:disabled,.push-test-btn:disabled,.push-disable-btn:disabled{opacity:.6;cursor:not-allowed}.notification-stats{background:#0000004d;border-top:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:12px;padding:10px 12px;display:flex}.stats-total{border-right:1px solid #ffffff1a;flex-direction:column;align-items:center;padding-right:12px;display:flex}.stats-count{color:#f97316;font-size:18px;font-weight:700}.stats-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.stats-breakdown{flex-wrap:wrap;flex:1;gap:6px;display:flex}.stats-item{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.stats-item:hover{color:#fff;background:#ffffff1a}.stats-item.active{color:#f97316;background:#f9731633;border-color:#f97316}.notification-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:8px 16px}.connection-status{align-items:center;gap:6px;font-size:11px;display:flex}.connection-status:before{content:"";border-radius:50%;width:6px;height:6px}.connection-status.connected{color:#22c55e}.connection-status.connected:before{background:#22c55e}.connection-status.disconnected{color:#ef4444}.connection-status.disconnected:before{background:#ef4444}@media (max-width:480px){.notification-dropdown{width:auto;max-height:calc(100vh - 140px);position:fixed;top:60px;left:8px;right:8px}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;max-width:320px;display:flex;position:fixed;top:80px;right:16px}.toast{cursor:pointer;pointer-events:auto;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;gap:12px;padding:12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0006}.toast:hover{border-color:#fff3}.toast-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-content{flex:1;min-width:0;padding-right:20px}.toast-title{color:#fff;margin-bottom:2px;font-size:13px;font-weight:600}.toast-message{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.toast-camera{color:#f97316;margin-top:4px;font-size:11px}.toast-dismiss{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.toast-dismiss:hover{color:#fff;background:#ffffff1a}.toast-progress{width:100%;height:2px;animation:toast-progress var(--duration)linear forwards;position:absolute;bottom:0;left:0}@keyframes toast-progress{0%{width:100%}to{width:0%}}@media (max-width:480px){.toast-container{max-width:none;inset:auto 16px 80px}}.pricing-page{background:#fafafa;min-height:100vh;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem);position:relative;overflow-x:hidden}.pricing-bg-pattern{pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#ff6b350f 0%,#0000 50%);height:min(500px,50vh);position:absolute;top:0;left:0;right:0}.pricing-bg-glow{pointer-events:none;background:radial-gradient(circle,#ff6b350a 0%,#0000 70%);width:min(500px,50vw);height:min(500px,50vw);position:absolute;top:-100px;right:-100px}.pricing-header{z-index:1;max-width:1200px;margin:0 auto clamp(2rem,5vw,3.5rem);position:relative}.pricing-back-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding:.625rem 1rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.pricing-back-btn:hover{color:#1a1a1a;background:#f5f5f5;border-color:#ff6b35}.pricing-title-block{text-align:center;max-width:700px;margin:0 auto}.pricing-badge{color:#ff6b35;text-transform:uppercase;letter-spacing:.05em;background:#ff6b3514;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex}.pricing-title{color:#1a1a1a;letter-spacing:-.03em;margin:0 0 1rem;font-family:Outfit,sans-serif;font-size:clamp(1.75rem,5vw,3rem);font-weight:800;line-height:1.1}.pricing-subtitle{color:#6b7280;margin:0;font-family:Outfit,sans-serif;font-size:clamp(.938rem,2vw,1.125rem);line-height:1.6}.pricing-subtitle br{display:none}.pricing-highlight{color:#ff6b35;font-weight:600}.pricing-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(1rem,2vw,1.5rem);max-width:1200px;margin:0 auto clamp(2rem,4vw,3rem);display:grid;position:relative}@media (min-width:1024px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:#fff;border:1px solid #e5e5e5;border-radius:20px;flex-direction:column;padding:clamp(1.5rem,3vw,2rem);transition:all .3s cubic-bezier(.16,1,.3,1);animation:.5s backwards pricingCardIn;display:flex;position:relative}.pricing-card:hover{border-color:#d4d4d4;transform:translateY(-6px);box-shadow:0 20px 40px #00000014}.pricing-card-popular{border:2px solid #ff6b35;box-shadow:0 8px 32px #ff6b3526}.pricing-card-popular:hover{box-shadow:0 20px 50px #ff6b3533}.pricing-card-dark{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#334155}.pricing-card-dark:hover{border-color:#475569}.pricing-card-dark .pricing-plan-name,.pricing-card-dark .pricing-amount,.pricing-card-dark .pricing-feature span,.pricing-card-dark strong{color:#fff}.pricing-card-dark .pricing-period,.pricing-card-dark .pricing-currency{color:#fff9}.pricing-card-dark .pricing-credits{color:#fff;background:#ffffff1a}.pricing-card-dark .pricing-credits span,.pricing-card-dark .pricing-credits strong{color:#fff}.pricing-card-dark .pricing-check{color:#ff6b35}.pricing-card-dark .pricing-feature{border-bottom-color:#ffffff14}.pricing-popular-tag{color:#fff;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);border-radius:50px;padding:.375rem 1rem;font-family:Outfit,sans-serif;font-size:.688rem;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(-50%);box-shadow:0 4px 12px #ff6b354d}.pricing-card-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.pricing-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(44px,6vw,52px);height:clamp(44px,6vw,52px);display:flex;box-shadow:0 4px 12px #0000001a}.pricing-icon-wrap svg{width:clamp(22px,3vw,26px);height:clamp(22px,3vw,26px)}.pricing-plan-name{color:#1a1a1a;letter-spacing:-.01em;margin:0;font-family:Outfit,sans-serif;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700}.pricing-price-block{align-items:baseline;gap:2px;margin-bottom:1rem;display:flex}.pricing-currency{color:#9ca3af;align-self:flex-start;margin-top:.25em;font-family:Outfit,sans-serif;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600}.pricing-amount{color:#1a1a1a;letter-spacing:-.03em;font-family:Outfit,sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1}.pricing-period{color:#9ca3af;margin-left:.25rem;font-family:Outfit,sans-serif;font-size:clamp(.875rem,1.5vw,1rem)}.pricing-credits{color:#ff6b35;background:#ff6b3514;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.625rem 1rem;font-family:Outfit,sans-serif;font-size:clamp(.813rem,1.5vw,.875rem);font-weight:500;display:inline-flex}.pricing-credits svg{flex-shrink:0;width:16px;height:16px}.pricing-credits strong{color:#e55a2b;font-weight:700}.pricing-features{flex:1;margin:0 0 1.5rem;padding:0;list-style:none}.pricing-feature{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.pricing-feature:last-child{border-bottom:none}.pricing-check{color:#ff6b35;flex-shrink:0;width:18px;height:18px;margin-top:1px}.pricing-feature span{color:#6b7280;font-family:Outfit,sans-serif;font-size:clamp(.813rem,1.5vw,.938rem);line-height:1.5}.pricing-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:clamp(.875rem,2vw,1rem) 1.5rem;font-family:Outfit,sans-serif;font-size:clamp(.875rem,1.5vw,1rem);font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #ff6b3540}.pricing-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3559}.pricing-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.pricing-cta-current{color:#9ca3af;box-shadow:none;background:#f5f5f5;border:1px solid #e5e5e5}.pricing-cta-current:hover:not(:disabled){box-shadow:none;transform:none}.pricing-card-dark .pricing-cta{color:#1a1a1a;background:#fff;box-shadow:0 4px 12px #00000026}.pricing-card-dark .pricing-cta:hover:not(:disabled){box-shadow:0 8px 24px #00000040}.pricing-spinner{animation:1s linear infinite spin}.pricing-trust{z-index:1;background:#fff;border:1px solid #e5e5e5;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,2.5rem);max-width:1000px;margin:0 auto clamp(2rem,4vw,3rem);padding:clamp(1.25rem,3vw,1.75rem);display:flex;position:relative}.pricing-trust-item{align-items:center;gap:.75rem;min-width:max-content;display:flex}.pricing-trust-icon{color:#ff6b35;background:#ff6b3514;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pricing-trust-item strong{color:#1a1a1a;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600;display:block}.pricing-trust-item span{color:#9ca3af;font-family:Outfit,sans-serif;font-size:.75rem}.pricing-faq{z-index:1;max-width:900px;margin:0 auto;padding-bottom:2rem;position:relative}.pricing-faq-title{text-align:center;color:#1a1a1a;margin:0 0 clamp(1.5rem,3vw,2rem);font-family:Outfit,sans-serif;font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700}.pricing-faq-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(.75rem,2vw,1.25rem);display:grid}.pricing-faq-item{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:clamp(1rem,2.5vw,1.5rem);transition:all .2s}.pricing-faq-item:hover{border-color:#d4d4d4;box-shadow:0 4px 12px #0000000a}.pricing-faq-item h4{color:#1a1a1a;margin:0 0 .5rem;font-family:Outfit,sans-serif;font-size:clamp(.875rem,1.5vw,1rem);font-weight:600}.pricing-faq-item p{color:#6b7280;margin:0;font-family:Outfit,sans-serif;font-size:clamp(.813rem,1.3vw,.875rem);line-height:1.6}.checkout-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1001;background:#00000080;justify-content:center;align-items:center;padding:clamp(1rem,3vw,2rem);animation:.2s fadeIn;display:flex;position:fixed;inset:0}.checkout-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0003}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.checkout-close-btn{color:#6b7280;cursor:pointer;z-index:10;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.checkout-close-btn:hover{color:#1a1a1a;background:#ebebeb}.checkout-error-state{text-align:center;padding:3rem 2rem}.checkout-error-icon{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.checkout-error-state h3{color:#1a1a1a;margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.checkout-error-state p{color:#6b7280;margin:0 0 1.5rem;font-family:Outfit,sans-serif;font-size:.938rem}.checkout-error-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:10px;padding:.75rem 2rem;font-family:Outfit,sans-serif;font-size:.938rem;font-weight:600;transition:all .2s}.checkout-error-btn:hover{background:#333}.checkout-loading{text-align:center;padding:4rem 2rem}.checkout-loading p{color:#6b7280;margin:1rem 0 0;font-family:Outfit,sans-serif;font-size:.938rem}.upgrade-payment-header{text-align:center;margin-bottom:1rem;padding:1.5rem 1.5rem 0}.upgrade-payment-header h3{color:#1a1a1a;margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.upgrade-payment-amount{color:#ff6b35;margin:0 0 .5rem;font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:600}.upgrade-payment-note{color:#6b7280;margin:0;font-family:Outfit,sans-serif;font-size:.875rem}@media (max-width:768px){.pricing-grid{display:none}.pricing-subtitle br{display:block}.pricing-trust{flex-direction:column;align-items:stretch}.pricing-trust-item{justify-content:flex-start}}@media (min-width:769px){.pricing-grid{display:grid}}@media (min-width:1200px){.pricing-card{padding:2rem}.pricing-grid{gap:1.5rem}}@media (max-width:380px){.pricing-page{padding:1rem .75rem}.pricing-card{padding:1.25rem}.pricing-trust{padding:1rem}}.trial-status-container{z-index:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(1rem,2vw,1.5rem);max-width:900px;margin:0 auto clamp(2rem,4vw,3rem);display:grid;position:relative}.trial-status-card{background:#fff;border:2px solid #ff6b35;border-radius:20px;padding:clamp(1.5rem,3vw,2rem);box-shadow:0 8px 32px #ff6b3526}.trial-status-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.trial-status-icon{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 12px #ff6b354d}.trial-status-title{flex-direction:column;gap:.25rem;display:flex}.trial-status-title h2{color:#1a1a1a;margin:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.trial-badge{color:#10b981;text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;border-radius:50px;align-items:center;width:fit-content;padding:.25rem .75rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex}.trial-stats{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.trial-stat{background:#fafafa;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.trial-stat-icon{color:#ff6b35}.trial-stat-content{flex-direction:column;display:flex}.trial-stat-value{color:#1a1a1a;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700;line-height:1}.trial-stat-label{color:#6b7280;margin-top:.25rem;font-family:Outfit,sans-serif;font-size:.75rem}.trial-features h3{color:#6b7280;margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600}.trial-features ul{margin:0;padding:0;list-style:none}.trial-features li{color:#1a1a1a;align-items:center;gap:.75rem;padding:.5rem 0;font-family:Outfit,sans-serif;font-size:.938rem;display:flex}.trial-features li svg{color:#ff6b35;flex-shrink:0}.coming-soon-card{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(2rem,4vw,3rem);display:flex}.coming-soon-icon{color:#94a3b8;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex;box-shadow:0 4px 12px #00000014}.coming-soon-card h3{color:#1e293b;margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.coming-soon-card p{color:#64748b;max-width:280px;margin:0 0 1.5rem;font-family:Outfit,sans-serif;font-size:.938rem;line-height:1.6}.coming-soon-note{color:#64748b;background:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:Outfit,sans-serif;font-size:.813rem;display:inline-flex}.coming-soon-note svg{color:#10b981}@media (max-width:768px){.trial-stats{grid-template-columns:1fr}}.pricing-footer{text-align:center;border-top:1px solid #e5e5e5;max-width:900px;margin:3rem auto 2rem;padding:2rem}.pricing-footer-copyright{color:#6b7280;margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:.875rem}.pricing-footer-disclaimer{color:#9ca3af;max-width:700px;margin:.5rem auto;font-family:Outfit,sans-serif;font-size:.75rem;line-height:1.6}.sub-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) subModalFadeIn;display:flex;position:fixed;inset:0}@keyframes subModalFadeIn{0%{opacity:0}to{opacity:1}}.sub-modal{background:#fff;border:1px solid #00000014;border-radius:24px;width:100%;max-width:440px;animation:.4s cubic-bezier(.16,1,.3,1) subModalSlideIn;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000008,0 24px 80px -12px #00000026,0 0 40px -20px #ff6b3526}@keyframes subModalSlideIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sub-modal:before{content:"";background:linear-gradient(90deg,#ff6b35 0%,#ff8c5a 50%,#ff6b35 100%);height:4px;position:absolute;top:0;left:0;right:0}.sub-modal-header{justify-content:space-between;align-items:center;padding:28px 28px 20px;display:flex;position:relative}.sub-modal-brand{align-items:center;gap:14px;display:flex}.sub-modal-logo{background:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #ff6b3540,inset 0 1px #fff3}.sub-modal-logo svg{color:#fff;filter:drop-shadow(0 2px 4px #0000001a)}.sub-modal-titles h2{color:#1a1a1a;letter-spacing:-.02em;margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.sub-modal-titles p{color:#6b7280;margin:3px 0 0;font-family:Outfit,sans-serif;font-size:14px;font-weight:400}.sub-modal-close{color:#6b7280;cursor:pointer;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.sub-modal-close:hover{color:#1a1a1a;background:#ebebeb;border-color:#d4d4d4;transform:rotate(90deg)}.sub-modal-plan-card{background:linear-gradient(135deg,#ff6b3514 0%,#ff8c5a0a 100%);border:1px solid #ff6b3526;border-radius:18px;margin:0 20px 20px;padding:24px;position:relative;overflow:hidden}.sub-modal-plan-card:before{content:"";pointer-events:none;background-image:linear-gradient(#ff6b350a 1px,#0000 1px),linear-gradient(90deg,#ff6b350a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.sub-modal-plan-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex;position:relative}.sub-modal-plan-info h3{color:#1a1a1a;letter-spacing:-.03em;text-transform:uppercase;margin:0;font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.sub-modal-plan-badge{color:#e55a2b;text-transform:uppercase;letter-spacing:.05em;background:#ff6b351a;border:1px solid #ff6b3533;border-radius:20px;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.sub-modal-plan-badge.trial{color:#b45309;background:#fbbf241f;border-color:#fbbf2440}.sub-modal-plan-badge.canceling{color:#dc2626;background:#ef44441a;border-color:#ef444433}.sub-modal-plan-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite subPulse}@keyframes subPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sub-modal-plan-price{text-align:right}.sub-modal-plan-price .amount{color:#1a1a1a;letter-spacing:-.03em;font-family:Outfit,sans-serif;font-size:36px;font-weight:700}.sub-modal-plan-price .period{color:#9ca3af;margin-left:2px;font-family:Outfit,sans-serif;font-size:14px}.sub-modal-plan-date{color:#6b7280;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:14px;display:flex;position:relative}.sub-modal-plan-date svg{color:#ff6b35}.sub-modal-credits{background:#fafafa;border:1px solid #e5e5e5;border-radius:16px;margin:0 20px 24px;padding:20px 24px;position:relative}.sub-modal-credits-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sub-modal-credits-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;font-family:Outfit,sans-serif;font-size:12px;font-weight:600}.sub-modal-credits-value{align-items:baseline;gap:4px;display:flex}.sub-modal-credits-current{color:#ff6b35;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:600}.sub-modal-credits-max{color:#9ca3af;font-family:JetBrains Mono,monospace;font-size:14px}.sub-modal-credits-gauge{background:#e5e5e5;border-radius:4px;height:8px;position:relative;overflow:hidden}.sub-modal-credits-gauge-fill{background:linear-gradient(90deg,#ff6b35,#ff8c5a);border-radius:4px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;box-shadow:0 2px 8px #ff6b354d}.sub-modal-credits-gauge-fill:after{content:"";background:linear-gradient(#fff6,#0000);border-radius:4px 4px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.sub-modal-credits-note{color:#9ca3af;margin-top:12px;font-family:Outfit,sans-serif;font-size:12px}.sub-modal-actions{flex-direction:column;gap:10px;padding:0 20px 24px;display:flex}.sub-modal-action{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.sub-modal-action:hover{background:#fafafa;border-color:#ff6b35;transform:translate(4px);box-shadow:0 4px 12px #ff6b351a}.sub-modal-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.sub-modal-action-icon{color:#ff6b35;background:#ff6b3514;border:1px solid #ff6b351f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s;display:flex}.sub-modal-action:hover .sub-modal-action-icon{background:#ff6b351f;border-color:#ff6b3533;transform:scale(1.05)}.sub-modal-action-content{flex:1;min-width:0}.sub-modal-action-title{color:#1a1a1a;margin:0 0 3px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600}.sub-modal-action-desc{color:#9ca3af;margin:0;font-family:Outfit,sans-serif;font-size:13px}.sub-modal-action-arrow{color:#d4d4d4;transition:all .25s}.sub-modal-action:hover .sub-modal-action-arrow{color:#ff6b35;transform:translate(4px)}.sub-modal-action.danger{border-color:#ef444433}.sub-modal-action.danger:hover{background:#ef444408;border-color:#ef4444;box-shadow:0 4px 12px #ef44441a}.sub-modal-action.danger .sub-modal-action-icon{color:#ef4444;background:#ef444414;border-color:#ef444426}.sub-modal-action.danger:hover .sub-modal-action-icon{background:#ef44441f;border-color:#ef444433}.sub-modal-action.danger .sub-modal-action-title{color:#dc2626}.sub-modal-action.danger:hover .sub-modal-action-arrow{color:#ef4444}.sub-modal-action.success{border-color:#22c55e33}.sub-modal-action.success:hover{background:#22c55e08;border-color:#22c55e;box-shadow:0 4px 12px #22c55e1a}.sub-modal-action.success .sub-modal-action-icon{color:#22c55e;background:#22c55e14;border-color:#22c55e26}.sub-modal-action.success:hover .sub-modal-action-icon{background:#22c55e1f;border-color:#22c55e33}.sub-modal-action.success .sub-modal-action-title{color:#16a34a}.sub-modal-action.success:hover .sub-modal-action-arrow{color:#22c55e}.sub-modal-spinner{animation:1s linear infinite subSpin}@keyframes subSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sub-modal-footer{text-align:center;background:#fafafa;border-top:1px solid #e5e5e5;padding:18px 20px}.sub-modal-footer p{color:#9ca3af;margin:0;font-family:Outfit,sans-serif;font-size:13px}.sub-modal-footer a{color:#ff6b35;font-weight:500;text-decoration:none;transition:color .2s}.sub-modal-footer a:hover{color:#e55a2b}@media (max-width:480px){.sub-modal-overlay{align-items:flex-end;padding:16px}.sub-modal{border-radius:24px 24px 0 0;max-height:90vh;overflow-y:auto}.sub-modal-plan-header{flex-direction:column;gap:12px}.sub-modal-plan-price{text-align:left}}.bottom-nav{z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);background:linear-gradient(#1e2530 0%,#141a22 100%);border-top:1px solid #ff6b3526;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.bottom-nav-inner{justify-content:space-around;align-items:center;max-width:500px;height:64px;margin:0 auto;padding:0 8px;display:flex}.bottom-nav-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;transition:all .2s;display:flex;position:relative}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:40px;height:32px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bottom-nav-item:not(.active) .bottom-nav-icon-wrap{color:#6b7280}.bottom-nav-item.active .bottom-nav-icon-wrap{color:#ff6b35;background:#ff6b351f}.bottom-nav-indicator{background:#ff6b35;border-radius:50%;width:4px;height:4px;animation:2s ease-in-out infinite indicatorPulse;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ff6b3599}@keyframes indicatorPulse{0%,to{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.7;transform:translate(-50%)scale(1.2)}}.bottom-nav-label{text-transform:uppercase;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:600;transition:color .2s}.bottom-nav-item:not(.active) .bottom-nav-label{color:#6b7280}.bottom-nav-item.active .bottom-nav-label{color:#ff6b35}.bottom-nav-stripe{opacity:.6;background:repeating-linear-gradient(90deg,#ff6b35 0 8px,#0000 8px 16px);height:2px;position:absolute;top:0;left:0;right:0}@media (hover:hover){.bottom-nav-item:hover:not(.active) .bottom-nav-icon-wrap{color:#9ca3af;background:#ffffff0d}.bottom-nav-item:hover:not(.active) .bottom-nav-label{color:#9ca3af}}@media (orientation:landscape) and (max-height:500px){.bottom-nav-inner{height:52px}.bottom-nav-label{display:none}.bottom-nav-icon-wrap{width:48px;height:36px}}@media (min-width:769px){.bottom-nav{display:none!important}}@media (max-width:768px){.bottom-nav{display:block}}.gen-form{background:#fff;border:1px solid #00000014;border-radius:16px;margin-top:20px;padding:24px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.gen-form:before{content:"";background:linear-gradient(90deg,#ff6b35 0%,#ff8f35 50%,#ff6b35 100%);height:3px;position:absolute;top:0;left:0;right:0}.gen-form.timelapse:before{background:linear-gradient(90deg,#8b5cf6 0%,#a78bfa 50%,#8b5cf6 100%)}.gen-form-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.gen-form-icon{color:#ff6b35;background:linear-gradient(135deg,#ff6b351f 0%,#ff6b350a 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gen-form-icon.timelapse{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61f 0%,#8b5cf60a 100%)}.gen-form-title{color:#1a1a2e;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.gen-form-subtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.gen-section{margin-bottom:20px}.gen-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.date-carousel{align-items:center;gap:8px;display:flex}.date-nav-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.date-nav-btn:hover:not(:disabled){color:#374151;background:#f3f4f6;border-color:#d1d5db}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-chips{flex:1;gap:6px;display:flex;overflow:hidden}.date-chip{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:10px 8px;transition:all .2s;display:flex}.date-chip:hover{background:#f3f4f6;border-color:#d1d5db}.date-chip.selected{color:#1a1a2e;background:linear-gradient(135deg,#ff6b351a 0%,#ff6b350d 100%);border-color:#ff6b35}.date-chip-day{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-size:10px;font-weight:500}.date-chip-num{color:#374151;font-size:18px;font-weight:700;line-height:1}.date-chip.selected .date-chip-num{color:#ff6b35}.date-chip-count{color:#9ca3af;margin-top:2px;font-size:9px;font-weight:500}.date-chip.selected .date-chip-count{color:#ff6b35}.date-selected-info{color:#374151;background:#ff6b350f;border:1px solid #ff6b351f;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.date-selected-info svg{color:#ff6b35;flex-shrink:0}.category-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.category-grid.compact{grid-template-columns:repeat(5,1fr)}@media (max-width:600px){.category-grid,.category-grid.compact{grid-template-columns:repeat(3,1fr)}}.category-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.category-btn:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.category-btn.selected{background:color-mix(in srgb,var(--cat-color)8%,white);border-color:var(--cat-color);color:var(--cat-color)}.category-btn svg{transition:transform .2s}.category-btn.selected svg{transform:scale(1.1)}.category-name{text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.category-count{color:#9ca3af;text-align:center;background:#0000000d;border-radius:10px;min-width:24px;padding:2px 6px;font-size:10px;font-weight:600}.category-btn.selected .category-count{color:var(--cat-color);background:#ffffff80}.category-btn.disabled{opacity:.4;cursor:not-allowed}.category-btn.disabled .category-count{background:#00000008}.date-range-row{align-items:center;gap:12px;display:flex}.date-range-select{flex-direction:column;flex:1;gap:6px;display:flex}.date-range-label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-size:10px;font-weight:600}.date-range-arrow{color:#d1d5db;margin-top:18px;font-size:18px}.date-select{color:#1a1a2e;cursor:pointer;appearance:none;background:#f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 36px 12px 14px;font-size:14px;font-weight:500;transition:all .2s}.date-select:hover{background-color:#f3f4f6;border-color:#d1d5db}.date-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.date-select option{color:#1a1a2e;background:#fff}.range-summary{background:#8b5cf60f;border:1px solid #8b5cf61f;border-radius:10px;gap:16px;margin-top:14px;padding:12px 16px;display:flex}.range-stat{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.range-stat svg{color:#8b5cf6;flex-shrink:0}.fps-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.fps-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;transition:all .2s;display:flex}.fps-btn:hover{background:#f3f4f6;border-color:#d1d5db}.fps-btn.selected{color:#1a1a2e;background:linear-gradient(135deg,#8b5cf614 0%,#8b5cf608 100%);border-color:#8b5cf6}.fps-value{color:#374151;font-size:20px;font-weight:700;line-height:1}.fps-btn.selected .fps-value{color:#8b5cf6}.fps-label{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-size:10px;font-weight:500}.gen-progress{background:#ff6b350a;border:1px solid #ff6b351f;border-radius:12px;margin-bottom:16px;padding:16px}.gen-progress.timelapse{background:#8b5cf60a;border-color:#8b5cf61f}.gen-progress-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.gen-progress-icon{color:#ff6b35;animation:2s ease-in-out infinite pulse}.gen-progress.timelapse .gen-progress-icon{color:#8b5cf6}.gen-progress-stage{color:#1a1a2e;flex:1;font-size:14px;font-weight:600}.gen-progress-percent{color:#ff6b35;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.gen-progress.timelapse .gen-progress-percent{color:#8b5cf6}.gen-progress-bar{background:#0000000f;border-radius:3px;height:6px;overflow:hidden}.gen-progress-fill{background:linear-gradient(90deg,#ff6b35 0%,#ff8f35 100%);border-radius:3px;height:100%;transition:width .3s}.gen-progress.timelapse .gen-progress-fill{background:linear-gradient(90deg,#8b5cf6 0%,#a78bfa 100%)}.gen-progress-details{color:#6b7280;margin:10px 0 0;font-size:12px}.gen-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#e85a2a 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:15px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #ff6b3540}.gen-submit-btn.timelapse{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 4px 14px #8b5cf640}.gen-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3559}.gen-submit-btn.timelapse:hover:not(:disabled){box-shadow:0 6px 20px #8b5cf659}.gen-submit-btn:active:not(:disabled){transform:translateY(0)}.gen-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.gen-submit-count{background:#fff3;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}@media (max-width:480px){.gen-form{padding:20px 16px}.date-chips{gap:4px}.date-chip{padding:8px 4px}.date-chip-num{font-size:16px}.fps-grid{grid-template-columns:repeat(2,1fr)}.range-summary{flex-wrap:wrap;gap:10px}}.gen-form-locked:before{background:linear-gradient(90deg,#9ca3af 0%,#6b7280 50%,#9ca3af 100%)}.gen-form-icon.locked{color:#9ca3af;background:linear-gradient(135deg,#9ca3af1f 0%,#9ca3af0a 100%)}.gen-locked-message{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px dashed #d1d5db;border-radius:12px;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.gen-locked-message svg{color:#f59e0b;margin-bottom:16px}.gen-locked-message p{color:#6b7280;max-width:320px;margin:0 0 20px;font-size:14px;line-height:1.6}.gen-locked-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #ff6b3540}.gen-locked-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3559}.live-view-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.live-view-header{padding:var(--spacing-sm)var(--spacing-md);background:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.live-view-title{align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:var(--font-size-sm);display:flex}.live-view-status{font-size:var(--font-size-xs);border-radius:var(--radius-full);margin-left:var(--spacing-sm);align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.live-view-status.connecting{color:#3b82f6;background:#3b82f61a}.live-view-status.connected{color:#22c55e;background:#22c55e1a}.live-view-status.error{color:#ef4444;background:#ef44441a}.live-view-controls{gap:var(--spacing-xs);display:flex}.live-view-btn{padding:var(--spacing-xs)var(--spacing-sm);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);cursor:pointer;font-size:var(--font-size-xs);justify-content:center;align-items:center;transition:all .2s;display:flex}.live-view-btn:hover{background:var(--accent);border-color:var(--primary)}.live-view-btn.active{color:#22c55e;background:#22c55e26;border-color:#22c55e}.live-view-btn.mode-toggle{padding:var(--spacing-xs)var(--spacing-md);gap:6px;font-weight:500}.live-view-btn.mode-toggle.stream{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.live-view-btn.mode-toggle.snapshot{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.mode-label{font-size:var(--font-size-xs)}.live-view-player{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.live-view-video,.live-view-snapshot{object-fit:contain;width:100%;height:100%}.live-view-overlay{justify-content:center;align-items:center;gap:var(--spacing-md);color:#fff;background:#000c;flex-direction:column;display:flex;position:absolute;inset:0}.live-view-overlay.error{color:#ef4444}.live-view-overlay p{font-size:var(--font-size-sm);color:var(--muted-foreground)}.live-view-footer{padding:var(--spacing-xs)var(--spacing-md);background:var(--muted);border-top:1px solid var(--border)}.snapshot-indicator,.mode-indicator{font-size:var(--font-size-xs);color:var(--muted-foreground)}.live-view-container:-webkit-full-screen{background:#000}.live-view-container:fullscreen{background:#000}.live-view-container:-webkit-full-screen .live-view-player{height:calc(100vh - 60px)}.live-view-container:fullscreen .live-view-player{height:calc(100vh - 60px)}.controls-toggle{color:#fff;cursor:pointer;z-index:10;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.controls-toggle:hover{border-color:var(--primary);background:#000c}.controls-toggle.open{right:140px}.controls-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#000000bf;border-left:1px solid #ffffff1a;flex-direction:column;gap:12px;width:130px;padding:12px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.overlay-section{flex-direction:column;gap:6px;display:flex}.overlay-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.ptz-grid-mini{grid-template-columns:repeat(3,28px);justify-content:center;gap:3px;display:grid}.ptz-btn-mini{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.ptz-btn-mini:hover{background:var(--primary);border-color:var(--primary)}.ptz-btn-mini:active{transform:scale(.9)}.ptz-btn-mini.ptz-home{background:#fff3}.zoom-controls-mini{justify-content:center;gap:3px;margin-top:4px;display:flex}.quick-controls-mini{gap:4px;display:flex}.quick-btn-mini{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;flex:1;justify-content:center;align-items:center;height:32px;transition:all .15s;display:flex}.quick-btn-mini:hover:not(:disabled){background:#fff3}.quick-btn-mini:disabled{opacity:.5;cursor:not-allowed}.quick-btn-mini.active{color:#22c55e;background:#22c55e4d;border-color:#22c55e}.quick-btn-mini.warning:hover:not(:disabled){color:#f59e0b;background:#f59e0b4d;border-color:#f59e0b}.ir-controls-mini{gap:3px;display:flex}.ir-btn-mini{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;flex:1;justify-content:center;align-items:center;height:28px;transition:all .15s;display:flex}.ir-btn-mini:hover:not(:disabled){background:#fff3}.ir-btn-mini:disabled{opacity:.5;cursor:not-allowed}.ir-btn-mini.active{background:var(--primary);border-color:var(--primary)}.detection-controls-mini{gap:4px;display:flex}.detect-btn-mini{color:#fff9;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;flex:1;justify-content:center;align-items:center;height:28px;transition:all .15s;display:flex}.detect-btn-mini:hover:not(:disabled){color:#fff;background:#fff3}.detect-btn-mini:disabled{opacity:.5;cursor:not-allowed}.detect-btn-mini.active{color:#22c55e;background:#22c55e4d;border-color:#22c55e}.quick-btn-mini.paused{color:#f59e0b;background:#f59e0b4d;border-color:#f59e0b}.recording-indicator{color:#fff;z-index:10;background:#ef4444e6;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;animation:2s ease-in-out infinite pulse-rec;display:flex;position:absolute;top:12px;left:12px}.recording-indicator svg{animation:none}@keyframes pulse-rec{0%,to{opacity:1}50%{opacity:.7}}.edit-zones-btn{color:#ffffffe6;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.edit-zones-btn:hover{background:#fff3;border-color:#fff6}.zone-canvas-overlay{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.zone-canvas-overlay.move{cursor:grab}.zone-canvas-overlay.move:active{cursor:grabbing}.zone-canvas-overlay.add{cursor:crosshair}.zone-canvas-overlay.delete{cursor:pointer}.zone-editor-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#000000d9;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:absolute;top:0;left:0;right:0}.zone-editor-left,.zone-editor-right{align-items:center;gap:10px;display:flex}.zone-type-select{color:#fff;cursor:pointer;appearance:none;background:#ffffff1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #fff3;border-radius:6px;padding:6px 28px 6px 12px;font-size:13px;font-weight:500}.zone-type-select:hover{background-color:#ffffff26;border-color:#ffffff4d}.zone-type-select:focus{border-color:var(--primary);outline:none}.zone-type-select option{color:#fff;background:#1a1a1a}.zone-edit-modes{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;gap:2px;padding:3px;display:flex}.zone-view-only-label{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.zone-mode-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:28px;transition:all .15s;display:flex}.zone-mode-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.zone-mode-btn:disabled{opacity:.3;cursor:not-allowed}.zone-mode-btn.active{background:var(--primary);color:#fff}.zone-mode-btn.delete:hover:not(:disabled){color:#ef4444;background:#ef444433}.zone-mode-btn.delete.active{color:#fff;background:#ef4444;box-shadow:0 2px 8px #ef44444d}.zone-points-count{color:#fffc;background:#ffffff1a;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.zone-message{border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500}.zone-message.success{color:#22c55e;background:#22c55e33}.zone-message.error{color:#ef4444;background:#ef444433}.zone-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.zone-btn:disabled{opacity:.5;cursor:not-allowed}.zone-btn.cancel{color:#fff;background:#ffffff1a;border:1px solid #fff3}.zone-btn.cancel:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.zone-btn.save{background:var(--primary);color:#fff}.zone-btn.save:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.zone-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:15;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:0}.live-view-container:-webkit-full-screen .controls-overlay{width:150px}.live-view-container:fullscreen .controls-overlay{width:150px}.live-view-container:-webkit-full-screen .controls-toggle.open{right:158px}.live-view-container:fullscreen .controls-toggle.open{right:158px}.live-view-container:-webkit-full-screen .zone-editor-toolbar{padding:12px 24px}.live-view-container:fullscreen .zone-editor-toolbar{padding:12px 24px}@media (max-width:768px){.zone-editor-toolbar,.zone-editor-left,.zone-editor-right{flex-wrap:wrap;gap:8px}.zone-type-select{min-width:140px}.zone-btn{padding:6px 10px;font-size:12px}.zone-btn span{display:none}}.event-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.event-modal{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.event-modal-header{border-bottom:1px solid var(--border);background:var(--card);padding:20px 24px;position:relative}.event-modal-header .header-accent{background:linear-gradient(90deg,var(--primary)0%,transparent 100%);height:3px;position:absolute;top:0;left:0;right:0}.event-modal-header .header-content h2{color:var(--foreground);margin:0;font-size:18px;font-weight:600}.event-modal-header .header-content p{color:var(--muted-foreground);margin:4px 0 0;font-size:12px}.event-modal-header .close-btn{border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.event-modal-header .close-btn:hover{background:var(--muted);color:var(--foreground)}.event-modal-loading{color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.event-message{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 24px;font-size:13px;display:flex}.event-message.success{color:#22c55e;background:#22c55e1a}.event-message.error{color:#ef4444;background:#ef44441a}.event-section{flex:1;padding:0;overflow-y:auto}.event-section-header{border-bottom:1px solid var(--border);background:var(--card);padding:16px 24px}.event-section-header h3{color:var(--foreground);margin:0;font-size:15px;font-weight:600}.event-state{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.event-state label{color:var(--foreground);font-size:13px;font-weight:500}.toggle-group{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:0;display:flex;overflow:hidden}.toggle-btn{background:var(--muted);width:36px;height:36px;color:var(--primary);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.toggle-btn.inactive{color:var(--muted-foreground);opacity:.5}.toggle-btn:hover{background:var(--secondary)}.state-btn{background:var(--background);cursor:pointer;border:none;min-width:100px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.state-btn.enabled{color:#22c55e;background:#22c55e1a}.state-btn.disabled{color:#ef4444;background:#ef44441a}.event-tabs{border-bottom:1px solid var(--border);background:var(--card);padding:0 24px;display:flex}.event-tab{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:13px;font-weight:500;transition:all .15s}.event-tab:hover{color:var(--foreground)}.event-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{padding:20px 24px}.zone-editor{margin-bottom:20px}.zone-canvas-container{border-radius:var(--radius-lg);background:#000;width:100%;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,inset 0 0 0 1px #ffffff1a}.zone-canvas-container:before{content:"";border-radius:var(--radius-lg);background:var(--border);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.zone-image{width:100%;height:auto;display:block}.zone-canvas{cursor:crosshair;width:100%;height:100%;transition:cursor .15s;position:absolute;top:0;left:0}.zone-canvas:active{cursor:grabbing}.zone-placeholder{background:linear-gradient(135deg,var(--muted)0%,#3b82f60d 100%);border-radius:var(--radius-lg);height:300px;color:var(--muted-foreground);border:2px dashed var(--border);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.zone-info{color:var(--muted-foreground);text-align:center;background:var(--muted);border-radius:var(--radius-full);border:1px solid var(--border);justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;font-size:12px;display:flex}.zone-info:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px}.zone-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.zone-toolbar-title{color:#ffffffe6;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.zone-toolbar-title svg{color:var(--primary)}.zone-point-count{color:#fff;background:var(--primary);border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:600}.zone-edit-toolbar{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.edit-mode-buttons{background:var(--background);border-radius:var(--radius);border:1px solid var(--border);gap:4px;padding:4px;display:flex}.edit-mode-btn{border-radius:var(--radius);color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.edit-mode-btn:hover:not(:disabled){background:var(--muted);color:var(--foreground)}.edit-mode-btn.active{background:var(--primary);color:#fff}.edit-mode-btn.delete:hover:not(:disabled){color:#ef4444;background:#ef44441a}.edit-mode-btn.delete.active{color:#fff;background:#ef4444;box-shadow:0 2px 8px #ef44444d}.edit-mode-btn:disabled{opacity:.4;cursor:not-allowed}.reset-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.reset-btn:hover{background:var(--muted);color:var(--foreground);border-color:var(--foreground)}.zone-canvas.add{cursor:crosshair!important}.zone-canvas.delete{cursor:pointer!important}.detection-targets{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.detection-targets:first-of-type{border-top:none;margin-top:16px}.target-label{color:var(--foreground);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.schedule-timeline{background:var(--muted);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:20px;padding:16px}.timeline-header{align-items:center;margin-bottom:8px;display:flex}.timeline-day-label{width:40px;color:var(--muted-foreground);text-transform:uppercase;font-size:11px;font-weight:600}.timeline-hours{flex:1;justify-content:space-between;padding:0 2px;display:flex}.timeline-hour{color:var(--muted-foreground);font-size:10px;font-weight:500}.timeline-row{align-items:center;margin-bottom:4px;display:flex}.timeline-bar{background:var(--background);border:1px solid var(--border);border-radius:4px;flex:1;height:20px;position:relative;overflow:hidden}.timeline-armed{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:3px;position:absolute;top:0;bottom:0}.timeline-legend{border-top:1px solid var(--border);gap:16px;margin-top:12px;padding-top:12px;display:flex}.legend-item{color:var(--muted-foreground);align-items:center;gap:6px;font-size:11px;display:flex}.legend-armed{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:3px;width:12px;height:12px}.legend-disarmed{background:var(--background);border:1px solid var(--border);border-radius:3px;width:12px;height:12px}.schedule-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.schedule-header{background:var(--muted);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:120px 80px 1fr 1fr;gap:12px;padding:12px 16px;font-size:12px;font-weight:600;display:grid}.schedule-row{border-top:1px solid var(--border);grid-template-columns:120px 80px 1fr 1fr;align-items:center;gap:12px;padding:10px 16px;display:grid}.schedule-row:hover{background:var(--muted)}.schedule-row .day-name{color:var(--foreground);font-size:13px;font-weight:500}.schedule-row input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.schedule-row input[type=time]{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);padding:6px 10px;font-size:13px}.schedule-row input[type=time]:disabled{background:var(--muted);color:var(--muted-foreground);opacity:.6}.event-modal-footer{border-top:1px solid var(--border);background:var(--card);align-items:center;gap:12px;padding:16px 24px;display:flex}.event-modal-footer .btn{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.event-modal-footer .btn-primary{background:var(--primary);color:#fff;border:none}.event-modal-footer .btn-primary:hover:not(:disabled){background:var(--primary-hover)}.event-modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.event-modal-footer .btn-secondary{border:1px solid var(--border);color:var(--foreground);background:0 0}.event-modal-footer .btn-secondary:hover{background:var(--muted)}@media (max-width:600px){.event-modal{border-radius:0;max-height:100vh}.schedule-header,.schedule-row{grid-template-columns:80px 60px 1fr 1fr;gap:8px;padding:10px 12px}.schedule-row .day-name{font-size:12px}.event-modal-footer{flex-direction:column}.event-modal-footer .btn{justify-content:center;width:100%}}.camera-control-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.control-panel-header{padding:var(--spacing-md)var(--spacing-lg);background:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.control-panel-title{align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.refresh-btn{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--muted-foreground);justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.refresh-btn:hover{background:var(--accent);color:var(--primary)}.control-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm);display:flex}.control-message.success{color:#22c55e;background:#22c55e1a}.control-message.error{color:#ef4444;background:#ef44441a}.control-loading,.control-offline{padding:var(--spacing-2xl);justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--muted-foreground);flex-direction:column;display:flex}.control-offline{color:var(--destructive)}.control-sections{padding:var(--spacing-md)}.quick-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.quick-action-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--foreground);flex-direction:column;flex:1;font-weight:500;transition:all .2s;display:flex}.quick-action-btn:hover{background:var(--accent);border-color:var(--primary)}.quick-action-btn.active{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.quick-action-btn.danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.control-section{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden}.control-section:last-child{margin-bottom:0}.control-section-header{padding:var(--spacing-sm)var(--spacing-md);background:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;transition:background .2s;display:flex}.control-section-header:hover{background:var(--accent)}.control-section-title{align-items:center;gap:var(--spacing-sm);font-weight:500;font-size:var(--font-size-sm);display:flex}.control-section-title svg{color:var(--primary)}.control-section-content{padding:var(--spacing-md);background:var(--background)}.ptz-controls{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.ptz-grid{gap:var(--spacing-xs);grid-template-columns:repeat(3,48px);display:grid}.ptz-btn{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:48px;height:48px;color:var(--foreground);justify-content:center;align-items:center;transition:all .2s;display:flex}.ptz-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.ptz-btn:active{transform:scale(.95)}.ptz-btn.ptz-home{background:var(--accent)}.ptz-spacer{width:48px;height:48px}.ptz-zoom{gap:var(--spacing-md);display:flex}.status-badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.status-badge.success{color:#22c55e;background:#22c55e1a}.status-badge.error{color:#ef4444;background:#ef44441a}.detection-status{gap:var(--spacing-sm);flex-direction:column;display:flex}.detection-item{padding:var(--spacing-xs)0;justify-content:space-between;align-items:center;display:flex}.detection-label{font-size:var(--font-size-sm);color:var(--foreground)}.detection-controls{align-items:center;gap:var(--spacing-sm);display:flex}.detection-settings-btn{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.detection-settings-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.storage-info,.device-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.storage-item,.info-row{font-size:var(--font-size-sm);padding:var(--spacing-xs)0;border-bottom:1px solid var(--border);justify-content:space-between;display:flex}.storage-item:last-child,.info-row:last-child{border-bottom:none}.info-row span:first-child{color:var(--muted-foreground)}.info-row span:last-child{color:var(--foreground);font-family:monospace}.section-badge{background:var(--warning);color:var(--warning-foreground,#000);border-radius:var(--radius-full);margin-left:var(--spacing-sm);padding:2px 6px;font-size:10px;font-weight:600}.toggle-switch{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;padding:0;transition:all .2s;position:relative}.toggle-switch.on{background:var(--primary);border-color:var(--primary)}.toggle-switch .toggle-slider{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.on .toggle-slider{transform:translate(20px)}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.detection-toggle{align-items:center;display:flex}.action-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--foreground);font-weight:500;transition:all .2s;display:inline-flex}.action-btn:hover:not(:disabled){background:var(--accent);border-color:var(--primary)}.action-btn.warning{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}.action-btn.warning:hover:not(:disabled){background:#f59e0b33}.action-btn.success{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.action-btn.success:hover:not(:disabled){background:#22c55e33}.action-btn.danger{color:#ef4444;background:#ef44441a;border-color:#ef4444}.action-btn.danger:hover:not(:disabled){background:#ef444433}.control-row{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.quick-action-btn.warning{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}.pause-controls{gap:var(--spacing-md);flex-direction:column;display:flex}.pause-duration{align-items:center;gap:var(--spacing-sm);display:flex}.pause-duration label{font-size:var(--font-size-sm);color:var(--muted-foreground)}.pause-duration select{padding:var(--spacing-sm)var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--foreground);flex:1}.pause-info{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--muted);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.pause-label{font-size:var(--font-size-xs);color:var(--muted-foreground)}.pause-event-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);text-transform:capitalize;padding:2px 6px;font-size:10px;font-weight:600}.ir-mode-buttons{gap:var(--spacing-sm);display:flex}.ir-mode-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--foreground);flex-direction:column;flex:1;font-weight:500;transition:all .2s;display:flex}.ir-mode-btn:hover:not(:disabled){background:var(--accent);border-color:var(--primary)}.ir-mode-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.ir-mode-btn:disabled{opacity:.5;cursor:not-allowed}.ftp-control{gap:var(--spacing-md);flex-direction:column;display:flex}.ftp-info{gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--muted);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--muted-foreground);flex-direction:column;display:flex}.storage-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.recording-calendar{gap:var(--spacing-md);flex-direction:column;display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{aspect-ratio:1;background:var(--muted);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--muted-foreground);justify-content:center;align-items:center;transition:all .2s;display:flex}.calendar-day.has-recording{color:#22c55e;background:#22c55e33;font-weight:600}.calendar-legend{gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--muted-foreground);justify-content:center;display:flex}.legend-item{align-items:center;gap:4px;display:flex}.legend-dot{background:var(--muted);border-radius:2px;width:10px;height:10px}.legend-dot.has-recording{background:#22c55e66}.playback-player-container{z-index:1000;background:#0f0f1a;flex-direction:column;display:flex;position:fixed;inset:0}.playback-header{background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.playback-title{color:#fff;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.playback-title svg{color:#f97316}.playback-close{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.playback-close:hover{color:#ef4444;background:#ef444433}.playback-content{flex:1;display:flex;overflow:hidden}.playback-sidebar{background:#0003;border-right:1px solid #ffffff1a;flex-direction:column;width:280px;display:flex;overflow:hidden}.date-selector{border-bottom:1px solid #ffffff1a;padding:16px}.month-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.month-nav span{color:#fff;font-size:14px;font-weight:500}.month-nav button{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.month-nav button:hover{color:#f97316;background:#f9731633}.date-input{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.date-input:focus{border-color:#f97316;outline:none}.date-input::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.days-loading{color:#ffffff80;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.calendar-grid{margin-top:12px}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.calendar-weekdays .weekday{text-align:center;color:#fff6;text-transform:uppercase;font-size:10px;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-day{aspect-ratio:1;color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex;position:relative}.calendar-day:hover:not(.empty){color:#fff;background:#ffffff1a}.calendar-day.empty{cursor:default}.calendar-day.has-recording{color:#fff;font-weight:500}.calendar-day.has-recording:after{content:"";background:#f97316;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.calendar-day.selected{color:#fff;background:#f97316;font-weight:600}.calendar-day.selected:after{background:#fff}.calendar-day.today:not(.selected){border:1px solid #f9731680}.day-nav{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.day-nav button{color:#fff9;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;transition:all .15s;display:flex}.day-nav button:hover{color:#f97316;background:#f9731626}.day-nav .current-day{color:#fff;font-size:13px;font-weight:600}.timeline-section{border-bottom:1px solid #ffffff1a;padding:12px}.timeline-header{text-transform:uppercase;color:#ffffff80;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.timeline-container{position:relative}.timeline-hours{color:#ffffff59;justify-content:space-between;margin-bottom:6px;font-family:SF Mono,Monaco,monospace;font-size:9px;display:flex}.timeline-bar{background:#ffffff0d;border-radius:4px;height:28px;position:relative;overflow:hidden}.timeline-grid{pointer-events:none;position:absolute;inset:0}.timeline-grid .grid-line{background:#ffffff1a;width:1px;position:absolute;top:0;bottom:0}.timeline-segment{cursor:pointer;z-index:1;background:#f97316;border:none;border-radius:3px;min-width:4px;height:20px;transition:all .15s;position:absolute;top:4px}.timeline-segment:hover{background:#fb923c;transform:scaleY(1.1)}.timeline-segment.active{background:#ea580c;box-shadow:0 0 8px #f9731680}.timeline-segment:disabled{opacity:.5;cursor:not-allowed}.recordings-list{flex-direction:column;flex:1;padding:12px;display:flex;overflow:hidden}.recordings-header{text-transform:uppercase;color:#ffffff80;align-items:center;gap:8px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.recordings-scroll{flex:1;overflow-y:auto}.no-recordings{text-align:center;color:#ffffff59;padding:16px;font-size:12px}.recording-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;padding:10px 12px;transition:all .15s;display:flex}.recording-item:hover{background:#ffffff14;border-color:#ffffff1a}.recording-item:hover .recording-play-icon{color:#f97316}.recording-item.active{background:#f9731626;border-color:#f973164d}.recording-item:disabled{opacity:.5;cursor:not-allowed}.recording-info{align-items:center;gap:12px;display:flex}.recording-time{color:#fff;font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:500}.recording-duration{color:#fff6;font-family:SF Mono,Monaco,monospace;font-size:11px}.recording-play-icon{color:#ffffff4d;transition:color .15s}.playback-player{background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.player-placeholder,.player-loading,.player-error{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.player-placeholder svg,.player-loading svg,.player-error svg{opacity:.5}.player-loading span{color:#ffffff4d;font-size:12px}.prepare-progress{width:300px;margin-top:16px}.prepare-progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.prepare-progress-fill{background:#f97316;border-radius:3px;height:100%;transition:width .3s}.prepare-progress-text{color:#ffffff80;text-align:center;margin-top:8px;font-size:12px;display:block}.player-error{color:#ef4444}.player-error button{color:#f97316;cursor:pointer;background:#f9731633;border:1px solid #f973164d;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .2s}.player-error button:hover{background:#f973164d}.video-element{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.video-element.visible{opacity:1}.video-controls{background:linear-gradient(#0000,#000c);padding:0 20px 20px;position:absolute;bottom:0;left:0;right:0}.progress-bar{cursor:pointer;background:#fff3;border-radius:2px;height:4px;margin-bottom:12px;transition:height .2s}.progress-bar:hover{height:6px}.progress-fill{background:#f97316;border-radius:2px;height:100%;transition:width .1s linear}.controls-row{justify-content:space-between;align-items:center;display:flex}.controls-left,.controls-right{align-items:center;gap:8px;display:flex}.controls-row button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.controls-row button:hover{background:#fff3}.controls-row button.play-btn{background:#f97316;width:48px;height:48px}.controls-row button.play-btn:hover{background:#ea580c}.time-display{color:#ffffffb3;margin-left:8px;font-family:SF Mono,Monaco,monospace;font-size:13px}.recordings-scroll::-webkit-scrollbar{width:6px}.recordings-scroll::-webkit-scrollbar-track{background:0 0}.recordings-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@media (max-width:768px){.playback-content{flex-direction:column}.playback-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;max-height:50%}.playback-player{min-height:300px}.calendar-grid{display:none}.day-nav{padding:8px 10px}.day-nav button span{display:none}.timeline-section{padding:10px}.timeline-bar{height:24px}.timeline-segment{height:18px;top:3px}.recordings-list{padding:8px}.recording-item{padding:8px 10px}}.feature-gate-loading{color:#666;justify-content:center;align-items:center;gap:8px;padding:40px;font-size:14px;display:flex}.feature-gate-loading .spinner,.feature-gate-inline-loading .spinner{animation:1s linear infinite spin}.feature-gate-inline-loading,.feature-gate-inline-locked{color:#888;align-items:center;gap:4px;font-size:12px;display:inline-flex}.feature-gate-inline-locked{color:#666;background:#f5f5f5;border-radius:4px;padding:4px 8px}.feature-gate-locked{text-align:center;background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:48px 24px;display:flex}.feature-gate-icon{color:#999;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.feature-gate-content{max-width:320px}.feature-gate-title{color:#1a1a1a;margin:0 0 8px;font-size:20px;font-weight:600}.feature-gate-description{color:#666;margin:0 0 16px;font-size:14px;line-height:1.5}.feature-gate-price{color:#c2410c;background:#fff7ed;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.feature-gate-price svg{color:#f59e0b}.feature-gate-cta{color:#888;align-items:center;gap:6px;font-size:13px;display:flex}.feature-gate-cta svg{color:#f59e0b}.feature-badge{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.feature-badge.enabled{color:#059669;background:#ecfdf5}.feature-badge.disabled{color:#888;background:#f5f5f5}.feature-badge-icon{font-size:12px}.feature-badge-price{opacity:.8;margin-left:4px;font-size:10px}.feature-list-compact{flex-wrap:wrap;gap:4px;display:flex}.feature-list{flex-direction:column;gap:8px;display:flex}.feature-list-item{background:#f9f9f9;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.feature-list-item.enabled{background:#f0fdf4}.feature-list-item.disabled{color:#888;background:#fafafa}.feature-list-icon{font-size:16px}.feature-list-name{flex:1;font-weight:500}.feature-list-status{color:#059669;font-size:12px}.feature-list-status.locked{color:#888;align-items:center;gap:4px;display:flex}.feature-list-source{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:2px 6px;font-size:10px}.camera-detail-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.camera-detail-panel.loading,.camera-detail-panel.error{padding:var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--muted-foreground);display:flex}.camera-detail-panel.error{color:var(--destructive)}.camera-detail-panel-header{padding:var(--spacing-md)var(--spacing-lg);cursor:pointer;background:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;transition:background .2s;display:flex}.camera-detail-panel-header:hover{background:var(--accent)}.camera-detail-panel-title{align-items:center;gap:var(--spacing-sm);color:var(--foreground);font-weight:600;display:flex}.camera-detail-badge{font-size:var(--font-size-xs);background:var(--primary);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;padding:2px 8px;font-weight:500}.camera-detail-panel-content{padding:var(--spacing-lg)}.camera-tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs);background:var(--muted);border-radius:var(--radius-md);display:flex}.camera-tab{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);color:var(--muted-foreground);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:all .2s;display:flex}.camera-tab:hover{background:var(--background);color:var(--foreground)}.camera-tab.active{background:var(--background);color:var(--primary);box-shadow:0 1px 3px #0000001a}.camera-tab svg{flex-shrink:0}.quick-access{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.quick-access-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--primary);color:#fff;border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);flex:1;text-decoration:none;transition:all .2s;display:flex}.quick-access-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.quick-access-btn.secondary{background:var(--secondary);color:var(--secondary-foreground)}.quick-access-btn.secondary:hover{background:var(--accent)}.sibling-cameras{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--muted);border-radius:var(--radius-md)}.sibling-cameras-title{font-size:var(--font-size-sm);color:var(--muted-foreground);margin-bottom:var(--spacing-sm);font-weight:500}.sibling-cameras-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.sibling-camera-card{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.sibling-camera-card.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.sibling-camera-icon{color:var(--muted-foreground)}.sibling-camera-position{text-transform:capitalize;font-weight:600}.sibling-camera-model{font-size:var(--font-size-xs);color:var(--muted-foreground)}.sibling-camera-port{font-family:monospace;font-size:var(--font-size-xs);color:var(--primary)}.detail-section{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden}.detail-section:last-child{margin-bottom:0}.detail-section-header{padding:var(--spacing-sm)var(--spacing-md);background:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;transition:background .2s;display:flex}.detail-section-header:hover{background:var(--accent)}.detail-section-title{align-items:center;gap:var(--spacing-sm);font-weight:500;font-size:var(--font-size-sm);color:var(--foreground);display:flex}.detail-section-title svg{color:var(--primary)}.detail-section-content{padding:var(--spacing-md);background:var(--background)}.detail-row{padding:var(--spacing-xs)0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--font-size-sm);color:var(--muted-foreground);flex-shrink:0;min-width:120px}.detail-value{font-size:var(--font-size-sm);color:var(--foreground);word-break:break-all;align-items:center;gap:var(--spacing-xs);text-align:right;flex:1;justify-content:flex-end;font-family:monospace;display:flex}.detail-link{color:var(--primary);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.detail-link:hover{text-decoration:underline}.copy-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--muted-foreground);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.copy-btn:hover{background:var(--muted);color:var(--foreground)}.copy-btn svg{width:14px;height:14px}.camera-notes{font-size:var(--font-size-sm);color:var(--foreground);white-space:pre-wrap;line-height:1.5}.camera-timestamps{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border);font-size:var(--font-size-xs);color:var(--muted-foreground);justify-content:space-between;display:flex}@media (max-width:768px){.quick-access{flex-direction:column}.detail-row{gap:var(--spacing-xs);flex-direction:column}.detail-label{min-width:unset}.detail-value{text-align:left;justify-content:flex-start}.camera-timestamps{gap:var(--spacing-xs);flex-direction:column}}.fleet-health-bar{margin:var(--spacing-xl)0 var(--spacing-lg)}.fleet-health-inner{padding:0 var(--spacing-sm);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;display:flex;position:relative;overflow:hidden}.fleet-health-inner:before{content:"";background:linear-gradient(90deg,var(--primary)0%,transparent 100%);height:3px;position:absolute;top:0;left:0;right:0}.fleet-stat{cursor:pointer;color:var(--foreground);background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;transition:background .15s;display:flex}.fleet-stat:hover:not(:disabled){background:var(--muted)}.fleet-stat:disabled{cursor:default;opacity:.5}.fleet-stat.active{background:#ff6b351a}.fleet-stat.online svg{color:var(--success)}.fleet-stat.offline svg{color:var(--muted-foreground)}.fleet-stat.units{cursor:default;flex-direction:column;gap:2px;padding:8px 20px}.led{border-radius:50%;flex-shrink:0;width:8px;height:8px}.led.red{background:#ef4444;box-shadow:0 0 8px #ef4444}.led.yellow{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.led.green{background:#22c55e;box-shadow:0 0 8px #22c55e}.stat-value.large{font-size:22px;font-weight:700;line-height:1}.stat-label{letter-spacing:.5px;color:var(--muted-foreground);text-transform:uppercase;font-size:10px;font-weight:500}.stat-divider{background:var(--border);flex-shrink:0;width:1px;height:28px}.fleet-details-btn{border-radius:var(--radius);color:var(--primary);letter-spacing:.5px;cursor:pointer;background:#ff6b351a;border:1px solid #ff6b354d;align-items:center;gap:4px;margin-left:auto;margin-right:8px;padding:8px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:flex}.fleet-details-btn:hover{border-color:var(--primary);background:#ff6b3526}.fleet-details-btn svg{transition:transform .15s}.fleet-details-btn:hover svg{transform:translate(2px)}.active-filter-indicator{border:1px solid var(--border);border-radius:0 0 var(--radius)var(--radius);color:var(--primary);background:#ff6b3514;border-top:none;justify-content:center;align-items:center;gap:12px;padding:8px 12px;font-size:11px;font-weight:500;display:flex}.active-filter-indicator button{background:var(--muted);color:var(--foreground);cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:11px;transition:background .15s}.active-filter-indicator button:hover{background:var(--secondary)}@media (max-width:768px){.fleet-health-inner{flex-wrap:wrap;justify-content:center;gap:4px;padding:8px}.fleet-stat{padding:8px 12px}.stat-label,.stat-divider{display:none}.fleet-stat.units{padding:8px 16px}.stat-value.large{font-size:18px}.fleet-details-btn{margin:0}.fleet-details-btn span{display:none}}.fleet-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fleet-modal{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:700px;max-height:85vh;font-family:JetBrains Mono,SF Mono,monospace;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.fleet-modal-header{border-bottom:1px solid var(--border);background:var(--card);padding:20px 24px;position:relative}.header-accent{background:linear-gradient(90deg,var(--primary)0%,transparent 100%);height:3px;position:absolute;top:0;left:0;right:0}.header-content h2{color:var(--foreground);letter-spacing:-.5px;margin:0;font-size:18px;font-weight:600}.header-content p{color:var(--muted-foreground);margin:4px 0 0;font-size:12px}.close-btn{border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.close-btn:hover{background:var(--muted);color:var(--foreground)}.summary-cards{background:var(--card);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;display:grid}.summary-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .15s;display:flex}.summary-card:hover{border-color:var(--muted-foreground)}.summary-card.active{border-color:var(--primary);background:#ff6b350d}.summary-card svg{opacity:.6}.summary-card.online svg{color:var(--success)}.summary-card.offline svg{color:var(--error)}.summary-card.battery svg{color:#f59e0b}.summary-card.signal svg{color:#3b82f6}.summary-card.active svg{opacity:1}.card-value{color:var(--foreground);font-size:24px;font-weight:700;line-height:1}.card-label{letter-spacing:.5px;color:var(--muted-foreground);text-transform:uppercase;font-size:9px;font-weight:500}.breakdown-row{background:var(--card);border-bottom:1px solid var(--border);gap:24px;padding:12px 24px;display:flex}.breakdown-group{flex:1}.breakdown-title{letter-spacing:.5px;color:var(--muted-foreground);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.breakdown-items{flex-wrap:wrap;gap:8px;display:flex}.breakdown-items .item{color:var(--foreground);align-items:center;gap:4px;font-size:11px;display:inline-flex}.breakdown-items .item.excellent:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px}.breakdown-items .item.good:before{content:"";background:#3b82f6;border-radius:50%;width:6px;height:6px}.breakdown-items .item.fair:before{content:"";background:#f59e0b;border-radius:50%;width:6px;height:6px}.breakdown-items .item.poor:before{content:"";background:var(--error);border-radius:50%;width:6px;height:6px}.sort-controls{background:var(--background);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.results-count{color:var(--muted-foreground);font-size:11px}.sort-buttons{gap:4px;display:flex}.sort-buttons button{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground);cursor:pointer;background:0 0;padding:4px 10px;font-family:inherit;font-size:10px;font-weight:500;transition:all .15s}.sort-buttons button:hover{border-color:var(--muted-foreground);color:var(--foreground)}.sort-buttons button.active{border-color:var(--primary);color:var(--primary);background:#ff6b351a}.unit-list{background:var(--background);flex:1;padding:8px;overflow-y:auto}.unit-row{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:4px;padding:12px 16px;transition:all .15s;display:flex}.unit-row:hover{background:var(--muted);border-color:var(--muted-foreground)}.unit-row.offline{opacity:.7}.unit-row.offline:hover{opacity:1}.unit-identity{align-items:center;gap:10px;min-width:0;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.offline{background:var(--error);box-shadow:0 0 6px var(--error)}.unit-no{color:var(--foreground);letter-spacing:.5px;font-size:13px;font-weight:600}.unit-status{color:var(--muted-foreground);text-transform:uppercase;font-size:10px;font-weight:500}.unit-row.online .unit-status{color:var(--success)}.unit-row.offline .unit-status{color:var(--error)}.last-seen{color:var(--muted-foreground);font-size:10px}.unit-metrics{flex-shrink:0;align-items:center;gap:16px;display:flex}.signal-bars{flex-shrink:0;align-items:center;gap:6px;width:70px;display:flex}.signal-bars .bars{align-items:flex-end;gap:2px;height:16px;display:flex}.signal-bars .bar{background:var(--border);border-radius:1px;width:4px}.signal-bars .bar:first-child{height:4px}.signal-bars .bar:nth-child(2){height:8px}.signal-bars .bar:nth-child(3){height:12px}.signal-bars .bar:nth-child(4){height:16px}.signal-bars .bar.active{background:var(--muted-foreground)}.signal-bars.excellent .bar.active{background:var(--success)}.signal-bars.good .bar.active{background:#3b82f6}.signal-bars.fair .bar.active{background:#f59e0b}.signal-bars.poor .bar.active{background:var(--error)}.signal-bars .dbm{color:var(--muted-foreground);min-width:36px;font-size:10px}.battery-gauge{flex-shrink:0;align-items:center;gap:6px;width:90px;display:flex}.gauge-track{background:var(--border);border-radius:4px;width:40px;height:10px;overflow:hidden}.gauge-fill{height:100%;transition:width .3s}.battery-gauge.charging .gauge-fill,.battery-gauge.full .gauge-fill{background:var(--success)}.battery-gauge.good .gauge-fill{background:#3b82f6}.battery-gauge.low .gauge-fill{background:#f59e0b}.battery-gauge.critical .gauge-fill{background:var(--error)}.battery-gauge.unknown .gauge-fill{background:var(--muted-foreground)}.battery-gauge .voltage{color:var(--muted-foreground);min-width:36px;font-size:10px}.conn-type{color:var(--foreground);background:var(--muted);text-align:center;border-radius:4px;flex-shrink:0;width:60px;padding:2px 6px;font-size:10px;font-weight:600}.no-results{text-align:center;color:var(--muted-foreground);padding:40px 20px;font-size:13px}.unit-list::-webkit-scrollbar{width:6px}.unit-list::-webkit-scrollbar-track{background:var(--background)}.unit-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.unit-list::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}@media (max-width:600px){.fleet-modal{max-height:95vh}.summary-cards{grid-template-columns:repeat(2,1fr)}.breakdown-row{flex-direction:column;gap:12px}.unit-row{flex-direction:column;align-items:flex-start;gap:8px}.unit-metrics{justify-content:space-between;width:100%}}.unit-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.unit-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s;overflow:hidden}.unit-card:hover,.unit-card.expanded{border-color:var(--primary)}.unit-card.offline{border-left:3px solid #ef4444}.unit-card.online{border-left:3px solid #22c55e}.unit-card-header{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 12px 4px;display:flex}.unit-left{align-items:center;gap:8px;display:flex}.unit-expand-icon{color:var(--muted-foreground);flex-shrink:0;display:flex}.unit-led{border-radius:50%;flex-shrink:0;width:8px;height:8px}.unit-led.online{background:#22c55e;box-shadow:0 0 6px #22c55e}.unit-led.offline{background:#ef4444;box-shadow:0 0 6px #ef4444}.unit-name{color:var(--foreground);font-size:15px;font-weight:600}.unit-camera-count{color:var(--primary);background:#ff6b351a;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:600;display:flex}.unit-status-row{cursor:pointer;align-items:center;gap:12px;padding:4px 12px 12px 36px;display:flex}.unit-status-text{letter-spacing:.5px;font-size:10px;font-weight:600}.unit-status-text.online{color:#22c55e}.unit-status-text.offline{color:#ef4444}.unit-status-time{color:var(--muted-foreground);font-size:11px}.unit-metrics{align-items:center;gap:10px;margin-left:auto;display:flex}.signal-bars{align-items:flex-end;gap:2px;height:12px;display:flex}.signal-bar{background:var(--border);border-radius:1px;width:3px}.signal-bar:first-child{height:3px}.signal-bar:nth-child(2){height:6px}.signal-bar:nth-child(3){height:9px}.signal-bar:nth-child(4){height:12px}.signal-bar.filled{background:var(--primary)}.battery-indicator{align-items:center;gap:4px;display:flex}.battery-shell{border:1px solid var(--muted-foreground);border-radius:2px;width:20px;height:10px;padding:1px;position:relative}.battery-shell:after{content:"";background:var(--muted-foreground);border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:2px;right:-3px}.battery-fill{border-radius:1px;height:100%;transition:width .3s}.battery-voltage{color:var(--muted-foreground);font-family:monospace;font-size:10px}.unit-conn-badge{background:var(--muted);color:var(--muted-foreground);text-transform:uppercase;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:600}.unit-cameras{border-top:1px solid var(--border);background:var(--muted);max-height:240px;overflow-y:auto}.unit-camera-row{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.unit-camera-row:last-child{border-bottom:none}.unit-camera-row:hover{background:var(--secondary)}.simple-thumbnail{object-fit:cover;border-radius:4px;flex-shrink:0;width:36px;height:36px}.simple-thumbnail.placeholder{background:var(--border);color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.camera-info{flex:1;min-width:0}.camera-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.camera-position{color:var(--muted-foreground);text-transform:capitalize;font-size:10px}.camera-images{color:var(--muted-foreground);white-space:nowrap;font-size:10px}@media (max-width:640px){.unit-grid{grid-template-columns:1fr}.unit-metrics{display:none}}.user-management{max-width:1400px;margin:0 auto;padding:24px}.access-denied{text-align:center;min-height:400px;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;display:flex}.access-denied svg{opacity:.5;margin-bottom:16px}.access-denied h2{color:var(--foreground);margin:0 0 8px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.um-back-btn{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.um-back-btn:hover{background:var(--border);color:var(--primary)}.header-left svg{color:var(--primary)}.um-back-btn svg{color:inherit}.header-left h1{color:var(--foreground);margin:0;font-size:24px;font-weight:600}.user-count{background:var(--muted);color:var(--muted-foreground);border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.btn-primary:hover{background:var(--primary-hover,#ea580c)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--muted);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s}.btn-secondary:hover{background:var(--border)}.toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-bar{flex:1;align-items:center;max-width:400px;display:flex;position:relative}.search-bar svg{color:var(--muted-foreground);pointer-events:none;position:absolute;left:12px}.search-bar input{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--foreground);padding:10px 36px;font-size:14px;transition:border-color .15s}.search-bar input:focus{border-color:var(--primary);outline:none}.search-bar input::placeholder{color:var(--muted-foreground)}.clear-search{width:24px;height:24px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:8px}.clear-search:hover{color:var(--foreground)}.error-banner{border-radius:var(--radius);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;margin-bottom:16px;padding:12px 16px;font-size:14px}.loading-state{color:var(--muted-foreground);justify-content:center;align-items:center;padding:60px;font-size:14px;display:flex}.users-table-wrapper{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:14px}.users-table th{text-align:left;color:var(--muted-foreground);background:var(--muted);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:12px 16px;font-weight:500}.users-table th:hover{color:var(--foreground)}.users-table th svg{vertical-align:middle;margin-left:4px;display:inline}.users-table td{border-bottom:1px solid var(--border);color:var(--foreground);padding:12px 16px}.users-table tr:last-child td{border-bottom:none}.users-table tr.disabled td{opacity:.5}.username-cell{align-items:center;gap:8px;display:flex}.username{font-weight:500}.admin-badge{color:var(--primary)}.email-cell{color:var(--muted-foreground)}.name-cell{min-width:140px}.roles-cell{min-width:200px}.role-tags{flex-wrap:wrap;gap:4px;display:flex}.role-tag{background:var(--muted);color:var(--muted-foreground);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.role-tag.more{background:var(--primary);color:#fff}.status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.status-badge.active{color:#22c55e;background:#22c55e26}.status-badge.disabled{color:#ef4444;background:#ef444426}.actions-cell{white-space:nowrap;gap:4px;display:flex}.action-btn{border-radius:var(--radius);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.action-btn:hover{background:var(--muted);color:var(--foreground);border-color:var(--border)}.action-btn.danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.action-btn:disabled{opacity:.3;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--foreground);margin:0;font-size:18px;font-weight:600}.user-modal{max-width:600px}.user-modal form{padding:24px}.error-message{border-radius:var(--radius);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;margin-bottom:16px;padding:12px;font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group label{color:var(--muted-foreground);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--foreground);padding:10px 12px;font-size:14px;transition:border-color .15s}.form-group input:focus{border-color:var(--primary);outline:none}.password-input{position:relative}.password-input input{padding-right:40px}.toggle-password{width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toggle-password:hover{color:var(--foreground)}.roles-grid{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:8px;max-height:200px;padding:12px;display:grid;overflow-y:auto}.role-checkbox{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:8px;transition:background .15s;display:flex}.role-checkbox:hover{background:var(--muted)}.role-checkbox input{display:none}.role-checkbox .checkmark{background:var(--background);border:1px solid var(--border);color:#0000;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.role-checkbox input:checked+.checkmark{background:var(--primary);border-color:var(--primary);color:#fff}.role-checkbox .role-name{color:var(--foreground);font-size:13px}.modal-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.permissions-modal{flex-direction:column;max-width:500px;display:flex}.permissions-modal .search-bar{max-width:none;margin:16px}.units-list{flex:1;max-height:400px;padding:0 16px;overflow-y:auto}.unit-item{border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:background .15s;display:flex}.unit-item:hover{background:var(--muted)}.unit-item.selected{background:#f973161a}.unit-checkbox{position:relative}.unit-checkbox input{display:none}.unit-checkbox .checkmark{background:var(--background);border:1px solid var(--border);color:#0000;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.unit-item.selected .unit-checkbox .checkmark{background:var(--primary);border-color:var(--primary);color:#fff}.unit-info{flex-direction:column;flex:1;gap:2px;display:flex}.unit-no{color:var(--foreground);font-weight:500}.unit-customer{color:var(--muted-foreground);font-size:12px}.unit-site{color:var(--muted-foreground);opacity:.7;font-size:11px}.modal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.selected-count{color:var(--muted-foreground);font-size:13px}.confirm-modal{text-align:center;max-width:420px;padding:32px}.confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.confirm-icon.danger{color:#ef4444;background:#ef444426}.confirm-icon.warning{color:#f59e0b;background:#f59e0b26}.confirm-icon.success{color:#22c55e;background:#22c55e26}.confirm-modal h2{color:var(--foreground);margin:0 0 12px;font-size:20px;font-weight:600}.confirm-modal p{color:var(--muted-foreground);margin:0 0 24px;font-size:14px;line-height:1.6}.confirm-actions{justify-content:center;gap:12px;display:flex}.confirm-actions .btn-secondary{flex:1;max-width:140px}.btn-confirm{border-radius:var(--radius);cursor:pointer;border:none;flex:1;max-width:140px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s}.btn-confirm.danger{color:#fff;background:#ef4444}.btn-confirm.danger:hover{background:#dc2626}.btn-confirm.warning{color:#fff;background:#f59e0b}.btn-confirm.warning:hover{background:#d97706}.btn-confirm.success{color:#fff;background:#22c55e}.btn-confirm.success:hover{background:#16a34a}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.user-management{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.search-bar{max-width:none}.users-table-wrapper{border-left:none;border-right:none;border-radius:0;margin:0 -16px}.form-row,.roles-grid{grid-template-columns:1fr}.actions-cell{flex-wrap:wrap}}.audit-logs{max-width:1400px;margin:0 auto;padding:20px}.audit-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.audit-title{align-items:center;gap:10px;display:flex}.audit-title h2{color:#1f2937;margin:0;font-size:1.5rem}.refresh-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;transition:background .2s;display:flex}.refresh-btn:hover:not(:disabled){background:#2563eb}.audit-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0000001a}.stat-card svg{color:#6b7280}.stat-content{flex-direction:column;display:flex}.audit-filters{background:#fff;border-radius:8px;margin-bottom:20px;padding:16px;box-shadow:0 1px 3px #0000001a}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-row+.filter-row{margin-top:12px}.search-box{background:#f3f4f6;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:300px;padding:8px 12px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.filter-group{background:#f3f4f6;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.filter-group svg{color:#6b7280;flex-shrink:0}.filter-group select,.filter-group input{color:#374151;cursor:pointer;background:0 0;border:none;outline:none;min-width:120px;font-size:.875rem}.filter-group input[type=date]{cursor:text}.clear-filters-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:all .2s}.clear-filters-btn:hover{color:#374151;background:#e5e7eb}.audit-error{color:#991b1b;background:#fee2e2;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;display:flex}.audit-table-container{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.audit-table{border-collapse:collapse;width:100%;font-size:.875rem}.audit-table th{text-align:left;color:#6b7280;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-weight:500}.audit-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 16px}.audit-table tbody tr:hover{background:#f9fafb}.loading-cell{justify-content:center;align-items:center;gap:8px;display:flex}.time-cell{white-space:nowrap}.time-value{color:#6b7280;font-size:.8rem}.user-cell{max-width:180px}.user-email{text-overflow:ellipsis;white-space:nowrap;color:#374151;display:block;overflow:hidden}.category-cell{white-space:nowrap}.category-badge{color:#fff;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.action-cell{max-width:160px}.action-label{color:#374151;font-weight:500}.resource-cell{text-overflow:ellipsis;white-space:nowrap;color:#6b7280;max-width:120px;overflow:hidden}.status-cell{white-space:nowrap}.status-badge{border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.details-cell{max-width:250px}.description{text-overflow:ellipsis;white-space:nowrap;color:#6b7280;font-size:.8rem;display:block;overflow:hidden}.audit-pagination{background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{align-items:center;gap:12px;display:flex}.page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.875rem;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-number{color:#374151;font-size:.875rem}@media (prefers-color-scheme:dark){.audit-logs{background:#111827}.audit-title h2{color:#f9fafb}.stat-card{background:#1f2937;box-shadow:0 1px 3px #0000004d}.stat-value{color:#f9fafb}.audit-filters{background:#1f2937;box-shadow:0 1px 3px #0000004d}.search-box,.filter-group{background:#374151}.search-box input,.filter-group select,.filter-group input{color:#f3f4f6}.clear-filters-btn{color:#9ca3af;background:#374151;border-color:#4b5563}.clear-filters-btn:hover{color:#f3f4f6;background:#4b5563}.audit-table-container{background:#1f2937;box-shadow:0 1px 3px #0000004d}.audit-table th{color:#9ca3af;background:#374151;border-bottom-color:#4b5563}.audit-table td{border-bottom-color:#374151}.audit-table tbody tr:hover{background:#374151}.user-email,.action-label{color:#f3f4f6}.audit-pagination{background:#1f2937;border-top-color:#374151}.page-btn{color:#f3f4f6;background:#374151;border-color:#4b5563}.page-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280}}@media (max-width:768px){.audit-logs{padding:12px}.audit-header{flex-direction:column;align-items:flex-start;gap:12px}.filter-row{flex-direction:column}.search-box{width:100%;max-width:none}.filter-group{width:100%}.filter-group select,.filter-group input{flex:1}.audit-pagination{flex-direction:column;gap:12px}}.vms-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;height:100%;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.vms-tile:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.vms-tile.empty{background:var(--muted);border-style:dashed;justify-content:center;align-items:center;display:flex}.vms-tile.empty:hover{background:hsl(var(--muted-foreground)/.1)}.vms-tile-empty-content{color:var(--muted-foreground);flex-direction:column;align-items:center;gap:8px;display:flex}.vms-tile-empty-content span{font-size:12px;font-weight:500}.vms-tile.filled{background:#000}.vms-tile-image{object-fit:cover;width:100%;height:100%}.vms-tile-offline{height:100%;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.vms-tile-offline span{font-size:12px;font-weight:500}.vms-tile-label{background:linear-gradient(#0000,#000000d9);justify-content:space-between;align-items:center;padding:6px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.vms-tile-name{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.vms-tile-expand-icon{color:#ffffffb3;opacity:0;transition:opacity .2s}.vms-tile:hover .vms-tile-expand-icon{opacity:1}.vms-tile-clear{cursor:pointer;color:#fff;opacity:0;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:6px;right:6px}.vms-tile:hover .vms-tile-clear{opacity:1}.vms-tile-clear:hover{background:#ef4444e6}.vms-tile-live{color:#fff;letter-spacing:.5px;background:#0009;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.vms-tile-live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.vms-tile.fullscreen{z-index:1000;aspect-ratio:unset;border:none;border-radius:0;position:fixed;inset:0}.vms-tile.fullscreen .vms-tile-label{padding:12px 16px}.vms-tile.fullscreen .vms-tile-name{font-size:14px}.vms-tile.fullscreen .vms-tile-live{padding:4px 10px;font-size:11px;top:12px;left:12px}.vms-tile.fullscreen .vms-tile-clear{opacity:1;width:32px;height:32px;top:12px;right:12px}.vms-view{background:var(--background);flex-direction:column;height:100vh;display:flex}.vms-header{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.vms-header-left{align-items:center;gap:16px;display:flex}.vms-header-right{align-items:center;gap:12px;display:flex}.vms-title{margin:0;font-size:18px;font-weight:600}.vms-layout-toggle{background:var(--muted);border-radius:var(--radius);padding:2px;display:flex}.vms-layout-btn{border-radius:calc(var(--radius) - 2px);cursor:pointer;width:36px;height:32px;color:var(--muted-foreground);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.vms-layout-btn:hover{color:var(--foreground)}.vms-layout-btn.active{background:var(--background);color:var(--primary);box-shadow:0 1px 2px #0000001a}.vms-grid{background:#000;flex:1;gap:4px;min-height:0;padding:4px;display:grid;overflow:hidden}.vms-grid.layout-2x2{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.vms-grid.layout-3x3{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.vms-grid.layout-4x4{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}.vms-grid>*{min-width:0;min-height:0}.vms-fullscreen-overlay{z-index:1000;background:#000;position:fixed;inset:0}.vms-picker-overlay{z-index:1001;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vms-picker{background:var(--card);border-radius:var(--radius);flex-direction:column;width:100%;max-width:480px;max-height:80vh;display:flex;box-shadow:0 25px 50px -12px #00000040}.vms-picker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.vms-picker-header h2{margin:0;font-size:16px;font-weight:600}.vms-picker-close{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--muted-foreground);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.vms-picker-close:hover{background:var(--muted);color:var(--foreground)}.vms-picker-search{border-bottom:1px solid var(--border);color:var(--muted-foreground);align-items:center;gap:10px;padding:12px 20px;display:flex}.vms-picker-search input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:14px}.vms-picker-search input::placeholder{color:var(--muted-foreground)}.vms-picker-list{flex:1;padding:8px;overflow-y:auto}.vms-picker-item{border-radius:var(--radius-sm);cursor:pointer;padding:12px;transition:background .2s}.vms-picker-item:hover{background:var(--muted)}.vms-picker-item-name{margin-bottom:2px;font-size:14px;font-weight:500}.vms-picker-item-meta{color:var(--muted-foreground);gap:8px;font-size:12px;display:flex}.vms-picker-item-meta span{align-items:center;gap:4px;display:flex}.vms-picker-empty{text-align:center;color:var(--muted-foreground);padding:40px 20px;font-size:14px}@media (max-width:768px){.vms-header{flex-wrap:wrap;gap:12px}.vms-title{font-size:16px}.vms-grid.layout-3x3,.vms-grid.layout-4x4{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.vms-picker{border-radius:var(--radius)var(--radius)0 0;max-width:100%;max-height:90vh;margin:0;position:fixed;bottom:0;left:0;right:0}}.dev-task-form{padding:var(--spacing-lg);max-width:700px;margin:0 auto}.dev-task-form .back-btn{margin-bottom:var(--spacing-lg)}.form-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl)}.form-container h2{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs);font-weight:700}.form-subtitle{color:var(--muted-foreground);font-size:var(--font-size-sm);margin:0 0 var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);color:var(--foreground);font-weight:600;display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);font-size:var(--font-size-sm);transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px hsl(var(--primary-hsl)/.1);outline:none}.form-textarea{resize:vertical;min-height:120px}.type-selector{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.type-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius);background:var(--background);cursor:pointer;color:var(--muted-foreground);flex-direction:column;transition:all .15s;display:flex}.type-btn:hover{border-color:var(--type-color);color:var(--type-color)}.type-btn.active{border-color:var(--type-color);background:hsl(var(--type-color)/.05);color:var(--type-color)}.type-btn span{font-size:var(--font-size-sm);font-weight:500}.file-upload-area{border:2px dashed var(--border);border-radius:var(--radius);padding:var(--spacing-xl);text-align:center;background:var(--background)}.file-input-hidden{display:none}.file-upload-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:background .15s;display:inline-flex}.file-upload-btn:hover{background:var(--primary-hover)}.file-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--muted-foreground)}.file-previews{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.file-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);position:relative;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:100px}.file-preview-info{padding:var(--spacing-xs)var(--spacing-sm);background:var(--card);justify-content:space-between;align-items:center;display:flex}.file-name{font-size:var(--font-size-xs);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-remove{color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.file-remove:hover{color:#ef4444;background:#ef43431a}.form-error{color:#ef4444;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);background:#ef43431a}.form-actions{justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border);display:flex}@media (max-width:640px){.dev-task-form{padding:var(--spacing-md)}.form-container{padding:var(--spacing-lg)}.type-selector{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.dev-task-detail{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.dev-task-detail .back-btn{margin-bottom:var(--spacing-lg)}.task-loading,.task-error{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl);color:var(--muted-foreground);flex-direction:column;display:flex}.task-content{gap:var(--spacing-xl);grid-template-columns:1fr 280px;display:grid}.task-main{gap:var(--spacing-xl);flex-direction:column;display:flex}.task-header{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl)}.task-type-badge{border-radius:var(--radius);font-size:var(--font-size-sm);color:#fff;text-transform:capitalize;margin-bottom:var(--spacing-md);align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.task-header h1{font-size:var(--font-size-xl);margin:0 0 var(--spacing-md);font-weight:700;line-height:1.3}.task-meta{gap:var(--spacing-lg);color:var(--muted-foreground);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.task-meta span{align-items:center;gap:6px;display:flex}.task-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl)}.task-section h3{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);margin:0 0 var(--spacing-lg);font-weight:600;display:flex}.section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.section-header h3{margin:0}.task-description{white-space:pre-wrap;line-height:1.6}.no-content{color:var(--muted-foreground);font-style:italic}.upload-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);background:var(--primary);color:#fff;border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;font-weight:500;transition:background .15s;display:inline-flex}.upload-btn:hover{background:var(--primary-hover)}.upload-btn input{display:none}.attachments-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.attachment-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);overflow:hidden}.attachment-item a{display:block}.attachment-item img{object-fit:cover;cursor:pointer;width:100%;height:100px;transition:opacity .15s}.attachment-item img:hover{opacity:.9}.attachment-info{padding:var(--spacing-xs)var(--spacing-sm);background:var(--card);justify-content:space-between;align-items:center;display:flex}.attachment-name{font-size:var(--font-size-xs);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.attachment-delete{color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.attachment-delete:hover{color:#ef4444;background:#ef43431a}.comments-list{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.comment-item{padding:var(--spacing-md);background:var(--background);border-radius:var(--radius);border:1px solid var(--border)}.comment-item.status-change{background:#f3f4f6;border-style:dashed}.comment-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.comment-author{font-weight:600;font-size:var(--font-size-sm);align-items:center;gap:6px;display:flex}.comment-time{font-size:var(--font-size-xs);color:var(--muted-foreground)}.comment-text{white-space:pre-wrap;margin:0;line-height:1.5}.status-change-content{color:var(--muted-foreground);font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-change-content p{width:100%;margin:var(--spacing-sm)0 0;color:var(--foreground)}.add-comment-form{gap:var(--spacing-md);flex-direction:column;display:flex}.add-comment-form textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);font-size:var(--font-size-sm);resize:vertical;min-height:80px}.add-comment-form textarea:focus{border-color:var(--primary);outline:none}.add-comment-form button{align-self:flex-end}.task-sidebar{gap:var(--spacing-md);flex-direction:column;display:flex}.sidebar-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-md)}.sidebar-section label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--muted-foreground);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.sidebar-section select{width:100%;padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);font-size:var(--font-size-sm)}.sidebar-value{font-size:var(--font-size-sm)}.sidebar-section .status-badge{border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:#fff;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:inline-flex}.sidebar-section .priority-badge{border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-transform:capitalize;border:1px solid;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:inline-flex}@media (max-width:900px){.task-content{grid-template-columns:1fr}.task-sidebar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}}@media (max-width:640px){.dev-task-detail,.task-header,.task-section{padding:var(--spacing-md)}.attachments-grid{grid-template-columns:repeat(2,1fr)}}.dev-tasks-view{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.tasks-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.tasks-header .header-left{align-items:center;gap:var(--spacing-md);display:flex}.tasks-header h1{font-size:var(--font-size-2xl);margin:0;font-weight:700}.task-count{background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius);font-size:var(--font-size-sm);padding:4px 10px;font-weight:500}.tasks-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg);text-align:center}.stat-value{font-size:var(--font-size-2xl);margin-bottom:4px;font-weight:700}.stat-label{font-size:var(--font-size-sm);color:var(--muted-foreground)}.tasks-filters{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.tasks-filters .filter-group{align-items:center;gap:var(--spacing-sm);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--spacing-md);flex-shrink:0;width:200px;display:flex}.tasks-filters .filter-group input{padding:var(--spacing-sm)0;font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.tasks-filters select{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--card);font-size:var(--font-size-sm);cursor:pointer;flex-shrink:0;width:130px}.tasks-table-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tasks-table{border-collapse:collapse;width:100%}.tasks-table th{text-align:left;padding:var(--spacing-md);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--muted-foreground);background:var(--muted);border-bottom:1px solid var(--border);font-weight:600}.tasks-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border);font-size:var(--font-size-sm)}.tasks-table tbody tr{cursor:pointer;transition:background .15s}.tasks-table tbody tr:hover{background:var(--muted)}.tasks-table tbody tr:last-child td{border-bottom:none}.task-title-cell{align-items:center;gap:var(--spacing-sm);display:flex}.task-title{font-weight:500}.attachment-indicator{color:var(--muted-foreground)}.comment-count{color:var(--muted-foreground);font-size:var(--font-size-xs);align-items:center;gap:2px;display:flex}.priority-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:capitalize;border:1px solid;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.status-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:#fff;align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:inline-flex}.user-cell{color:var(--foreground);align-items:center;gap:4px;display:flex}.unassigned{color:var(--muted-foreground);font-style:italic}.actions-cell{text-align:center}.btn-icon{border-radius:var(--radius-sm);cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;padding:6px;transition:all .15s}.btn-icon:hover{background:var(--muted);color:var(--foreground)}.btn-icon.btn-danger:hover{color:#ef4444;background:#ef43431a}.tasks-empty{padding:var(--spacing-3xl);color:var(--muted-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.tasks-empty h3{margin:var(--spacing-md)0 var(--spacing-sm);color:var(--foreground)}.tasks-empty p{margin:0}.tasks-loading{padding:var(--spacing-3xl);text-align:center;color:var(--muted-foreground)}.tasks-pagination{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}.page-info{font-size:var(--font-size-sm);color:var(--muted-foreground)}.modal-overlay{z-index:1000;padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.delete-confirm-modal{text-align:center}.modal-icon{color:#ef4444;width:64px;height:64px;margin:0 auto var(--spacing-lg);background:#ef43431a;border-radius:50%;justify-content:center;align-items:center;display:flex}.delete-confirm-modal h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm);font-weight:600}.delete-confirm-modal p{color:var(--muted-foreground);font-size:var(--font-size-sm);margin:0 0 var(--spacing-xl);line-height:1.5}.modal-actions{gap:var(--spacing-sm);justify-content:center;display:flex}.modal-actions .btn{min-width:100px}.btn-danger{color:#fff;background:#ef4444;border:none}.btn-danger:hover{background:#dc2626}@media (max-width:768px){.dev-tasks-view{padding:var(--spacing-md)}.tasks-header{flex-direction:column;align-items:flex-start}.tasks-table-container{overflow-x:auto}.tasks-table{min-width:600px}.tasks-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.tasks-filters{flex-direction:column;align-items:stretch}.tasks-filters .filter-group,.tasks-filters select{width:100%!important}}.ra-container{background:var(--background);min-height:100vh;font-family:var(--font-family);color:var(--foreground)}.ra-header{padding:var(--spacing-lg)var(--spacing-2xl);background:var(--card);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ra-back{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;font-weight:500;font-family:var(--font-family);background:0 0;transition:all .2s;display:flex}.ra-back:hover{background:var(--accent);border-color:var(--primary);color:var(--primary)}.ra-header-center{text-align:center;flex:1}.ra-title{font-size:var(--font-size-2xl);color:var(--foreground);margin:0;font-weight:700}.ra-subtitle{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:var(--spacing-xs)0 0}.ra-refresh{border:1px solid var(--border);border-radius:var(--radius);width:40px;height:40px;color:var(--muted-foreground);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ra-refresh:hover:not(:disabled){background:var(--accent);border-color:var(--primary);color:var(--primary)}.ra-refresh:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:1s linear infinite spin}.ra-error{margin:var(--spacing-lg)var(--spacing-2xl);padding:var(--spacing-lg);border-radius:var(--radius);color:var(--error);font-size:var(--font-size-sm);background:#dc35451a;border:1px solid #dc35454d;font-weight:500}.ra-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:60vh;display:flex}.ra-loading-spinner{border:4px solid var(--secondary);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.ra-loading p{color:var(--muted-foreground);font-size:var(--font-size-sm)}.ra-main{max-width:1400px;padding:var(--spacing-xl)var(--spacing-2xl);margin:0 auto}.ra-hero{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);display:flex}.ra-hero-primary{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-2xl);flex:2;position:relative;overflow:hidden}.ra-hero-primary:before{content:"";background:linear-gradient(90deg,#ff6b35,#ff8559,#ffab8f);height:4px;position:absolute;top:0;left:0;right:0}.ra-hero-top{align-items:stretch;gap:var(--spacing-xl);display:flex}.ra-hero-revenue{flex-direction:column;flex:none;justify-content:center;display:flex}.ra-hero-divider{background:var(--border);width:1px;margin:calc(var(--spacing-md)*-1)0}.ra-hero-chart{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.ra-hero-chart-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);margin-bottom:var(--spacing-md);font-weight:600}.ra-hero-chart .growth-chart{justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);flex:1;min-height:150px;display:flex}.ra-hero-chart .growth-bar-container{flex-direction:column;flex:1;align-items:center;max-width:100px;height:100%;display:flex}.ra-hero-chart .growth-bar-wrapper{flex:1;min-height:100px}.ra-hero-chart .growth-value{font-size:12px;font-weight:600}.ra-hero-chart .growth-year{font-size:11px}.ra-hero-chart .growth-change{font-size:10px}.ra-hero-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);margin-bottom:var(--spacing-sm);font-weight:600}.ra-hero-value{color:var(--primary);margin-bottom:var(--spacing-md);font-size:48px;font-weight:700;line-height:1.1}.ra-hero-meta{align-items:center;gap:var(--spacing-lg);display:flex}.ra-hero-monthly{font-size:var(--font-size-base);color:var(--muted-foreground);font-weight:500}.ra-hero-growth{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm);border-radius:20px;font-weight:600;display:inline-flex}.ra-hero-growth.positive{color:var(--success);background:#28a7451a}.ra-hero-growth.negative{color:var(--error);background:#dc35451a}.ra-hero-stats{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.ra-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg);transition:all .2s}.ra-stat:hover{border-color:var(--primary)}.ra-stat-value{font-size:var(--font-size-2xl);color:var(--foreground);margin-bottom:var(--spacing-xs);font-weight:700}.ra-stat-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-weight:500}.ra-tabs{background:var(--secondary);border-radius:var(--radius);margin-bottom:var(--spacing-xl);gap:4px;padding:4px;display:flex}.ra-tab{padding:var(--spacing-sm)var(--spacing-lg);border-radius:calc(var(--radius) - 2px);font-size:var(--font-size-sm);color:var(--muted-foreground);cursor:pointer;font-weight:500;font-family:var(--font-family);background:0 0;border:none;flex:1;transition:all .2s}.ra-tab:hover:not(.active){color:var(--foreground);background:#ff6b351a}.ra-tab.active{background:var(--primary);color:#fff}.ra-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl)}.ra-card-wide{grid-column:span 2}.ra-card-full{width:100%}.ra-card-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.ra-card-header h2{font-size:var(--font-size-lg);color:var(--foreground);margin:0;font-weight:600}.ra-card-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-xs);color:var(--primary);background:#ff6b351a;border-radius:20px;font-weight:600;display:inline-flex}.ra-card-link{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-xs);color:var(--primary);cursor:pointer;font-weight:500;font-family:var(--font-family);background:0 0;transition:all .2s;display:inline-flex}.ra-card-link:hover{border-color:var(--primary);background:#ff6b351a}.ra-overview-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.ra-overview-grid>.ra-card:first-child{top:var(--spacing-xl);position:sticky}.donut-chart{flex-shrink:0;position:relative}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-total{font-size:var(--font-size-xl);color:var(--primary);font-weight:700;display:block}.donut-label{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-top:2px;display:block}.ra-category-summary{align-items:center;gap:var(--spacing-2xl);display:flex}.ra-category-legend{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.legend-item{gap:var(--spacing-md);grid-template-columns:12px 1fr auto auto;align-items:center;display:grid}.legend-dot{border-radius:3px;width:12px;height:12px}.legend-label{font-size:var(--font-size-sm);color:var(--foreground);font-weight:500}.legend-value{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600}.legend-percent{font-size:var(--font-size-sm);color:var(--primary);text-align:right;min-width:50px;font-weight:600}.service-tree{gap:var(--spacing-md);flex-direction:column;display:flex}.tree-category{animation:.4s backwards fadeIn}.tree-category-header{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--muted);border-radius:var(--radius);cursor:pointer;border-left:4px solid;grid-template-columns:32px 1fr auto 200px;align-items:center;transition:background .2s;display:grid}.tree-category-header:hover{background:var(--secondary)}.tree-category-toggle{color:var(--muted-foreground)}.tree-category-info{min-width:0}.tree-category-name{font-size:var(--font-size-base);color:var(--foreground);font-weight:600}.tree-category-desc{font-size:var(--font-size-xs);color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tree-category-stats{text-align:right}.tree-category-revenue{font-size:var(--font-size-lg);color:var(--foreground);font-weight:700}.tree-category-meta{gap:var(--spacing-md);justify-content:flex-end;display:flex}.tree-category-percent{font-size:var(--font-size-sm);font-weight:600}.tree-category-count{font-size:var(--font-size-xs);color:var(--muted-foreground)}.tree-category-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.tree-category-bar-fill{border-radius:4px;height:100%;transition:width .6s}.tree-services{padding:var(--spacing-sm)0;border-left:2px solid var(--border);margin-left:48px}.tree-service{align-items:stretch;animation:.3s backwards fadeIn;display:flex}.tree-service-connector{flex-shrink:0;width:24px;height:2px;margin-top:20px}.tree-service-content{gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--spacing-xs);flex:1;grid-template-columns:1fr auto 180px;align-items:center;display:grid}.tree-service-info{min-width:0}.tree-service-name{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600;display:block}.tree-service-count{font-size:var(--font-size-xs);color:var(--muted-foreground)}.tree-service-stats{text-align:right}.tree-service-revenue{font-size:var(--font-size-sm);color:var(--foreground);font-weight:700;display:block}.tree-service-percent{font-size:var(--font-size-xs);color:var(--muted-foreground)}.tree-service-bar{background:var(--muted);border-radius:3px;height:6px;overflow:hidden}.tree-service-bar-fill{border-radius:3px;height:100%;transition:width .6s}.service-table-wrapper{overflow-x:auto}.service-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.service-table th,.service-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border)}.service-table th{text-align:left;color:var(--muted-foreground);text-transform:uppercase;font-weight:600;font-size:var(--font-size-xs);letter-spacing:.05em;background:var(--muted)}.service-table tbody tr{transition:background .2s;animation:.3s backwards fadeIn}.service-table tbody tr:hover{background:var(--muted)}.service-table tfoot td{background:var(--muted);font-weight:600}.text-right{text-align:right}.font-semibold{font-weight:600}.service-name-cell{align-items:center;gap:var(--spacing-sm);display:flex}.service-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.table-bar{background:var(--secondary);border-radius:4px;height:8px;overflow:hidden}.table-bar-fill{border-radius:4px;min-width:2px;height:100%;transition:width .6s}.ra-breakdown{gap:var(--spacing-xl);flex-direction:column;display:flex}.ra-category-cards{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.category-detail-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl);border-top:4px solid;animation:.4s backwards fadeIn}.category-detail-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.category-detail-header h3{font-size:var(--font-size-lg);color:var(--foreground);margin:0;font-weight:600}.category-percent{font-size:var(--font-size-lg);font-weight:700}.category-detail-revenue{font-size:var(--font-size-2xl);color:var(--foreground);margin-bottom:var(--spacing-xs);font-weight:700}.category-detail-meta{font-size:var(--font-size-sm);color:var(--muted-foreground);margin-bottom:var(--spacing-lg)}.category-services-list{gap:var(--spacing-sm);border-top:1px solid var(--border);padding-top:var(--spacing-md);flex-direction:column;display:flex}.category-service-item{gap:var(--spacing-md);padding:var(--spacing-sm)0;font-size:var(--font-size-sm);grid-template-columns:1fr auto auto;display:grid}.category-service-name{color:var(--foreground);font-weight:500}.category-service-count{color:var(--muted-foreground);text-align:center;min-width:60px}.category-service-revenue{color:var(--foreground);text-align:right;min-width:100px;font-weight:600}.ra-customers-view{gap:var(--spacing-xl);flex-direction:column;display:flex}.customer-breakdown{gap:var(--spacing-sm);flex-direction:column;display:flex}.customer-item{gap:var(--spacing-lg);padding:var(--spacing-md)var(--spacing-lg);background:var(--muted);border-radius:var(--radius);grid-template-columns:40px 1fr auto 200px;align-items:center;animation:.3s backwards fadeIn;display:grid}.customer-item:hover{background:var(--secondary)}.customer-rank{background:var(--primary);color:#fff;border-radius:var(--radius);width:32px;height:32px;font-size:var(--font-size-sm);justify-content:center;align-items:center;font-weight:700;display:flex}.customer-details{min-width:0}.customer-name{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600}.customer-services{font-size:var(--font-size-xs);color:var(--muted-foreground)}.customer-revenue-info{text-align:right}.customer-amount{font-size:var(--font-size-base);color:var(--foreground);font-weight:700}.customer-percent{font-size:var(--font-size-xs);color:var(--primary);font-weight:600}.customer-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.customer-bar-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .6s}.ra-trends-view{gap:var(--spacing-xl);flex-direction:column;display:flex}.growth-chart{height:280px;padding:var(--spacing-lg)0;justify-content:space-around;align-items:flex-end;gap:var(--spacing-lg);display:flex}.growth-bar-container{align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:1;max-width:100px;display:flex}.growth-bar-wrapper{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:180px;display:flex}.growth-bar{border-radius:var(--radius)var(--radius)4px 4px;background:linear-gradient(#ff6b35 0%,#ff8559 100%);width:100%;max-width:48px;animation:.8s backwards barGrow}.growth-bar.partial{background:linear-gradient(#ffab8f 0%,#ffd4c4 100%)}.growth-bar-projected{border-radius:var(--radius)var(--radius)0 0;opacity:.6;background:repeating-linear-gradient(45deg,#ff8559,#ff8559 4px,#ffab8f 4px 8px);width:100%;max-width:48px}@keyframes barGrow{0%{height:0}}.growth-year{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600}.growth-value{font-size:var(--font-size-sm);color:var(--foreground);font-weight:700}.growth-change{font-size:var(--font-size-xs);border-radius:10px;padding:2px 8px;font-weight:600}.growth-change.positive{color:var(--success);background:#28a7451a}.growth-change.negative{color:var(--error);background:#dc35451a}.growth-ytd{font-size:var(--font-size-xs);color:var(--primary);background:#ff6b351a;border-radius:10px;padding:2px 8px;font-weight:600}.ra-trends-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ra-trends-header,.ra-trends-row{gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);grid-template-columns:1fr 100px 200px 100px;display:grid}.ra-trends-header{background:var(--muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-weight:600}.ra-trends-row{border-top:1px solid var(--border);animation:.3s backwards fadeIn}.ra-trends-row:hover{background:var(--muted)}.ra-trends-year{align-items:center;gap:var(--spacing-sm);color:var(--foreground);font-weight:600;display:flex}.ra-ytd-badge{color:var(--primary);font-size:var(--font-size-xs);background:#ff6b351a;border-radius:4px;padding:2px 6px;font-weight:700}.ra-trends-services{color:var(--muted-foreground)}.ra-trends-revenue{color:var(--foreground);font-weight:600}.ra-partial-revenue{flex-direction:column;gap:2px;display:flex}.ra-partial-earned{align-items:center;gap:var(--spacing-sm);display:flex}.ra-partial-days{font-size:var(--font-size-xs);color:var(--muted-foreground);background:var(--secondary);border-radius:4px;padding:1px 6px;font-weight:600}.ra-partial-projected{font-size:var(--font-size-xs);color:var(--muted-foreground);font-style:italic}.ra-trends-growth{color:var(--muted-foreground);font-weight:600}.ra-trends-growth.positive{color:var(--success)}.ra-trends-growth.negative{color:var(--error)}@media (max-width:1024px){.ra-main{padding:var(--spacing-lg)}.ra-hero{flex-direction:column}.ra-hero-stats{flex-direction:row}.ra-stat{flex:1}.ra-overview-grid{grid-template-columns:1fr}.ra-card-wide{grid-column:span 1}.tree-category-header{grid-template-columns:32px 1fr auto}.tree-category-bar{display:none}.customer-item{grid-template-columns:32px 1fr auto}.customer-bar{display:none}}@media (max-width:768px){.ra-header{padding:var(--spacing-md)}.ra-back span{display:none}.ra-title{font-size:var(--font-size-xl)}.ra-hero-value{font-size:36px}.ra-hero-top{flex-direction:column}.ra-hero-divider{width:100%;height:1px;margin:0}.ra-hero-chart .growth-chart{gap:var(--spacing-sm)}.ra-hero-chart .growth-bar-container{max-width:80px}.ra-hero-stats,.ra-category-summary{flex-direction:column}.tree-service-content{gap:var(--spacing-xs);grid-template-columns:1fr}.tree-service-bar{display:none}.ra-category-cards{grid-template-columns:1fr}.ra-trends-header,.ra-trends-row{grid-template-columns:80px 1fr 80px}.ra-trends-services{display:none}}@media (max-width:480px){.ra-main{padding:var(--spacing-md)}.ra-hero-primary,.ra-card{padding:var(--spacing-lg)}.growth-chart{padding:var(--spacing-md)0;justify-content:flex-start;overflow-x:auto}.growth-bar-container{min-width:70px}}.ra-historical-view{gap:var(--spacing-xl);flex-direction:column;display:flex}.ra-historical-summary{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.ra-historical-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.ra-historical-stat.active{background:linear-gradient(#10b98114,#0000);border-color:#10b981}.ra-historical-stat.ended{background:linear-gradient(#94a3b814,#0000);border-color:#94a3b8}.ra-historical-stat-value{color:var(--foreground);margin-bottom:var(--spacing-sm);font-size:32px;font-weight:700}.ra-historical-stat.active .ra-historical-stat-value{color:#10b981}.ra-historical-stat.ended .ra-historical-stat-value{color:#64748b}.ra-historical-stat-label{color:#64748b;font-size:14px;font-weight:500}.ra-historical-note{border-radius:var(--radius-md);padding:var(--spacing-lg);color:#1e40af;background:#3b82f614;border:1px solid #3b82f633;font-size:14px;line-height:1.5}.historical-table{font-size:14px!important}.historical-table th{padding:var(--spacing-md)var(--spacing-lg)!important;font-size:12px!important}.historical-table td{padding:var(--spacing-md)var(--spacing-lg)!important;font-size:14px!important}.historical-table .service-name-cell{font-weight:500}.historical-table .status-bar{background:#e2e8f0;border-radius:5px;height:10px;display:flex;overflow:hidden}.status-bar-active{background:#10b981;transition:width .6s}.status-bar-ended{background:#cbd5e1}.status-label{color:#64748b;text-align:center;margin-top:6px;font-size:12px;font-weight:500}@media (max-width:768px){.ra-historical-summary{grid-template-columns:repeat(2,1fr)}.ra-historical-stat-value{font-size:24px}.ra-historical-stat-label{font-size:12px}}@media (max-width:480px){.ra-historical-summary{grid-template-columns:1fr}.historical-table th,.historical-table td{padding:var(--spacing-sm)var(--spacing-md)!important;font-size:12px!important}}.customer-billing-page{max-width:1400px;margin:0 auto;padding:20px}.billing-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.billing-header-left{align-items:center;gap:16px;display:flex}.billing-header-left h1{color:#1a1a2e;margin:0;font-size:24px;font-weight:600}.billing-header-right{align-items:center;gap:16px;display:flex}.back-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.back-btn:hover{color:#1f2937;background:#e5e7eb}.refresh-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.refresh-btn:hover{color:#1f2937;background:#e5e7eb}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .spinning{animation:1s linear infinite spin}.xero-warning{color:#92400e;background:#fef3c7;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.xero-orgs-status{color:#065f46;background:#d1fae5;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.billing-summary-bar{background:#fff;border-radius:12px;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 1px 3px #00000014}.summary-stat{background:#f9fafb;border-radius:8px;align-items:center;gap:8px;min-width:120px;padding:8px 16px;display:flex}.summary-stat svg{color:#6b7280}.summary-stat.ok svg{color:#10b981}.summary-stat.warning svg{color:#f59e0b}.summary-stat.blocked svg{color:#ef4444}.summary-stat.overdue svg{color:#f97316}.stat-value{color:#1f2937;font-size:18px;font-weight:600}.stat-label{color:#6b7280;font-size:13px}.billing-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:10px;max-width:400px;padding:10px 14px;display:flex}.search-box svg{color:#9ca3af}.search-box input{color:#1f2937;border:none;outline:none;flex:1;font-size:14px}.search-box input::placeholder{color:#9ca3af}.clear-search{cursor:pointer;color:#6b7280;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.clear-search:hover{background:#d1d5db}.status-filter select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:140px;padding:10px 14px;font-size:14px}.results-count{color:#6b7280;margin-left:auto;font-size:14px}.billing-status-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.billing-status-badge.green{color:#065f46;background:#d1fae5}.billing-status-badge.amber{color:#92400e;background:#fef3c7}.billing-status-badge.orange{color:#c2410c;background:#ffedd5}.billing-status-badge.red{color:#991b1b;background:#fee2e2}.billing-status-badge .days-label{opacity:.8;padding-left:4px}.customers-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.customers-table{border-collapse:collapse;width:100%}.customers-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.customers-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.customer-row{cursor:pointer;transition:background .15s}.customer-row:hover{background:#f9fafb}.customer-name-cell{min-width:250px}.customer-name{color:#1f2937;font-weight:500}.customer-email{color:#6b7280;margin-top:2px;font-size:12px}.amount-due{color:#dc2626;font-weight:500}.action-cell{text-align:right;color:#9ca3af;width:40px}.loading-cell,.empty-cell{text-align:center;color:#6b7280;padding:40px!important}.billing-error{color:#991b1b;background:#fee2e2;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.customer-detail-overlay{z-index:1000;background:#0006;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.customer-detail-panel{background:#fff;flex-direction:column;width:600px;max-width:100%;height:100%;animation:.25s slideIn;display:flex;box-shadow:-4px 0 20px #00000026}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.customer-detail-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.customer-detail-title{align-items:center;gap:12px;display:flex}.customer-detail-title svg{color:#6b7280}.customer-detail-title h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.close-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.close-btn:hover{color:#1f2937;background:#e5e7eb}.customer-detail-info{border-bottom:1px solid #e5e7eb;padding:20px 24px}.customer-info-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.unit-count{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:4px 10px;font-size:13px}.customer-contact-info{flex-direction:column;gap:8px;display:flex}.contact-item{color:#4b5563;align-items:center;gap:8px;font-size:14px;display:flex}.contact-item svg{color:#9ca3af}.contact-item a{color:#2563eb;text-decoration:none}.contact-item a:hover{text-decoration:underline}.billing-summary-cards{background:#f9fafb;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 24px;display:grid}.summary-card{text-align:center;background:#fff;border-radius:8px;padding:14px}.summary-label{color:#6b7280;margin-bottom:4px;font-size:12px}.summary-value{color:#1f2937;font-size:18px;font-weight:600}.summary-value.negative{color:#dc2626}.summary-value.positive{color:#059669}.customer-detail-tabs{border-bottom:1px solid #e5e7eb;padding:0 24px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:14px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.tab-btn:hover{color:#1f2937}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.customer-detail-content{flex:1;padding:16px 24px;overflow-y:auto}.loading-indicator,.empty-state{text-align:center;color:#6b7280;padding:40px}.invoices-list{flex-direction:column;gap:8px;display:flex}.invoice-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.invoice-row{cursor:pointer;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.invoice-row:hover{background:#f9fafb}.invoice-main{flex-direction:column;flex:1;gap:2px;display:flex}.invoice-number{color:#1f2937;font-weight:500}.invoice-date{color:#6b7280;font-size:12px}.invoice-org-tag{color:#4338ca;text-transform:uppercase;letter-spacing:.02em;background:#e0e7ff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.invoice-amounts{flex-direction:column;align-items:flex-end;gap:2px;margin-right:12px;display:flex}.invoice-total{color:#1f2937;font-weight:500}.invoice-due{font-size:12px;font-weight:500}.invoice-due.negative{color:#dc2626}.invoice-paid{font-size:12px;font-weight:500}.invoice-paid.positive{color:#059669}.expand-icon{color:#9ca3af;transition:transform .2s}.expand-icon.expanded{transform:rotate(90deg)}.invoice-details{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px}.invoice-meta{color:#6b7280;gap:16px;margin-bottom:12px;font-size:13px;display:flex}.overdue-label{color:#dc2626;font-weight:500}.line-items-table{border-collapse:collapse;background:#fff;border-radius:6px;width:100%;font-size:13px;overflow:hidden}.line-items-table th{text-align:left;color:#374151;background:#f3f4f6;padding:10px 12px;font-weight:500}.line-items-table td{color:#4b5563;border-top:1px solid #e5e7eb;padding:10px 12px}.line-items-table tfoot td{color:#1f2937;font-weight:500}.line-items-table .total-row td{background:#f9fafb;font-weight:600}@media (max-width:768px){.customer-billing-page{padding:12px}.billing-header{flex-direction:column;align-items:flex-start;gap:12px}.billing-header-right{justify-content:space-between;width:100%}.billing-summary-bar{flex-direction:column;gap:8px}.summary-stat{justify-content:space-between;width:100%}.billing-filters{flex-direction:column}.search-box{width:100%;max-width:none}.status-filter,.status-filter select{width:100%}.results-count{text-align:center;width:100%;margin-left:0}.customer-detail-panel{width:100%}.billing-summary-cards{grid-template-columns:1fr}.customers-table{display:block;overflow-x:auto}}.account-warning-banner{justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.account-warning-banner.warning{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-bottom:1px solid #f59e0b}.account-warning-banner.blocked{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-bottom:1px solid #ef4444}.account-warning-content{flex:1;align-items:center;gap:10px;display:flex}.account-warning-content svg{flex-shrink:0}.account-warning-banner.warning .account-warning-content svg{color:#d97706}.account-warning-banner.blocked .account-warning-content svg{color:#dc2626}.account-warning-message{line-height:1.4}.account-warning-action{border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.account-warning-banner.warning .account-warning-action{color:#fff;background:#f59e0b}.account-warning-banner.warning .account-warning-action:hover{background:#d97706}.account-warning-banner.blocked .account-warning-action{color:#fff;background:#dc2626}.account-warning-banner.blocked .account-warning-action:hover{background:#b91c1c}@media (max-width:600px){.account-warning-banner{text-align:center;flex-direction:column;padding:16px}.account-warning-content{flex-direction:column;gap:8px}.account-warning-action{justify-content:center;width:100%}}@font-face{font-family:Continuum Bold;src:url(/fonts/Continuum-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}.loading-screen{z-index:9999;background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 50%,#e2e8f0 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loading-grid-bg{background-image:linear-gradient(#ff6b3514 1px,#0000 1px),linear-gradient(90deg,#ff6b3514 1px,#0000 1px);background-size:40px 40px;animation:4s ease-in-out infinite gridPulse;position:absolute;inset:0}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}.loading-decoration{border:2px solid #ff6b3540;position:absolute}.loading-decoration-1{border-bottom:none;border-right:none;width:80px;height:80px;top:40px;left:40px}.loading-decoration-2{border-top:none;border-left:none;width:80px;height:80px;bottom:40px;right:40px}.loading-decoration-3{background:linear-gradient(#0000,#ff6b3566,#0000);border:none;width:4px;height:120px;top:50%;right:60px;transform:translateY(-50%)}.loading-content{z-index:1;flex-direction:column;align-items:center;gap:48px;display:flex}.construction-scene{width:280px;height:300px;position:relative}.crane{z-index:2;position:absolute;bottom:20px;left:20px}.crane-tower{background:linear-gradient(90deg,#64748b 0%,#94a3b8 50%,#64748b 100%);border-radius:2px;width:12px;height:240px;position:absolute;bottom:0;left:8px}.crane-tower:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 15px,#0000001a 15px 17px);position:absolute;inset:0 -4px}.crane-arm{transform-origin:0;background:linear-gradient(#ff6b35 0%,#e85a2a 100%);border-radius:2px;width:180px;height:8px;transition:transform .5s ease-out;position:absolute;bottom:230px;left:12px}.crane-cable{background:linear-gradient(#94a3b8 0%,#64748b 100%);width:2px;transition:height .5s ease-out;position:absolute;top:8px;right:20px}.crane-hook{border:3px solid #fbbf24;border-top:none;border-radius:0 0 8px 8px;width:14px;height:14px;animation:2s ease-in-out infinite hookSway;position:absolute;bottom:-8px;left:-6px}@keyframes hookSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.crane-counter{background:#94a3b8;border-radius:2px;width:30px;height:20px;position:absolute;bottom:225px;left:-20px}.crane-cabin{background:linear-gradient(135deg,#ff6b35 0%,#e85a2a 100%);border-radius:3px;width:24px;height:25px;position:absolute;bottom:200px;left:2px}.crane-cabin:before{content:"";background:#0000004d;border-radius:2px;height:10px;position:absolute;top:4px;left:4px;right:4px}.building{width:120px;position:absolute;bottom:20px;right:30px}.building-base{background:linear-gradient(#94a3b8 0%,#64748b 100%);border-radius:2px 2px 0 0;height:20px;position:absolute;bottom:0;left:0;right:0}.building-floor{opacity:0;background:linear-gradient(#cbd5e1 0%,#94a3b8 100%);border-radius:2px;height:22px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards floorRise;position:absolute;left:0;right:0;transform:translateY(20px)}@keyframes floorRise{to{opacity:1;transform:translateY(0)}}.floor-windows{justify-content:space-around;gap:8px;padding:4px 8px;display:flex}.window{opacity:0;background:#ffc8641a;border-radius:2px;width:24px;height:14px;animation:.3s ease-out forwards windowLight}@keyframes windowLight{to{opacity:1;background:linear-gradient(#ffc86499 0%,#ff963266 100%);box-shadow:0 0 8px #ffb4504d}}.building-roof{opacity:0;background:linear-gradient(#ff6b35 0%,#e85a2a 100%);border-radius:3px 3px 0 0;height:12px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards roofPlace;position:absolute;bottom:196px;left:-5px;right:-5px;transform:translateY(-10px)}@keyframes roofPlace{to{opacity:1;transform:translateY(0)}}.ground{background:#e2e8f0;height:20px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ground-stripe{background:repeating-linear-gradient(90deg,#ff6b35 0 20px,#e2e8f0 20px 40px);height:4px;animation:1s linear infinite stripeMove;position:absolute;bottom:8px;left:0;right:0}@keyframes stripeMove{to{transform:translate(40px)}}.loading-brand{text-align:center}.loading-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:auto;height:60px;animation:2s ease-in-out infinite logoGlow}@keyframes logoGlow{0%,to{filter:drop-shadow(0 2px 4px #0000001a)}50%{filter:drop-shadow(0 2px 8px #ff6b354d)drop-shadow(0 0 20px #ff6b3526)}}.loading-subtitle{letter-spacing:4px;text-transform:uppercase;color:#ff6b35;margin:8px 0 0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.loading-progress-section{flex-direction:column;align-items:center;gap:16px;width:320px;display:flex}.loading-progress-bar{background:#e2e8f0;border:1px solid #ff6b354d;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.loading-progress-fill{background:linear-gradient(90deg,#ff6b35 0%,#ff8c5a 50%,#ff6b35 100%) 0 0/200% 100%;border-radius:4px;height:100%;transition:width .1s ease-out;animation:1.5s linear infinite progressShine;position:absolute;top:0;left:0}@keyframes progressShine{to{background-position:200% 0}}.loading-progress-stripes{background:repeating-linear-gradient(-45deg,#0000,#0000 8px,#ffffff4d 8px 16px);animation:.5s linear infinite stripesMove;position:absolute;inset:0}@keyframes stripesMove{to{transform:translate(22.6px)}}.loading-message{color:#64748b;margin:0;font-family:JetBrains Mono,monospace;font-size:13px}.loading-dots span{opacity:0;animation:1.4s infinite dotPulse}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,60%,to{opacity:0}30%{opacity:1}}@media (max-width:480px){.construction-scene{transform:scale(.8)}.loading-title{letter-spacing:8px;font-size:40px}.loading-progress-section{width:260px}.loading-decoration-1,.loading-decoration-2,.loading-decoration-3{display:none}}