@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=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-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-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}.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-bg-pattern{pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#ff6b3514 0%,#0000 50%),repeating-linear-gradient(90deg,#0000,#0000 100px,#ff6b3505 100px 101px);height:500px;position:absolute;top:0;left:0;right:0}.pricing-bg-glow{pointer-events:none;background:radial-gradient(circle,#ff6b350f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.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-highlight{color:var(--primary);font-weight:600}.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-popular:hover{box-shadow:0 20px 50px #ff6b3540}.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-card-dark .pricing-period,.pricing-card-dark .pricing-currency{color:#ffffffb3}.pricing-card-dark .pricing-credits{color:#fff;background:#ffffff26}.pricing-card-dark .pricing-credits span,.pricing-card-dark .pricing-credits strong{color:#fff}.pricing-card-dark .pricing-check{color:#ff6b35}.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-card-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.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-card-dark .pricing-feature{border-bottom-color:#ffffff1a}.pricing-feature:last-child{border-bottom:none}.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:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.pricing-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.pricing-cta-current{background:var(--secondary);color:var(--muted-foreground);box-shadow:none;border:1px solid var(--border)}.pricing-card-dark .pricing-cta{color:var(--foreground);background:#fff;box-shadow:0 4px 12px #0003}.pricing-card-dark .pricing-cta:hover:not(:disabled){box-shadow:0 6px 20px #0000004d}.pricing-spinner{animation:1s linear infinite spin}.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-modal{background:var(--card);border-radius:calc(var(--radius)*2);width:100%;max-width:480px;max-height:90vh;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.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-error-btn:hover{background:var(--border)}.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-view-camera{color:#f97316;background:#f973161a;border:1px solid #f973164d;border-radius:4px;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.notification-item:hover .notification-view-camera{background:#f9731633;border-color:#f97316}.notification-item.clickable:hover{background:#f973161a}.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}}.notification-settings-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out notifFadeIn;display:flex;position:fixed;inset:0}@keyframes notifFadeIn{0%{opacity:0}to{opacity:1}}.notification-settings-modal{background:#f8f9fa;border:1px solid #0000001a;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.3s ease-out notifModalIn;display:flex;box-shadow:0 25px 50px -12px #00000040}@keyframes notifModalIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.settings-header{background:#fff;border-bottom:1px solid #0000001a;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-header h2{color:#1a1a1a;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:700}.settings-close{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.settings-close:hover{color:#1a1a1a;background:#e9ecef}.settings-content{background:#f8f9fa;flex:1;padding:0;overflow-y:auto}.settings-section{border-bottom:1px solid #0000000f;padding:20px 24px}.settings-section:last-child{border-bottom:none}.settings-section h3{color:#1a1a1a;margin:0 0 4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600}.section-description{color:#6c757d;margin:0 0 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;line-height:1.5}.mode-selector{flex-direction:column;gap:8px;display:flex}.mode-option{cursor:pointer;text-align:left;color:#6c757d;background:#fff;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.mode-option:hover{background:#ff6b3508;border-color:#ff6b35}.mode-option.active{color:#1a1a1a;background:#ff6b3514;border-color:#ff6b35}.mode-option svg{color:#6c757d;flex-shrink:0}.mode-option.active svg:first-child{color:#ff6b35}.mode-text{flex-direction:column;flex:1;gap:2px;display:flex}.mode-title{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600}.mode-desc{color:#6c757d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem}.mode-check{color:#ff6b35}.camera-selection{margin-top:16px}.camera-search{background:#fff;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;transition:all .2s;display:flex}.camera-search:focus-within{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.camera-search svg{color:#6c757d;flex-shrink:0}.camera-search input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem}.camera-search input::placeholder{color:#adb5bd}.camera-search button{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.camera-search button:hover{color:#1a1a1a;background:#e9ecef}.camera-list{background:#fff;border:1px solid #0000001a;border-radius:10px;max-height:300px;overflow-y:auto}.no-cameras{text-align:center;color:#6c757d;padding:32px;font-size:.875rem}.unit-group{border-bottom:1px solid #0000000f}.unit-group:last-child{border-bottom:none}.unit-header{cursor:pointer;align-items:center;gap:8px;padding:12px 16px;transition:background .15s;display:flex}.unit-header:hover{background:#f1f3f5}.expand-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.unit-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.unit-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600;overflow:hidden}.unit-meta{color:#6c757d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem}.unit-toggle{color:#6c757d;cursor:pointer;white-space:nowrap;background:#e9ecef;border:1px solid #0000001a;border-radius:6px;padding:6px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;font-weight:500;transition:all .2s}.unit-toggle:hover{color:#ff6b35;background:#ff6b351a;border-color:#ff6b35}.unit-toggle.subscribed{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.unit-toggle.partial{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.notification-settings-modal .unit-cameras{padding:0 8px 8px 40px}.camera-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.camera-item:hover{background:#f1f3f5}.camera-item.subscribed{background:#ff6b350f}.camera-checkbox{color:#0000;border:2px solid #dee2e6;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.camera-item.subscribed .camera-checkbox{color:#fff;background:#ff6b35;border-color:#ff6b35}.camera-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;overflow:hidden}.camera-position{color:#6c757d;text-transform:capitalize;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem}.event-toggles{flex-direction:column;gap:6px;display:flex}.event-toggle{cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;transition:all .15s;display:flex}.event-toggle:hover{background:#ff6b3508;border-color:#ff6b35}.event-toggle input[type=checkbox]{accent-color:#ff6b35;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.toggle-content{flex-direction:column;flex:1;gap:4px;display:flex}.toggle-label{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600;line-height:1.3}.toggle-desc{color:#6c757d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;line-height:1.4}.quiet-hours-toggle{cursor:pointer;color:#1a1a1a;align-items:center;gap:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;display:flex}.quiet-hours-toggle input[type=checkbox]{accent-color:#ff6b35;cursor:pointer;width:18px;height:18px}.quiet-hours-inputs{background:#fff;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex}.time-input{flex-direction:column;gap:6px;display:flex}.time-input label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.6875rem;font-weight:600}.time-input input[type=time]{color:#1a1a1a;background:#f8f9fa;border:1px solid #0000001a;border-radius:8px;padding:10px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;transition:all .2s}.time-input input[type=time]:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.time-separator{color:#6c757d;padding-top:24px;font-size:.875rem}.settings-footer{background:#fff;border-top:1px solid #0000001a;border-radius:0 0 16px 16px;justify-content:flex-end;padding:16px 24px;display:flex}.settings-done{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);border:none;border-radius:8px;padding:10px 32px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #ff6b3540}.settings-done:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3559}@keyframes notifSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.camera-list::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar{width:6px}.camera-list::-webkit-scrollbar-track{background:0 0}.settings-content::-webkit-scrollbar-track{background:0 0}.camera-list::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.settings-content::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.camera-list::-webkit-scrollbar-thumb:hover{background:#adb5bd}.settings-content::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media (max-width:600px){.notification-settings-overlay{padding:12px}.notification-settings-modal{border-radius:12px;max-width:100%;max-height:100%}.settings-header{border-radius:12px 12px 0 0;padding:16px}.settings-section{padding:16px}.settings-footer{border-radius:0 0 12px 12px;padding:16px}.mode-option{padding:12px}.quiet-hours-inputs{flex-wrap:wrap}.time-separator{display:none}.time-input{flex:1;min-width:100px}.unit-header{padding:10px 12px}.notification-settings-modal .unit-cameras{padding-left:32px}}.cv-logs-modal-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cv-logs-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.cv-logs-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.cv-logs-header h2{color:#111827;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.cv-logs-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.cv-logs-close:hover{color:#111827;background:#f3f4f6}.cv-logs-body{flex:1;padding:16px;overflow-y:auto}.cv-logs-loading,.cv-logs-empty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.cv-logs-list{flex-direction:column;gap:12px;display:flex}.cv-log-entry{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;transition:all .2s;display:flex}.cv-log-entry:hover{box-shadow:0 2px 8px #0000001a}.cv-log-entry.verified{border-left:4px solid #16a34a}.cv-log-entry.rejected{border-left:4px solid #dc2626}.cv-log-icon{flex-shrink:0;margin-top:2px}.cv-log-entry.verified .cv-log-icon{color:#16a34a}.cv-log-entry.rejected .cv-log-icon{color:#dc2626}.cv-log-details{flex:1;min-width:0}.cv-log-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.cv-log-camera{color:#111827;font-size:15px;font-weight:600}.cv-log-time{color:#6b7280;font-size:12px}.cv-log-event{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px}.cv-log-reason{color:#374151;margin-bottom:8px;font-size:14px}.cv-log-metrics{color:#6b7280;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.cv-log-metrics span{background:#f3f4f6;border-radius:4px;padding:2px 8px}.cv-log-view-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.cv-log-view-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.cv-snapshot-overlay{z-index:10001;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cv-snapshot-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;max-height:95vh;display:flex;overflow:hidden;box-shadow:0 20px 80px #00000080}.cv-snapshot-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cv-snapshot-header h3{color:#111827;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.cv-snapshot-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.cv-snapshot-close:hover{color:#111827;background:#e5e7eb}.cv-snapshot-body{flex:1;padding:24px;overflow-y:auto}.cv-snapshot-loading,.cv-snapshot-empty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.cv-snapshot-viewer{background:#000;border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex}.cv-snapshot-image-container{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.cv-snapshot-image{border-radius:8px;max-width:100%;max-height:600px;box-shadow:0 4px 20px #0000004d}.cv-snapshot-image-info{color:#fff;background:#000c;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cv-snapshot-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.cv-snapshot-nav:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:scale(1.1)}.cv-snapshot-nav:disabled{opacity:.3;cursor:not-allowed}.cv-snapshot-thumbnails{background:#f9fafb;border-radius:12px;gap:12px;margin-bottom:20px;padding:16px;display:flex;overflow-x:auto}.cv-snapshot-thumb{cursor:pointer;border:3px solid #0000;border-radius:8px;flex-shrink:0;width:120px;height:80px;transition:all .2s;position:relative;overflow:hidden}.cv-snapshot-thumb:hover{border-color:#3b82f6;transform:scale(1.05)}.cv-snapshot-thumb.active{border-color:#2563eb;box-shadow:0 4px 12px #2563eb66}.cv-snapshot-thumb img{object-fit:cover;width:100%;height:100%}.cv-snapshot-thumb-label{color:#fff;background:#000000b3;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:4px;left:4px}.cv-snapshot-metadata{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.cv-snapshot-metadata h4{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.cv-snapshot-metadata pre{color:#111827;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Courier New,monospace;font-size:13px}@media (max-width:768px){.cv-snapshot-viewer{flex-direction:column;padding:12px}.cv-snapshot-nav{width:40px;height:40px}.cv-snapshot-thumbnails{gap:8px;padding:12px}.cv-snapshot-thumb{width:80px;height:60px}}.cv-test-modal-overlay{z-index:10001;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cv-test-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.cv-test-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.cv-test-header-content{flex:1}.cv-test-header h2{color:#111827;align-items:center;gap:10px;margin:0 0 12px;font-size:18px;font-weight:700;display:flex}.cv-test-status{border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.cv-test-status.verified{color:#16a34a;background:#dcfce7}.cv-test-status.rejected{color:#dc2626;background:#fee2e2}.cv-test-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;transition:all .2s}.cv-test-close:hover{color:#111827;background:#e5e7eb}.cv-test-body{flex:1;padding:24px;overflow-y:auto}.cv-test-summary{margin-bottom:24px}.cv-test-reason{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:16px}.cv-test-reason h3{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:600}.cv-test-reason p{color:#111827;margin:0;font-size:15px;line-height:1.5}.cv-test-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.cv-test-metric{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.cv-test-metric label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.cv-test-metric-value{color:#3b82f6;font-size:28px;font-weight:700;line-height:1}.cv-test-objects{margin-bottom:24px}.cv-test-objects h3{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.cv-test-object-tags{flex-wrap:wrap;gap:8px;display:flex}.cv-test-object-tag{color:#1e40af;background:#dbeafe;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.cv-test-frames-table{margin-bottom:24px}.cv-test-frames-table h3{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.cv-test-frames-table table{border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;overflow:hidden}.cv-test-frames-table thead{background:#f9fafb}.cv-test-frames-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px;font-weight:600}.cv-test-frames-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:14px}.cv-test-frames-table tbody tr:last-child td{border-bottom:none}.cv-test-frames-table tbody tr:hover{background:#f9fafb}.cv-test-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.cv-test-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.cv-test-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.cv-test-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.cv-test-btn-secondary{color:#374151;background:#f3f4f6}.cv-test-btn-secondary:hover{background:#e5e7eb}.cv-test-loading,.cv-test-empty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}@keyframes cv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cv-test-viewer{background:#000;border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex}.cv-test-image-container{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.cv-test-image{border-radius:8px;max-width:100%;max-height:500px;box-shadow:0 4px 20px #0000004d}.cv-test-image-info{color:#fff;background:#000c;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cv-test-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.cv-test-nav:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:scale(1.1)}.cv-test-nav:disabled{opacity:.3;cursor:not-allowed}.cv-test-thumbnails{background:#f9fafb;border-radius:12px;gap:12px;margin-bottom:20px;padding:16px;display:flex;overflow-x:auto}.cv-test-thumb{cursor:pointer;border:3px solid #0000;border-radius:8px;flex-shrink:0;width:120px;height:80px;transition:all .2s;position:relative;overflow:hidden}.cv-test-thumb:hover{border-color:#3b82f6;transform:scale(1.05)}.cv-test-thumb.active{border-color:#2563eb;box-shadow:0 4px 12px #2563eb66}.cv-test-thumb img{object-fit:cover;width:100%;height:100%}.cv-test-thumb-label{color:#fff;background:#000000b3;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:4px;left:4px}@media (max-width:768px){.cv-test-metrics{grid-template-columns:repeat(2,1fr)}.cv-test-viewer{flex-direction:column;padding:12px}.cv-test-nav{width:40px;height:40px}.cv-test-thumbnails{gap:8px;padding:12px}.cv-test-thumb{width:80px;height:60px}}.cv-tab{max-width:1400px;margin:0 auto;padding:20px}.cv-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.cv-header-content h2{color:#111827;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.cv-header-content p{color:#6b7280;margin:5px 0 0;font-size:14px}.cv-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.cv-btn:disabled{opacity:.5;cursor:not-allowed}.cv-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.cv-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.cv-btn-secondary{color:#374151;background:#f3f4f6}.cv-btn-secondary:hover:not(:disabled){background:#e5e7eb}.cv-btn-danger{color:#dc2626;background:#fef2f2}.cv-btn-danger:hover:not(:disabled){background:#fee2e2}.cv-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.cv-loading-small{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.cv-spinner{animation:1s linear infinite cv-spin}.cv-empty{text-align:center;color:#6b7280;padding:80px 20px}.cv-empty svg{opacity:.3;margin-bottom:20px}.cv-empty h3{color:#374151;margin:0 0 8px;font-size:18px;font-weight:600}.cv-empty p{margin:0;font-size:14px}.cv-units{flex-direction:column;gap:16px;display:flex}.cv-unit-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;overflow:hidden}.cv-unit-card:hover{box-shadow:0 4px 12px #00000014}.cv-unit-card.expanded{box-shadow:0 8px 24px #0000001f}.cv-unit-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:16px;padding:20px;display:flex}.cv-unit-title h3{color:#111827;margin:0;font-size:18px;font-weight:700}.cv-unit-cameras{color:#6b7280;background:#f3f4f6;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:12px}.cv-unit-stats-mini{gap:20px;margin-left:auto;margin-right:16px;display:flex}.cv-stat-mini{text-align:center}.cv-stat-mini.success{color:#16a34a}.cv-stat-mini.danger{color:#dc2626}.cv-stat-mini.highlight{color:#16a34a;background:#f0fdf4;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-weight:600;display:flex}.cv-stat-value{font-size:24px;font-weight:700;line-height:1;display:block}.cv-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;display:block}.cv-expand-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:4px;transition:all .2s}.cv-expand-btn:hover{color:#111827;background:#f3f4f6;border-radius:6px}.cv-unit-body{border-top:1px solid #e5e7eb;padding:16px 20px}.cv-controls-section{margin-bottom:16px;padding:0}.cv-controls-section h4{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin:0 0 12px;font-size:11px;font-weight:600;display:flex}.cv-threshold-control{margin-bottom:16px}.cv-threshold-control label{color:#374151;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.cv-threshold-value{color:#3b82f6;font-size:14px;font-weight:700}.cv-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;outline:none;width:100%;height:6px}.cv-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #2563eb66}.cv-slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #2563eb66}.cv-threshold-hint{color:#9ca3af;margin:4px 0 0;font-size:11px;line-height:1.3}.cv-cameras-section{border-top:1px solid #f3f4f6;padding:16px 0 0}.cv-cameras-section h4{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:600;display:flex}.cv-camera-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.cv-camera-test-btn{color:#374151;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.cv-camera-test-btn:hover:not(:disabled){color:#fff;background:#3b82f6;border-color:#3b82f6}.cv-camera-test-btn:disabled{opacity:.5;cursor:not-allowed}.cv-actions{border-top:1px solid #f3f4f6;gap:10px;padding-top:16px;display:flex}.cv-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cv-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden}.cv-modal-header{border-bottom:1px solid #e5e7eb;padding:24px}.cv-modal-header h2{color:#111827;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.cv-modal-body{flex:1;padding:24px;overflow-y:auto}.cv-form-group{margin-bottom:20px}.cv-form-group label{color:#374151;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.cv-value-badge{color:#3b82f6;background:#eff6ff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.cv-search-input-wrapper{width:100%;position:relative}.cv-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cv-search-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:all .2s}.cv-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.cv-search-input::placeholder{color:#9ca3af}.cv-no-results{color:#dc2626;margin:8px 0 0;font-size:13px;font-weight:500}.cv-search-results{color:#16a34a;margin:8px 0 0;font-size:13px;font-weight:500}.cv-select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.cv-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.cv-textarea{color:#111827;resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.cv-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.cv-info-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;gap:12px;margin-top:20px;padding:14px;font-size:13px;display:flex}.cv-info-box strong{margin-bottom:4px;display:block}.cv-info-box p{opacity:.9;margin:0}.cv-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.cv-unit-body-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px;display:grid}@media (min-width:900px){.cv-unit-body-grid .cv-controls-section{border-right:1px solid #f3f4f6;padding-right:24px}.cv-unit-body-grid .cv-cameras-section{border-top:none;padding-top:0}}@media (max-width:899px){.cv-unit-body-grid{grid-template-columns:1fr;gap:0}.cv-unit-body-grid .cv-controls-section{border-right:none;margin-bottom:16px;padding-right:0}}@media (max-width:768px){.cv-unit-header{flex-wrap:wrap}.cv-unit-stats-mini{border-top:1px solid #f3f4f6;flex-basis:100%;justify-content:space-around;margin:16px 0 0;padding-top:16px}.cv-camera-grid{grid-template-columns:1fr}.cv-actions{flex-direction:column}}.nd-container{background:var(--background);min-height:100vh;font-family:var(--font-family);color:var(--foreground)}.nd-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}.nd-back{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius);color:#fff;font-size:var(--font-size-sm);cursor:pointer;font-weight:600;font-family:var(--font-family);background:#22c55e;border:1px solid #22c55e;transition:all .2s;display:flex;box-shadow:0 2px 8px #22c55e4d}.nd-back:hover{background:#16a34a;border-color:#16a34a;box-shadow:0 4px 12px #22c55e66}.nd-header-center{flex-direction:column;flex:1;align-items:center;display:flex}.nd-header-center h1{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-2xl);color:var(--foreground);margin:0;font-weight:700;display:flex}.nd-header-center h1 svg{color:var(--primary)}.nd-header-center p{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:var(--spacing-xs)0 0}.nd-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}.nd-refresh:hover:not(:disabled){background:var(--accent);border-color:var(--primary);color:var(--primary)}.nd-refresh:disabled{opacity:.5;cursor:not-allowed}.nd-main{max-width:1400px;padding:var(--spacing-xl)var(--spacing-2xl);margin:0 auto}.nd-content{animation:.3s fadeIn}.nd-hero-section{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.nd-hero-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl);align-items:flex-start;gap:var(--spacing-md);transition:all .2s;display:flex;position:relative;overflow:hidden}.nd-hero-stat:before{content:"";background:var(--border);height:4px;position:absolute;top:0;left:0;right:0}.nd-hero-stat.blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.nd-hero-stat.green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.nd-hero-stat.neutral:before{background:linear-gradient(90deg,#6b7280,#9ca3af)}.nd-hero-stat.amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.nd-hero-stat:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nd-hero-stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.nd-hero-stat.blue .nd-hero-stat-icon{color:#3b82f6;background:#3b82f61a}.nd-hero-stat.green .nd-hero-stat-icon{color:#22c55e;background:#22c55e1a}.nd-hero-stat.neutral .nd-hero-stat-icon{color:#6b7280;background:#6b72801a}.nd-hero-stat.amber .nd-hero-stat-icon{color:#f59e0b;background:#f59e0b1a}.nd-hero-stat-content{flex:1;min-width:0}.nd-hero-stat-value{color:var(--foreground);margin-bottom:var(--spacing-xs);font-size:28px;font-weight:700;line-height:1.2}.nd-hero-stat-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-weight:600}.nd-hero-stat-sublabel{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-top:var(--spacing-xs)}.nd-tabs{background:var(--secondary);border-radius:var(--radius);margin-bottom:var(--spacing-xl);gap:4px;padding:4px;display:flex}.nd-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}.nd-tab:hover:not(.active){color:var(--foreground);background:#ff6b351a}.nd-tab.active{background:var(--primary);color:#fff}.nd-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:60vh;display:flex}.nd-loading p{color:var(--muted-foreground);font-size:var(--font-size-sm)}.nd-empty{justify-content:center;align-items:center;gap:var(--spacing-md);min-height:40vh;color:var(--muted-foreground);flex-direction:column;display:flex}.nd-empty p{font-size:var(--font-size-sm)}.nd-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.nd-card h3{font-size:var(--font-size-lg);color:var(--foreground);margin:0 0 var(--spacing-lg);font-weight:600}.nd-card-full{grid-column:1/-1}.nd-history-tab{animation:.3s fadeIn}.nd-filters{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.nd-filter-row{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.nd-filter-row:not(:last-child){margin-bottom:var(--spacing-md)}.nd-search-box{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.nd-search-box svg{left:var(--spacing-md);color:var(--muted-foreground);pointer-events:none;position:absolute}.nd-search-box input{width:100%;padding:var(--spacing-sm)var(--spacing-md)var(--spacing-sm)40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);font-size:var(--font-size-sm);color:var(--foreground);font-family:var(--font-family)}.nd-search-box input:focus{border-color:var(--primary);outline:none}.nd-clear-search{right:var(--spacing-sm);background:var(--muted);width:20px;height:20px;color:var(--muted-foreground);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.nd-clear-search:hover{background:var(--border);color:var(--foreground)}.nd-filters select{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);color:var(--foreground);font-family:var(--font-family);cursor:pointer}.nd-filters select:focus{border-color:var(--primary);outline:none}.nd-date-filter{align-items:center;gap:var(--spacing-sm);display:flex}.nd-date-filter label{font-size:var(--font-size-sm);color:var(--muted-foreground);white-space:nowrap;font-weight:500}.nd-date-filter input[type=date]{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);color:var(--foreground);font-family:var(--font-family)}.nd-date-filter input[type=date]:focus{border-color:var(--primary);outline:none}.nd-clear-filters{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);font-size:var(--font-size-sm);color:var(--foreground);cursor:pointer;font-family:var(--font-family);transition:all .2s;display:inline-flex}.nd-clear-filters:hover{background:var(--secondary);border-color:var(--primary);color:var(--primary)}.nd-bulk-actions{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);margin-bottom:var(--spacing-lg);background:#3b82f61a;border:1px solid #3b82f64d;display:flex}.nd-bulk-count{font-size:var(--font-size-sm);color:#3b82f6;margin-right:auto;font-weight:600}.nd-bulk-actions button{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-sm);color:var(--foreground);cursor:pointer;font-family:var(--font-family);background:#fff;transition:all .2s;display:inline-flex}.nd-bulk-actions button:hover{background:var(--muted);border-color:var(--primary);color:var(--primary)}.nd-bulk-actions button.nd-delete-btn{color:#ef4444}.nd-bulk-actions button.nd-delete-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.nd-table-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.nd-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.nd-table th,.nd-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border);text-align:left}.nd-table th{color:var(--muted-foreground);text-transform:uppercase;font-weight:600;font-size:var(--font-size-xs);letter-spacing:.05em;background:var(--muted)}.nd-table tbody tr{transition:background .2s}.nd-table tbody tr:hover{background:var(--muted)}.nd-table tbody tr.unread{background:#3b82f608}.nd-table tbody tr.selected{background:#ff6b3514}.nd-checkbox-col{text-align:center;width:40px}.nd-checkbox-col input[type=checkbox]{cursor:pointer}.nd-event-col{width:150px}.nd-event-type{align-items:center;gap:var(--spacing-xs);font-weight:600;font-size:var(--font-size-sm);display:flex}.nd-camera-col{width:200px}.nd-camera-folder{font-family:monospace;font-size:var(--font-size-sm);color:var(--foreground)}.nd-message-col{min-width:300px}.nd-message-content{flex-direction:column;gap:4px;display:flex}.nd-title{color:var(--foreground);font-weight:600}.nd-message{font-size:var(--font-size-xs);color:var(--muted-foreground)}.nd-time-col{width:120px}.nd-status-col{width:80px}.nd-status-badge{font-size:var(--font-size-xs);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-weight:600;display:inline-flex}.nd-status-badge.read{color:#6b7280;background:#6b72801a}.nd-status-badge.unread{color:#3b82f6;background:#3b82f61a}.nd-table-loading,.nd-table-empty{text-align:center;padding:var(--spacing-xl);color:var(--muted-foreground);font-size:var(--font-size-sm)}.nd-pagination{padding:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-top:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.nd-pagination-info{font-size:var(--font-size-sm);color:var(--muted-foreground)}.nd-pagination-controls{align-items:center;gap:var(--spacing-md);display:flex}.nd-pagination-controls button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--foreground);cursor:pointer;font-family:var(--font-family);background:0 0;transition:all .2s;display:inline-flex}.nd-pagination-controls button:hover:not(:disabled){background:var(--muted);border-color:var(--primary);color:var(--primary)}.nd-pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.nd-page-indicator{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600}.nd-camera-stats-tab{animation:.3s fadeIn}.nd-camera-stats-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.nd-camera-stats-header h2{font-size:var(--font-size-xl);color:var(--foreground);margin:0;font-weight:700}.nd-camera-controls{align-items:center;gap:var(--spacing-md);display:flex}.nd-search-box{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);transition:all .2s;display:flex}.nd-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.nd-search-box svg{color:var(--muted-foreground);flex-shrink:0}.nd-search-box input{color:var(--foreground);font-size:var(--font-size-sm);font-family:var(--font-family);background:0 0;border:none;outline:none;width:200px}.nd-search-box input::placeholder{color:var(--muted-foreground)}.nd-camera-stats-header select{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);color:var(--foreground);font-family:var(--font-family);cursor:pointer}.nd-camera-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.nd-camera-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s;animation:.3s backwards fadeIn;overflow:hidden}.nd-camera-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.nd-camera-card-header{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--muted);cursor:pointer;grid-template-columns:40px 1fr auto 40px;align-items:center;transition:background .2s;display:grid}.nd-camera-card-header:hover{background:var(--secondary)}.nd-camera-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}.nd-camera-info{min-width:0}.nd-camera-name{font-size:var(--font-size-base);color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.nd-camera-folder{font-size:var(--font-size-xs);color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;overflow:hidden}.nd-camera-count{font-size:var(--font-size-lg);color:var(--foreground);font-weight:700}.nd-camera-toggle{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.nd-camera-card-body{padding:var(--spacing-lg);background:var(--background);border-top:1px solid var(--border)}.nd-event-breakdown,.nd-timeline,.nd-recent{margin-bottom:var(--spacing-lg)}.nd-event-breakdown:last-child,.nd-timeline:last-child,.nd-recent:last-child{margin-bottom:0}.nd-event-breakdown h4,.nd-timeline h4,.nd-recent h4{font-size:var(--font-size-sm);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-md);font-weight:600}.nd-event-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.nd-event-item{gap:var(--spacing-md);grid-template-columns:1fr auto;align-items:center;display:grid}.nd-event-name{font-size:var(--font-size-sm);color:var(--foreground);font-weight:500}.nd-event-count{font-size:var(--font-size-sm);color:var(--foreground);font-weight:700}.nd-event-bar{background:var(--muted);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.nd-event-bar-fill{border-radius:3px;height:100%;transition:width .6s}.nd-timeline-chart{align-items:flex-end;gap:4px;height:60px;display:flex}.nd-timeline-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.nd-timeline-bar-fill{background:var(--primary);border-radius:2px 2px 0 0;width:100%;min-height:2px;transition:height .6s}.nd-timeline-date{color:var(--muted-foreground);transform-origin:50%;white-space:nowrap;margin-top:4px;font-size:9px;transform:rotate(-45deg)}.nd-timeline-chart-large{gap:var(--spacing-sm);height:200px;padding:var(--spacing-lg)0;align-items:flex-end;display:flex}.nd-timeline-bar-large{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.nd-timeline-bar-large .nd-timeline-bar-fill{background:linear-gradient(#3b82f6,#60a5fa);border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .6s}.nd-timeline-bar-large .nd-timeline-label{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-top:var(--spacing-xs);white-space:nowrap}.nd-recent-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.nd-recent-item{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-xs);grid-template-columns:auto 1fr auto;display:grid}.nd-recent-type{color:var(--primary);font-weight:600}.nd-recent-title{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nd-recent-time{color:var(--muted-foreground);white-space:nowrap}.nd-view-full-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--primary);border-radius:var(--radius);color:#fff;font-size:var(--font-size-sm);cursor:pointer;font-weight:600;font-family:var(--font-family);width:100%;margin-top:var(--spacing-md);border:none;justify-content:center;transition:all .2s;display:inline-flex}.nd-view-full-btn:hover{background:#e65a2d}.nd-modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.nd-modal{background:var(--card);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:1000px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.nd-camera-modal{max-width:1200px}.nd-modal-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.nd-modal-header h2{font-size:var(--font-size-xl);color:var(--foreground);margin:0;font-weight:600}.nd-modal-subtitle{font-size:var(--font-size-sm);color:var(--muted-foreground);margin-top:4px;font-family:monospace}.nd-modal-close{border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--muted-foreground);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.nd-modal-close:hover{background:var(--muted);color:var(--foreground)}.nd-modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.nd-event-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.nd-event-tabs button{padding:var(--spacing-xs)var(--spacing-md);background:var(--muted);border:2px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--muted-foreground);cursor:pointer;font-family:var(--font-family);transition:all .2s}.nd-event-tabs button:hover{background:var(--secondary)}.nd-event-tabs button.active{border-color:var(--primary);color:var(--primary);background:#ff6b351a;font-weight:600}.nd-camera-timeline{margin-bottom:var(--spacing-lg)}.nd-camera-timeline h3{font-size:var(--font-size-base);color:var(--foreground);margin:0 0 var(--spacing-md);font-weight:600}.nd-camera-notifications{margin-bottom:var(--spacing-lg)}.nd-trends-tab{animation:.3s fadeIn}.nd-trends-controls{margin-bottom:var(--spacing-lg);justify-content:flex-end;display:flex}.nd-trends-controls select{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);color:var(--foreground);font-family:var(--font-family);cursor:pointer}.nd-charts-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.nd-charts-grid>.nd-card-full{grid-column:1/-1}.nd-donut-container{align-items:center;gap:var(--spacing-2xl);display:flex}.nd-donut-chart{flex-shrink:0;width:200px;height:200px;position:relative}.nd-donut-svg{width:100%;height:100%}.nd-donut-segment{transition:opacity .2s}.nd-donut-segment:hover{opacity:.8}.nd-donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nd-donut-total{font-size:var(--font-size-xl);color:var(--primary);font-weight:700;display:block}.nd-donut-label{font-size:var(--font-size-xs);color:var(--muted-foreground);display:block}.nd-donut-legend{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.nd-legend-item{gap:var(--spacing-md);padding:var(--spacing-xs)0;grid-template-columns:12px 1fr auto auto;align-items:center;display:grid}.nd-legend-dot{border-radius:3px;width:12px;height:12px}.nd-legend-name{font-size:var(--font-size-sm);color:var(--foreground);font-weight:500}.nd-legend-value{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600}.nd-legend-percent{font-size:var(--font-size-sm);color:var(--primary);text-align:right;min-width:50px;font-weight:600}.nd-trend-summary{gap:var(--spacing-md);flex-direction:column;display:flex}.nd-trend-stat{gap:var(--spacing-xs);flex-direction:column;display:flex}.nd-trend-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-weight:600}.nd-trend-value{font-size:var(--font-size-2xl);color:var(--foreground);font-weight:700}.nd-trend-direction{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--muted);border-radius:var(--radius);font-size:var(--font-size-base);font-weight:600;display:flex}.nd-peak-hours{gap:var(--spacing-sm);grid-template-columns:repeat(12,1fr);display:grid}.nd-hour-cell{aspect-ratio:1;background:var(--muted);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.nd-hour-cell:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.nd-hour-label{font-size:var(--font-size-xs);color:#fff;font-weight:600}.nd-hour-count{color:#fff;font-size:10px;font-weight:700}.nd-hourly-chart{height:180px;padding:var(--spacing-lg)var(--spacing-md);background:var(--muted);border-radius:var(--radius);align-items:flex-end;gap:4px;display:flex}.nd-hourly-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex;position:relative}.nd-hourly-bar-fill{background:linear-gradient(#3b82f6,#60a5fa);border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .6s}.nd-hourly-label{color:var(--muted-foreground);transform-origin:50%;white-space:nowrap;margin-top:4px;font-size:9px;font-weight:500;transform:rotate(-45deg)}.nd-hourly-count{color:var(--foreground);background:var(--card);white-space:nowrap;border-radius:3px;padding:2px 4px;font-size:10px;font-weight:700;position:absolute;top:-18px}.nd-chart-empty{min-height:200px;color:var(--muted-foreground);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}@media (max-width:1200px){.nd-hero-section{grid-template-columns:repeat(2,1fr)}.nd-charts-grid,.nd-camera-grid{grid-template-columns:1fr}}@media (max-width:768px){.nd-header{padding:var(--spacing-md)}.nd-back span{display:none}.nd-header-center h1{font-size:var(--font-size-lg)}.nd-main{padding:var(--spacing-lg)}.nd-hero-section{grid-template-columns:1fr}.nd-hero-stat-value{font-size:24px}.nd-tabs{flex-direction:column}.nd-tab{width:100%}.nd-filter-row{flex-direction:column;align-items:stretch}.nd-search-box{min-width:100%}.nd-filters select,.nd-date-filter{width:100%}.nd-donut-container{flex-direction:column}.nd-pagination{gap:var(--spacing-md);flex-direction:column}.nd-pagination-info{text-align:center}.nd-modal{border-radius:0;max-width:100%;max-height:100%}.nd-peak-hours{grid-template-columns:repeat(8,1fr)}.nd-timeline-chart-large{overflow-x:auto}}@media (max-width:480px){.nd-main{padding:var(--spacing-md)}.nd-card{padding:var(--spacing-lg)}.nd-table{font-size:var(--font-size-xs)}.nd-table th,.nd-table td{padding:var(--spacing-sm)}.nd-camera-card-header{grid-template-columns:32px 1fr auto}.nd-camera-count{display:none}.nd-peak-hours{grid-template-columns:repeat(6,1fr)}}.pp-page{background:var(--background);min-height:100vh}.pp-wrap{max-width:1120px;padding:var(--spacing-2xl)clamp(18px,2.6vw,28px)70px;margin:0 auto}.pp-back{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:var(--spacing-xl);background:0 0;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:all .15s;display:inline-flex}.pp-back:hover{color:var(--foreground);border-color:var(--primary);background:var(--card)}.pp-btn{font-family:var(--font-family);font-weight:700;font-size:var(--font-size-sm);border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;text-decoration:none;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.pp-btn:hover{background:#ffffff0f;border-color:#ffffff29}.pp-btn:active{transform:translateY(1px)}.pp-btn-primary{background:var(--primary);color:#fff;border-color:#ff6b358c;box-shadow:0 6px 18px #ff6b352e}.pp-btn-primary:hover{background:#ff8559;transform:translateY(-1px);box-shadow:0 8px 24px #ff6b3540}.pp-btn-full{width:100%}.pp-btn-lg{padding:14px 24px;font-size:15px}.pp-hero{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:20px;margin-bottom:26px;display:grid}.pp-hero-main{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px 28px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001f}.pp-hero-main:before{content:"";pointer-events:none;background:radial-gradient(500px 240px at 20% 10%,#ff6b351f,#0000 60%),radial-gradient(420px 220px at 85% 30%,#ff6b3514,#0000 60%);position:absolute;inset:-2px}.pp-hero-main>*{position:relative}.pp-hero-main h1{letter-spacing:-.5px;color:var(--foreground);margin:0 0 10px;font-size:clamp(34px,4.4vw,56px);line-height:1.05}.pp-hero-sub{color:var(--muted-foreground);max-width:66ch;margin:0 0 12px;font-size:17px}.pp-kicker{color:var(--foreground);background:#ff6b3514;border:1px solid #ff6b352e;border-radius:999px;align-items:center;gap:10px;margin-bottom:12px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-flex}.pp-dot{background:var(--primary);border-radius:999px;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #ff6b3526}.pp-cta-row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.pp-hero-side{align-content:stretch;gap:10px;display:grid}.pp-hero-side-card{background:var(--card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:border-color .15s,transform .15s;display:flex;box-shadow:0 8px 24px #0000001a}.pp-hero-side-card:hover{border-color:#ff6b354d;transform:translateY(-1px)}.pp-hero-side-card strong{color:var(--foreground);margin-bottom:2px;font-size:15px;font-weight:800;display:block}.pp-hero-side-card span{color:var(--muted-foreground);font-size:13px}.pp-hero-side-icon{width:40px;height:40px;color:var(--primary);background:#ff6b351a;border:1px solid #ff6b3533;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pp-pill-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pp-pill{color:var(--foreground);opacity:.82;border:1px solid var(--border);background:#ffffff08;border-radius:999px;padding:6px 10px;font-size:12px}.pp-pill-orange{color:var(--foreground);opacity:1;background:#ff6b3514;border-color:#ff6b3559}.pp-ticker-section{margin-bottom:26px;display:none}.pp-ticker{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.pp-ticker__track{gap:var(--spacing-lg);width:max-content;animation:45s linear infinite ppScroll;display:flex}.pp-ticker:hover .pp-ticker__track{animation-play-state:paused}@keyframes ppScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.pp-ticker__card{background:var(--card);border:1px solid var(--border);width:300px;padding:var(--spacing-lg);gap:var(--spacing-sm);border-radius:14px;flex-direction:column;flex-shrink:0;display:flex}.pp-ticker__qi{color:var(--primary);opacity:.35;flex-shrink:0}.pp-ticker__card p{font-size:var(--font-size-sm);color:var(--foreground);flex:1;margin:0;line-height:1.5}.pp-ticker__who{padding-top:var(--spacing-sm);border-top:1px solid var(--border);flex-direction:column;gap:1px;display:flex}.pp-ticker__who strong{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600}.pp-ticker__who span{font-size:var(--font-size-xs);color:var(--muted-foreground)}.pp-section{margin-top:26px;margin-bottom:var(--spacing-xl)}.pp-section-title{margin:0 0 var(--spacing-lg);letter-spacing:-.2px;color:var(--foreground);font-size:clamp(22px,2.6vw,30px);font-weight:700}.pp-section-subtitle{color:var(--muted-foreground);max-width:95ch;margin:-8px 0 18px;font-size:15px}.pp-section-subtitle strong{color:var(--foreground)}.pp-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.pp-section-header .pp-section-title{margin-bottom:0}.pp-currency-note{color:var(--muted-foreground);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.pp-how-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.pp-how-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;position:relative;overflow:hidden}.pp-how-card:before{content:"";pointer-events:none;background:radial-gradient(400px 200px at 10% 10%,#ff6b350f,#0000 60%);position:absolute;inset:-2px}.pp-how-card>*{position:relative}.pp-how-top{align-items:center;gap:10px;margin-bottom:14px;display:flex}.pp-how-step{width:28px;height:28px;color:var(--primary);background:#ff6b351f;border:1px solid #ff6b3547;border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:inline-flex}.pp-how-icon{width:42px;height:42px;color:var(--primary);background:#ff6b3514;border:1px solid #ff6b3529;border-radius:12px;justify-content:center;align-items:center;display:flex}.pp-how-card h3{color:var(--foreground);margin:0 0 8px;font-size:18px;font-weight:800}.pp-how-card p{color:var(--muted-foreground);margin:0 0 14px;font-size:14px;line-height:1.55}.pp-how-billing{color:var(--foreground);background:#ff6b3514;border:1px solid #ff6b352e;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.pp-how-facts{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.pp-how-fact{color:var(--foreground);opacity:.88;align-items:flex-start;gap:10px;font-size:14px;display:flex}.pp-how-fact svg{color:var(--primary);flex-shrink:0;margin-top:2px}.pp-divider{background:var(--border);height:1px;margin:12px 0}.pp-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:14px;display:grid}.pp-card{background:var(--card);border:1px solid var(--border);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001f}.pp-card--pop{background:linear-gradient(180deg,#ff6b350f,var(--card));border-color:#ff6b3573;box-shadow:0 18px 40px #00000026}.pp-card--credits{border-color:#ff6b352e}.pp-card-ribbon{color:var(--primary);text-transform:uppercase;letter-spacing:.3px;z-index:1;background:#ff6b3524;border:1px solid #ff6b3559;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;position:absolute;top:14px;right:14px}.pp-card-head{padding:20px 20px 0}.pp-card-icon{border:1px solid var(--border);width:38px;height:38px;color:var(--muted-foreground);background:#ffffff0a;border-radius:11px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.pp-card-icon--pop,.pp-card-icon--credits{color:var(--primary);background:#ff6b351a;border-color:#ff6b3540}.pp-plan-name{color:var(--foreground);margin:2px 0 4px;font-size:18px;font-weight:900}.pp-best-for{color:var(--muted-foreground);margin:0;font-size:13px}.pp-price{flex-wrap:wrap;align-items:baseline;gap:2px;padding:12px 20px 0;display:flex}.pp-price-dollar{color:var(--foreground);opacity:.6;font-size:22px;font-weight:700}.pp-price-num{letter-spacing:-.8px;color:var(--foreground);font-size:42px;font-weight:900;line-height:1}.pp-price-per{color:var(--muted-foreground);margin-left:6px;font-size:13px}.pp-card .pp-divider{margin:12px 20px}.pp-card-body{flex:1;padding:0 20px}.pp-card-intro{color:var(--muted-foreground);margin:0 0 14px;font-size:14px;line-height:1.55}.pp-card-note{color:var(--muted-foreground);margin:10px 0 0;font-size:12.5px;font-style:italic}.pp-card-hint{color:var(--muted-foreground);margin:12px 0 0;font-size:12.5px}.pp-card-hint strong{color:var(--foreground)}.pp-card-footer{margin-top:auto;padding:16px 20px 20px}.pp-features{margin:0;padding:0;list-style:none}.pp-features li{color:var(--foreground);opacity:.88;align-items:flex-start;gap:8px;padding:5px 0;font-size:14px;display:flex}.pp-features li svg{color:var(--primary);flex-shrink:0;margin-top:3px}.pp-features--compact li{padding:3px 0;font-size:13px}.pp-features--dim{opacity:.55}.pp-credits-badge{color:var(--primary);background:#ff6b350f;border:1px solid #ff6b3524;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}.pp-credits-badge strong{color:var(--primary)}.pp-credits-badge span{color:var(--muted-foreground);font-size:12px}.pp-credits-badge svg{flex-shrink:0}.pp-credits-badge--pop{background:#ff6b351a;border-color:#ff6b3540}.pp-bundle-label{color:var(--foreground);letter-spacing:.3px;text-transform:uppercase;opacity:.85;margin:0 0 8px;font-size:12px;font-weight:900}.pp-bundles{gap:8px;display:grid}.pp-bundle{border:1px solid var(--border);background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.pp-bundle--hot{background:#ff6b350d;border-color:#ff6b3559}.pp-bundle-info{flex-direction:column;gap:3px;display:flex}.pp-bundle-info strong{color:var(--foreground);font-size:14px;font-weight:800}.pp-bundle-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.3px;background:#ff6b3524;border:1px solid #ff6b354d;border-radius:999px;width:fit-content;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.pp-bundle-meta{color:var(--muted-foreground);font-size:12px}.pp-bundle-nums{text-align:right;flex-shrink:0;min-width:130px}.pp-bundle-credits{color:var(--foreground);font-size:13px;font-weight:800}.pp-bundle-price{color:var(--muted-foreground);margin-top:2px;font-size:12px}.pp-notes-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.pp-notes-row p{color:var(--muted-foreground);border:1px solid var(--border);background:var(--card);border-radius:14px;margin:0;padding:14px 16px;font-size:13px;line-height:1.55}.pp-notes-row strong{color:var(--foreground)}.pp-accent{color:var(--primary);font-weight:900}.pp-matrix{border:1px solid var(--border);background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0000001f}.pp-matrix table{border-collapse:collapse;width:100%}.pp-matrix th,.pp-matrix td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--foreground);padding:12px 14px;font-size:14px}.pp-matrix th{text-align:left;background:#ffffff05;font-weight:900}.pp-matrix tr:last-child td{border-bottom:none}.pp-th-plan{font-size:13px;text-align:center!important}.pp-th-plan--pop{color:var(--primary)}.pp-tbl-feat{font-weight:600}.pp-tbl-val{text-align:center}.pp-tbl-val--pop{background:#ff6b3508}.pp-cell-yes{color:var(--primary);display:inline-flex}.pp-cell-no{color:var(--muted-foreground);opacity:.35;font-weight:900}.pp-cell-txt{font-size:13px;font-weight:600}.pp-credits-explainer{gap:var(--spacing-xl);background:var(--card);border:1px solid var(--border);padding:var(--spacing-2xl);border-radius:18px;grid-template-columns:1.1fr .9fr;display:grid}.pp-credits-text p{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0 0 var(--spacing-md);line-height:1.6}.pp-credits-text p strong{color:var(--foreground)}.pp-credits-costs{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg)}.pp-credits-costs-title{margin:0 0 var(--spacing-sm);color:var(--foreground);letter-spacing:.2px;text-transform:uppercase;opacity:.92;font-size:12.5px;font-weight:900}.pp-cost-row{font-size:var(--font-size-sm);color:var(--foreground);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.pp-cost-row:last-child{border-bottom:none}.pp-cost-row strong{color:var(--primary);white-space:nowrap;font-weight:600}.pp-link{font-size:var(--font-size-sm);color:var(--primary);font-weight:600;text-decoration:none}.pp-link:hover{text-decoration:underline}.pp-connect{background:linear-gradient(180deg,#ff6b350a,var(--card));border:1px solid #ff6b3538;border-radius:18px;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px;padding:24px;display:grid;box-shadow:0 10px 30px #0000001f}.pp-connect-left h3{color:var(--foreground);margin:0 0 8px;font-size:18px}.pp-connect-left p{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.55}.pp-connect-right{text-align:center;border:1px solid var(--border);background:#ffffff05;border-radius:16px;padding:20px}.pp-connect-price{letter-spacing:-.5px;color:var(--foreground);font-size:36px;font-weight:900;line-height:1}.pp-connect-unit{color:var(--muted-foreground);margin-bottom:14px;font-size:13px}.pp-fup{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:14px;margin-top:14px;padding:14px 18px;font-size:13px;line-height:1.55}.pp-fup strong{color:var(--foreground)}.pp-faq-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.pp-faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.pp-faq-item--open{border-color:#ff6b3540}.pp-faq-q{justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-lg);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:none;font-weight:600;display:flex}.pp-faq-q svg{color:var(--muted-foreground);flex-shrink:0}.pp-faq-q:hover{color:var(--primary)}.pp-faq-a{font-size:var(--font-size-sm);color:var(--muted-foreground);padding:0 var(--spacing-lg)var(--spacing-lg);margin:0;line-height:1.6}.pp-bottom-cta{justify-content:space-between;align-items:center;gap:var(--spacing-xl);background:var(--card);border:1px solid var(--border);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);border-radius:18px;display:flex}.pp-bottom-cta h3{font-size:var(--font-size-xl);color:var(--foreground);margin:0 0 4px;font-weight:700}.pp-bottom-cta p{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0}.pp-bottom-cta-text{flex:1}.pp-bottom-cta-actions{align-items:center;gap:var(--spacing-lg);flex-shrink:0;display:flex}.pp-foot{border-top:1px solid var(--border);padding-top:var(--spacing-xl);margin-top:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.pp-foot p{color:var(--muted-foreground);margin:0;font-size:12.5px;line-height:1.5}.pp-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;padding:var(--spacing-xl);background:#00000073;justify-content:center;align-items:center;animation:.15s ease-out ppFade;display:flex;position:fixed;inset:0}@keyframes ppFade{0%{opacity:0}to{opacity:1}}.pp-modal{background:var(--background);border:1px solid var(--border);width:100%;max-width:380px;padding:var(--spacing-2xl);border-radius:18px;animation:.2s ease-out ppUp;position:relative;box-shadow:0 20px 48px #00000024}@keyframes ppUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pp-modal-x{color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:4px;position:absolute;top:12px;right:12px}.pp-modal-x:hover{background:var(--secondary);color:var(--foreground)}.pp-modal h3{font-size:var(--font-size-lg);color:var(--foreground);margin:0 0 var(--spacing-md);font-weight:700}.pp-modal p{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0 0 var(--spacing-sm);line-height:1.5}.pp-modal-fine{font-style:italic;font-size:var(--font-size-xs)!important;margin-bottom:var(--spacing-lg)!important}#plans,#compare,#how,#connectivity,#faq,#pilot,#credits{scroll-margin-top:var(--spacing-xl)}@media (max-width:980px){.pp-hero{grid-template-columns:1fr}.pp-hero-side{grid-template-columns:repeat(3,1fr)}.pp-how-grid{grid-template-columns:1fr}.pp-pricing-grid{grid-template-columns:1fr;max-width:520px}.pp-card--pop{order:-1}.pp-credits-explainer,.pp-connect,.pp-notes-row,.pp-faq-grid{grid-template-columns:1fr}.pp-bottom-cta{text-align:center;flex-direction:column}.pp-bottom-cta-actions{gap:var(--spacing-sm);flex-direction:column}}@media (max-width:640px){.pp-wrap{padding:var(--spacing-xl)var(--spacing-lg)40px}.pp-hero-main h1{font-size:var(--font-size-2xl)}.pp-hero-side{grid-template-columns:1fr}.pp-bundle{flex-direction:column}.pp-bundle-nums{text-align:left;min-width:auto}.pp-connect-right{padding:16px}.pp-section-header{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.pp-matrix{overflow-x:auto}.pp-matrix table{min-width:540px}}.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{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}.live-view-btn:hover:not(:disabled){background:var(--accent);border-color:var(--primary);color:var(--primary)}.live-view-btn:disabled{opacity:.5;cursor:not-allowed}.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-selector{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:6px;margin-bottom:8px;padding:8px 12px;display:flex}.zone-selector-label{color:var(--text-secondary);margin-right:4px;font-size:12px}.zone-tab{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .15s;display:flex}.zone-tab:hover{border-color:var(--primary);color:var(--primary)}.zone-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.zone-tab.zone-add{color:var(--text-tertiary);border-style:dashed}.zone-tab.zone-add:hover{border-color:var(--success);color:var(--success)}.zone-tab.zone-delete{color:var(--text-tertiary);border-style:dashed;margin-left:auto}.zone-tab.zone-delete:hover{border-color:var(--danger);color:var(--danger)}.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%}}.linkage-description{background:var(--muted);border-radius:var(--radius);margin-bottom:16px;padding:12px 16px}.linkage-description p{color:var(--muted-foreground);margin:0;font-size:13px}.linkage-loading{color:var(--muted-foreground);justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.linkage-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.linkage-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.linkage-item:hover{border-color:var(--primary);background:var(--muted)}.linkage-info{align-items:center;gap:12px;display:flex}.linkage-info svg{color:var(--muted-foreground);flex-shrink:0}.linkage-text{flex-direction:column;gap:2px;display:flex}.linkage-label{color:var(--foreground);font-size:13px;font-weight:500}.linkage-desc{color:var(--muted-foreground);font-size:11px}.linkage-toggle{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;min-width:90px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.linkage-toggle.enabled{color:#22c55e;background:#22c55e26}.linkage-toggle.enabled:hover{background:#22c55e40}.linkage-toggle.disabled{color:#ef4444;background:#ef444426}.linkage-toggle.disabled:hover{background:#ef444440}@media (max-width:640px){.linkage-grid{grid-template-columns:1fr}.linkage-item{flex-direction:column;align-items:flex-start;gap:12px}.linkage-toggle{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}.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}.pb-container{z-index:1000;background:#0a0a14;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.pb-header{background:#0006;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.pb-title{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.pb-title svg{color:#f97316}.pb-cache-badge{color:#22c55e;text-transform:uppercase;letter-spacing:.5px;background:#22c55e26;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.pb-close{color:#fff9;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.pb-close:hover{color:#ef4444;background:#ef444433}.pb-body{flex:1;min-height:0;display:flex;overflow:hidden}.pb-sidebar{background:#00000040;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:240px;min-height:0;display:flex}.pb-calendar{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:12px}.pb-cal-nav{align-items:center;gap:8px;margin-bottom:10px;display:flex}.pb-cal-nav>span{text-align:center;color:#fff;flex:1;font-size:13px;font-weight:600}.pb-cal-nav>button{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:none;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.pb-cal-nav>button:hover{color:#f97316;background:#f9731626}.pb-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.pb-cal-hdr{color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:24px;font-size:10px;font-weight:600;display:flex}.pb-cal-day{aspect-ratio:1;color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;transition:all .15s;display:flex;position:relative}.pb-cal-empty{cursor:default}.pb-cal-day:hover:not(.pb-cal-empty){color:#ffffffb3;background:#ffffff14}.pb-cal-day.has-rec{color:#ffffffd9;font-weight:500}.pb-cal-day.has-rec:after{content:"";background:#f97316;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.pb-cal-day.selected{color:#fff;background:#f97316;font-weight:600}.pb-cal-day.selected:after{background:#fffc}.pb-cal-day.today:not(.selected){box-shadow:inset 0 0 0 1.5px #f9731680}.pb-reclist{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pb-reclist-hdr{text-transform:uppercase;letter-spacing:.5px;color:#ffffff59;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:10px;font-weight:600;display:flex}.pb-reclist-scroll{flex:1;min-height:0;padding:2px 4px;overflow-y:auto}.pb-reclist-empty{text-align:center;color:#ffffff40;padding:20px 12px;font-size:11px}.pb-rec-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;width:100%;margin-bottom:1px;padding:5px 8px;transition:all .12s;display:flex}.pb-rec-item:hover{background:#ffffff0d;border-color:#ffffff0f}.pb-rec-item.active{background:#f973161a;border-color:#f9731633}.pb-rec-item:disabled{opacity:.4;cursor:not-allowed}.pb-rec-time{color:#fffc;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:11px;font-weight:500}.pb-rec-dur{color:#ffffff4d;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:10px}.pb-rec-icon{color:#ffffff26;flex-shrink:0;margin-left:auto;transition:color .12s}.pb-rec-item:hover .pb-rec-icon{color:#f97316}.pb-rec-item.viewed .pb-rec-time{color:#ffffff73}.pb-rec-icon.viewed{color:#22c55e80}.pb-rec-item.viewed:hover .pb-rec-icon.viewed{color:#22c55e}.pb-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pb-video-area{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.pb-placeholder,.pb-loading,.pb-error{color:#fff6;flex-direction:column;align-items:center;gap:12px;display:flex}.pb-placeholder svg,.pb-loading svg,.pb-error svg{opacity:.4}.pb-placeholder p,.pb-loading p{font-size:13px}.pb-progress{width:260px;margin-top:12px}.pb-progress-bar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.pb-progress-fill{background:#f97316;border-radius:2px;height:100%;transition:width .3s}.pb-progress span{color:#fff6;text-align:center;margin-top:6px;font-size:11px;display:block}.pb-error{color:#ef4444}.pb-error button{color:#f97316;cursor:pointer;background:#f9731626;border:1px solid #f9731640;border-radius:5px;padding:6px 16px;font-size:13px}.pb-error button:hover{background:#f9731640}.pb-video{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.pb-video.visible{opacity:1}.pb-controls{background:linear-gradient(#0000,#000000d9);padding:0 16px 12px;position:absolute;bottom:0;left:0;right:0}.pb-seek{cursor:pointer;background:#ffffff26;border-radius:2px;height:3px;margin-bottom:8px;transition:height .15s}.pb-seek:hover{height:5px}.pb-seek-fill{background:#f97316;border-radius:2px;height:100%;transition:width .1s linear}.pb-controls-row{justify-content:space-between;align-items:center;display:flex}.pb-controls-left,.pb-controls-right{align-items:center;gap:6px;display:flex}.pb-controls-row button{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.pb-controls-row button:hover{background:#ffffff26}.pb-play-btn.pb-play-btn{background:#f97316;width:40px;height:40px}.pb-play-btn.pb-play-btn:hover{background:#ea580c}.pb-time{color:#fff9;margin-left:6px;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:12px}.pb-clip-range{pointer-events:none;z-index:1;background:#3b82f659;border-left:2px solid #3b82f6;border-right:2px solid #3b82f6;height:100%;position:absolute;top:0}.pb-seek{position:relative}.pb-clip-controls{align-items:center;gap:4px;display:flex}.pb-clip-btn{color:#93c5fd;cursor:pointer;white-space:nowrap;background:#3b82f626;border:1px solid #3b82f64d;border-radius:5px;align-items:center;gap:3px;height:28px;padding:0 8px;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:11px;transition:all .15s;display:flex}.pb-clip-btn:hover{background:#3b82f640}.pb-clip-btn.set{color:#60a5fa;background:#3b82f640;border-color:#3b82f6}.pb-clip-download{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.pb-clip-download:hover{background:#2563eb}.pb-clip-download:disabled{opacity:.5;cursor:not-allowed}.pb-clip-cancel{color:#ffffff80;cursor:pointer;background:#ffffff14;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.pb-clip-cancel:hover{color:#ef4444;background:#ef444433}.pb-timeline{background:#0000004d;border-top:1px solid #ffffff14;flex-shrink:0;padding:8px 16px 10px}.pb-tl-header{text-transform:uppercase;letter-spacing:.5px;color:#ffffff59;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:600;display:flex}.pb-tl-zoom{align-items:center;gap:3px;margin-left:auto;display:flex}.pb-tl-zoom button{color:#ffffff73;cursor:pointer;background:#ffffff0f;border:none;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .12s;display:flex}.pb-tl-zoom button:hover:not(:disabled){color:#f97316;background:#f9731626}.pb-tl-zoom button:disabled{opacity:.25;cursor:default}.pb-tl-zoom-label{color:#fff6;text-align:center;min-width:22px;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:9px;font-weight:600}.pb-tl-reset{color:#f9731699!important;width:auto!important;padding:0 5px!important;font-size:9px!important}.pb-tl-labels{-webkit-user-select:none;user-select:none;height:14px;margin-bottom:3px;position:relative}.pb-tl-labels span{color:#ffffff40;white-space:nowrap;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:9px;position:absolute;transform:translate(-50%)}.pb-tl-bar{background:#ffffff08;border-radius:4px;height:36px;position:relative;overflow:hidden}.pb-tl-bar.zoomed{cursor:grab}.pb-tl-bar.zoomed:active{cursor:grabbing}.pb-tl-grid{pointer-events:none;position:absolute;inset:0}.pb-tl-gridline{background:#ffffff0d;width:1px;position:absolute;top:0;bottom:0}.pb-tl-seg{cursor:pointer;z-index:1;background:#f97316;border:none;border-radius:3px;min-width:3px;height:28px;transition:background .12s,box-shadow .12s;position:absolute;top:4px}.pb-tl-seg:hover{background:#fb923c;box-shadow:0 0 6px #f973164d}.pb-tl-seg.active{background:#ea580c;box-shadow:0 0 10px #f9731680}.pb-tl-seg:disabled{opacity:.4;cursor:not-allowed}.pb-tl-overview{margin-top:5px}.pb-tl-ov-track{background:#ffffff08;border-radius:3px;height:5px;position:relative}.pb-tl-ov-window{background:#f9731640;border:1px solid #f9731666;border-radius:3px;height:100%;transition:left 50ms,width 50ms;position:absolute;top:0}.pb-reclist-scroll::-webkit-scrollbar{width:3px}.pb-reclist-scroll::-webkit-scrollbar-track{background:0 0}.pb-reclist-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}@keyframes pb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.pb-body{flex-direction:column}.pb-sidebar{border-bottom:1px solid #ffffff14;border-right:none;width:100%;max-height:40vh}.pb-main{flex:1;min-height:300px}.pb-cal-grid{display:none}.pb-timeline{padding:6px 10px 8px}.pb-tl-bar{height:28px}.pb-tl-seg{height:22px;top:3px}}.anpr-tab{flex-direction:column;height:100%;padding:1rem;display:flex}.anpr-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.anpr-title{align-items:center;gap:.5rem;display:flex}.anpr-title h3{margin:0;font-size:1.25rem;font-weight:600}.anpr-count{color:#2563eb;background:#eff6ff;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.anpr-actions{align-items:center;gap:1rem;display:flex}.anpr-view-toggle{background:#f3f4f6;border-radius:8px;gap:.5rem;padding:.25rem;display:flex}.anpr-view-toggle button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.anpr-view-toggle button:hover{color:#111827}.anpr-view-toggle button.active{color:#2563eb;background:#fff;box-shadow:0 1px 2px #0000000d}.anpr-export-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background .2s;display:flex}.anpr-export-btn:hover{background:#1d4ed8}.anpr-filters{background:#f9fafb;border-radius:8px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.anpr-filter-group{align-items:center;gap:.5rem;display:flex}.anpr-filter-group input{border:1px solid #d1d5db;border-radius:6px;padding:.5rem;font-size:.875rem}.anpr-clear-filters{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.anpr-clear-filters:hover{color:#2563eb;border-color:#2563eb}.anpr-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.anpr-plate-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s;overflow:hidden}.anpr-plate-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.anpr-plate-card img{object-fit:cover;width:100%;height:150px}.anpr-plate-info{padding:1rem}.anpr-plate-number{color:#111827;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.anpr-plate-time{color:#6b7280;margin-bottom:.25rem;font-size:.875rem}.anpr-plate-confidence{color:#10b981;font-size:.75rem;font-weight:500}.anpr-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.anpr-list-header{color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:100px 1fr 200px 120px 100px;gap:1rem;padding:1rem;font-size:.875rem;font-weight:600;display:grid}.anpr-plate-row{cursor:pointer;border-bottom:1px solid #e5e7eb;grid-template-columns:100px 1fr 200px 120px 100px;align-items:center;gap:1rem;padding:1rem;transition:background .2s;display:grid}.anpr-plate-row:hover{background:#f9fafb}.anpr-plate-row:last-child{border-bottom:none}.anpr-row-thumbnail{object-fit:cover;border-radius:4px;width:80px;height:50px}.anpr-row-plate{color:#111827;font-weight:600}.anpr-row-time,.anpr-row-direction{color:#6b7280;font-size:.875rem}.anpr-row-confidence{color:#10b981;font-size:.875rem;font-weight:500}.anpr-analytics{overflow-y:auto}.anpr-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.anpr-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:1rem;padding:1.5rem;display:flex}.anpr-stat-icon{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.anpr-stat-content{flex:1}.anpr-stat-title{color:#6b7280;margin-bottom:.25rem;font-size:.875rem}.anpr-stat-value{color:#111827;font-size:1.5rem;font-weight:600}.anpr-stat-subtitle{color:#9ca3af;margin-top:.25rem;font-size:.75rem}.anpr-chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.anpr-chart-section h4{color:#111827;margin:0 0 1rem;font-size:1rem;font-weight:600}.anpr-top-plates{flex-direction:column;gap:.5rem;display:flex}.anpr-top-plate-item{background:#f9fafb;border-radius:6px;align-items:center;gap:1rem;padding:.75rem;display:flex}.anpr-top-plate-rank{color:#6b7280;min-width:30px;font-weight:600}.anpr-top-plate-number{color:#111827;flex:1;font-weight:600}.anpr-top-plate-count{color:#2563eb;font-size:.875rem;font-weight:500}.anpr-modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.anpr-modal-content{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;position:relative;overflow:hidden}.anpr-modal-close{cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.anpr-modal-close:hover{background:#fff}.anpr-modal-body{grid-template-columns:1fr 350px;height:600px;display:grid}.anpr-modal-image{background:#111827;justify-content:center;align-items:center;padding:2rem;display:flex}.anpr-modal-image img{object-fit:contain;max-width:100%;max-height:100%}.anpr-modal-sidebar{background:#f9fafb;padding:2rem;overflow-y:auto}.anpr-modal-sidebar h3{color:#111827;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.anpr-detail-item{background:#fff;border-radius:8px;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.anpr-detail-item svg{color:#2563eb;flex-shrink:0}.anpr-detail-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem}.anpr-detail-value{color:#111827;font-size:1rem;font-weight:600}.anpr-detail-filename{word-break:break-all;font-size:.875rem;font-weight:400}.anpr-pagination{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.anpr-pagination button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.anpr-pagination button:hover:not(:disabled){color:#2563eb;background:#f9fafb;border-color:#2563eb}.anpr-pagination button:disabled{opacity:.5;cursor:not-allowed}.anpr-pagination span{color:#6b7280;font-size:.875rem}.anpr-loading,.anpr-empty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:.8s linear infinite spin}.timelapse-tab{gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.timelapse-header{padding-bottom:var(--spacing-sm,.75rem);border-bottom:1px solid var(--border,#e5e7eb);justify-content:space-between;align-items:center;display:flex}.timelapse-title{align-items:center;gap:var(--spacing-xs,.5rem);color:var(--foreground,#000);font-size:1.1rem;font-weight:600;display:flex}.timelapse-actions{gap:var(--spacing-xs,.5rem);align-items:center;display:flex}.btn-icon{background:var(--background,#fff);border:1px solid var(--border,#e5e7eb);color:var(--foreground,#000);padding:var(--spacing-xs,.5rem);border-radius:var(--radius-md,6px);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover:not(:disabled){background:var(--accent,#f3f4f6);border-color:var(--accent-foreground,#666)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary,#667eea);color:#fff;padding:var(--spacing-xs,.5rem)var(--spacing-md,1rem);border-radius:var(--radius-md,6px);cursor:pointer;align-items:center;gap:var(--spacing-xs,.5rem);border:none;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.timelapse-filters{gap:var(--spacing-md,1rem);padding:var(--spacing-md,1rem);background:var(--muted,#f9fafb);border-radius:var(--radius-md,6px);border:1px solid var(--border,#e5e7eb);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.btn-preset{background:var(--background,#fff);border:1px solid var(--border,#e5e7eb);color:var(--foreground,#000);border-radius:var(--radius-sm,4px);cursor:pointer;padding:.4rem .75rem;font-size:.85rem;transition:all .2s}.btn-preset:hover{background:var(--primary,#667eea);color:#fff;border-color:var(--primary,#667eea)}.filter-group{flex-direction:column;gap:.25rem;display:flex}.filter-group label{color:var(--muted-foreground,#6b7280);font-size:.85rem;font-weight:500}.filter-input{background:var(--background,#fff);border:1px solid var(--border,#e5e7eb);color:var(--foreground,#000);padding:var(--spacing-xs,.5rem);border-radius:var(--radius-sm,4px);font-size:.9rem}.filter-input:focus{border-color:var(--primary,#667eea);outline:none;box-shadow:0 0 0 3px #667eea1a}.timelapse-stats{padding:var(--spacing-sm,.75rem)var(--spacing-md,1rem);background:var(--muted,#f9fafb);border-radius:var(--radius-md,6px);color:var(--muted-foreground,#6b7280);flex-wrap:wrap;gap:1.5rem;font-size:.9rem;display:flex}.stat-item{align-items:center;gap:.25rem;display:flex}.stat-item strong{color:var(--foreground,#000)}.timelapse-loading,.timelapse-empty{color:var(--muted-foreground,#6b7280);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.timelapse-loading .spinning{animation:1s linear infinite spin}.timelapse-empty h3{color:var(--foreground,#000);margin:0;font-size:1.2rem}.timelapse-empty p{color:var(--muted-foreground,#6b7280);margin:0}.timelapse-grid{gap:var(--spacing-md,1rem);padding:var(--spacing-xs,.5rem)0;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.timelapse-thumbnail{aspect-ratio:16/9;background:var(--muted,#f9fafb);border-radius:var(--radius-md,8px);cursor:pointer;border:2px solid #0000;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.timelapse-thumbnail:hover{border-color:var(--primary,#667eea);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.timelapse-thumbnail img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.timelapse-thumbnail.error img{opacity:.3}.thumbnail-overlay{color:#fff;opacity:0;background:linear-gradient(#0000,#000c);flex-direction:column;gap:.1rem;padding:.75rem .5rem .5rem;font-size:.75rem;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.timelapse-thumbnail:hover .thumbnail-overlay{opacity:1}.thumbnail-time{font-weight:600}.thumbnail-date{color:#ddd;font-size:.7rem}.timelapse-load-more{padding:var(--spacing-md,1rem)0;justify-content:center;display:flex}.btn-load-more{background:var(--background,#fff);border:1px solid var(--border,#e5e7eb);color:var(--foreground,#000);padding:var(--spacing-sm,.75rem)var(--spacing-lg,1.5rem);border-radius:var(--radius-md,6px);cursor:pointer;align-items:center;gap:var(--spacing-xs,.5rem);font-size:.9rem;transition:all .2s;display:flex}.btn-load-more:hover:not(:disabled){background:var(--accent,#f3f4f6);border-color:var(--accent-foreground,#666)}.btn-load-more:disabled{opacity:.5;cursor:not-allowed}.video-progress-banner{background:var(--primary,#667eea);color:#fff;padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);border-radius:var(--radius-lg,8px);align-items:center;gap:var(--spacing-sm,.75rem);z-index:1000;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 24px #00000026}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-overlay{z-index:2000;padding:var(--spacing-md,1rem);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--card,#fff);border-radius:var(--radius-lg,12px);border:1px solid var(--border,#e5e7eb);width:100%;max-width:500px;animation:.3s ease-out modalSlide;box-shadow:0 20px 60px #0000004d}@keyframes modalSlide{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{padding:var(--spacing-lg,1.5rem);border-bottom:1px solid var(--border,#e5e7eb);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--foreground,#000);margin:0;font-size:1.2rem}.btn-close{color:var(--muted-foreground,#6b7280);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.btn-close:hover{background:var(--accent,#f3f4f6);color:var(--foreground,#000)}.modal-body{padding:var(--spacing-lg,1.5rem)}.modal-body p{margin:0 0 var(--spacing-md,1rem);color:var(--foreground,#000)}.text-muted{color:var(--muted-foreground,#6b7280);font-size:.9rem}.form-group{margin-top:var(--spacing-lg,1.5rem)}.form-group label{margin-bottom:var(--spacing-xs,.5rem);color:var(--foreground,#000);font-size:.9rem;font-weight:500;display:block}.form-control{background:var(--background,#fff);border:1px solid var(--border,#e5e7eb);width:100%;color:var(--foreground,#000);padding:var(--spacing-sm,.75rem);border-radius:var(--radius-md,6px);font-size:.9rem}.form-control:focus{border-color:var(--primary,#667eea);outline:none;box-shadow:0 0 0 3px #667eea1a}.modal-footer{justify-content:flex-end;gap:var(--spacing-sm,.75rem);padding:var(--spacing-lg,1.5rem);border-top:1px solid var(--border,#e5e7eb);display:flex}.btn-secondary{background:var(--background,#fff);border:1px solid var(--border,#e5e7eb);color:var(--foreground,#000);padding:var(--spacing-sm,.75rem)var(--spacing-lg,1.5rem);border-radius:var(--radius-md,6px);cursor:pointer;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--accent,#f3f4f6);border-color:var(--accent-foreground,#666)}.lightbox-overlay{z-index:3000;background:#000000f2;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{justify-content:center;align-items:center;width:90vw;height:90vh;display:flex;position:relative}.lightbox-close{color:#fff;padding:var(--spacing-sm,.75rem);cursor:pointer;z-index:10;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.lightbox-close:hover{background:#000c;border-color:#fff6}.lightbox-nav{color:#fff;padding:var(--spacing-md,1rem);cursor:pointer;z-index:10;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover:not(:disabled){background:#000c;border-color:#fff6}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}.lightbox-image-container{align-items:center;gap:var(--spacing-md,1rem);flex-direction:column;max-width:100%;max-height:100%;display:flex}.lightbox-image-container img{object-fit:contain;border-radius:var(--radius-lg,8px);max-width:100%;max-height:calc(90vh - 100px);box-shadow:0 20px 60px #00000080}.lightbox-info{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);border-radius:var(--radius-lg,8px);color:#fff;background:#00000080;justify-content:space-between;align-items:center;gap:2rem;min-width:300px;font-size:.9rem;display:flex}.lightbox-timestamp{font-weight:500}.lightbox-download{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:all .2s;display:flex}.lightbox-download:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.lightbox-download:disabled{opacity:.5;cursor:not-allowed}.lightbox-position{color:#ddd}@media (max-width:768px){.timelapse-grid{gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.timelapse-filters{grid-template-columns:1fr}.timelapse-stats{gap:var(--spacing-xs,.5rem);flex-direction:column}.lightbox-nav{padding:var(--spacing-xs,.5rem)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}}.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}.camera-notification-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted-foreground);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.camera-notification-btn:hover{background:var(--background);border-color:var(--primary);color:var(--primary)}.camera-notification-btn.subscribed{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.camera-notification-btn:disabled{opacity:.6;cursor:not-allowed}.camera-notification-btn .spinning{animation:1s linear infinite spin}.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}.bh-graph-btn{border:1px solid var(--border);border-radius:var(--radius);width:26px;height:26px;color:var(--muted-foreground);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.bh-graph-btn:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.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%}}.bh-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bh-modal{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:720px;max-height:85vh;font-family:JetBrains Mono,SF Mono,monospace;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.bh-header{border-bottom:1px solid var(--border);background:var(--card);padding:20px 24px;position:relative}.bh-header .header-accent{background:linear-gradient(90deg,#3b82f6 0%,#0000 100%);height:3px;position:absolute;top:0;left:0;right:0}.bh-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}.bh-header .close-btn:hover{background:var(--muted);color:var(--foreground)}.bh-header-content{justify-content:space-between;align-items:center;display:flex}.bh-title-row{align-items:center;gap:8px;display:flex}.bh-title-row svg{color:#3b82f6}.bh-title-row h2{color:var(--foreground);letter-spacing:-.5px;margin:0;font-size:18px;font-weight:600}.bh-unit-badge{background:var(--muted);color:var(--foreground);letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.bh-current{align-items:center;gap:8px;margin-right:40px;display:flex}.bh-current-voltage{font-size:20px;font-weight:700;line-height:1}.bh-current-cat{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.charging,.full{color:#22c55e}.good{color:#3b82f6}.low{color:#f59e0b}.critical{color:#ef4444}.unknown{color:var(--muted-foreground)}.bh-current-cat.charging,.bh-current-cat.full{background:#22c55e1a}.bh-current-cat.good{background:#3b82f61a}.bh-current-cat.low{background:#f59e0b1a}.bh-current-cat.critical{background:#ef44441a}.bh-controls{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.bh-range-buttons{gap:4px;display:flex}.bh-range-buttons button{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground);cursor:pointer;background:0 0;padding:5px 14px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.bh-range-buttons button:hover{border-color:var(--muted-foreground);color:var(--foreground)}.bh-range-buttons button.active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.bh-stats{gap:16px;display:flex}.bh-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.bh-stat-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:500}.bh-stat-value{font-size:13px;font-weight:600}.bh-chart-container{background:var(--background);flex:1;min-height:320px;padding:16px 16px 8px}.bh-loading,.bh-error,.bh-empty{height:320px;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.bh-error{color:var(--error)}.bh-tooltip{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:2px;padding:8px 12px;font-family:JetBrains Mono,monospace;display:flex;box-shadow:0 4px 12px #0000001a}.bh-tooltip-time{color:var(--muted-foreground);font-size:10px}.bh-tooltip-voltage{font-size:14px;font-weight:600}.bh-tooltip-cat{text-transform:uppercase;letter-spacing:.5px;color:var(--muted-foreground);font-size:9px;font-weight:500}.bh-footer{border-top:1px solid var(--border);background:var(--card);color:var(--muted-foreground);text-align:right;padding:8px 24px;font-size:10px}@media (max-width:600px){.bh-modal{max-height:95vh}.bh-header-content{flex-direction:column;align-items:flex-start;gap:8px}.bh-current{margin-right:0}.bh-controls{flex-direction:column;align-items:flex-start;gap:12px}}.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-type-image{object-fit:contain;background:#ffffff0f;border-radius:10px;flex-shrink:0}.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}.battery-clickable{cursor:pointer;border-radius:4px;padding:2px;transition:background .15s}.battery-clickable:hover{background:#3b82f61a}.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)}.unit-cameras-inner{align-items:stretch;display:flex}.unit-type-sidebar{flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.unit-type-squircle{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.unit-type-squircle .unit-type-image{object-fit:contain;background:0 0;border-radius:0;width:100%;height:100%;padding:0}.unit-camera-list{flex:1;min-width:0;max-height:200px;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)}.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}.camera-notification-toggle{border:1px solid var(--border);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:#ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.camera-notification-toggle:hover{border-color:var(--primary);color:var(--primary);background:#ffffff1a}.camera-notification-toggle.subscribed{color:#3b82f6;background:#3b82f626;border-color:#3b82f666}.camera-notification-toggle:disabled{opacity:.5;cursor:not-allowed}.camera-notification-toggle .spinning{animation:1s linear infinite spin}@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 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 .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:1600px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.audit-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.audit-title{align-items:center;gap:12px;display:flex}.audit-title h2{color:#1f2937;margin:0;font-size:1.5rem;font-weight:600}.audit-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;align-items:center;gap:14px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card svg{color:#6b7280;flex-shrink:0}.stat-content{flex-direction:column;gap:2px;display:flex}.stat-value{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:#6b7280;font-size:.8rem;font-weight:500}.audit-filters{background:#fff;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #00000014}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-row+.filter-row{margin-top:12px}.search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:220px;max-width:320px;padding:10px 14px;transition:all .2s;display:flex}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box svg{color:#9ca3af;flex-shrink:0}.search-box input{color:#374151;background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.filter-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;transition:all .2s;display:flex}.filter-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.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:130px;font-size:.875rem}.filter-group input[type=date]{cursor:text}.clear-filters-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 18px;font-size:.875rem;font-weight:500;transition:all .2s}.clear-filters-btn:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.audit-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-weight:500;display:flex}.audit-table-container{background:#fff;border:1px solid #f3f4f6;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.audit-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.875rem}.audit-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:.75rem;font-weight:600}.audit-table th:first-child,.audit-table td:first-child{width:160px}.audit-table th:nth-child(2),.audit-table td:nth-child(2){width:240px}.audit-table th:nth-child(3),.audit-table td:nth-child(3){width:150px}.audit-table th:nth-child(4),.audit-table td:nth-child(4){width:110px}.audit-table th:nth-child(5),.audit-table td:nth-child(5){width:auto;min-width:300px}.audit-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px}.audit-table tbody tr{cursor:pointer;transition:background .15s}.audit-table tbody tr:hover{background:#f8fafc}.audit-table tbody tr.expanded{background:#f0f9ff}.loading-cell{justify-content:center;align-items:center;gap:10px;display:flex}.time-cell{white-space:nowrap;min-width:180px;padding-right:12px}.time-value{color:#6b7280;font-variant-numeric:tabular-nums;font-size:.8rem}.user-cell{position:relative}.user-email{text-overflow:ellipsis;white-space:nowrap;color:#374151;font-weight:500;display:block;overflow:hidden}.user-email:hover{color:#3b82f6}.category-cell{white-space:nowrap}.category-badge{color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-cell{white-space:nowrap}.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.details-cell{position:relative}.description{text-overflow:ellipsis;white-space:nowrap;color:#6b7280;font-size:.8rem;line-height:1.4;display:block;overflow:hidden}.expanded-details{background:#f8fafc;border-bottom:1px solid #e5e7eb}.expanded-details td{padding:0!important}.expanded-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:20px 24px;animation:.2s slideDown;display:grid}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-size:.7rem;font-weight:600}.detail-value{color:#374151;word-break:break-word;font-size:.875rem;line-height:1.5}.detail-value.mono{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8rem}.detail-value.description-full{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.tooltip-wrapper{position:relative}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible;transform:translateY(0)}.tooltip{color:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:100;opacity:0;visibility:hidden;pointer-events:none;background:#1f2937;border-radius:6px;max-width:300px;padding:8px 12px;font-size:.75rem;transition:all .15s;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;transform:translateY(4px);box-shadow:0 4px 12px #00000026}.tooltip:after{content:"";border:6px solid #0000;border-top-color:#1f2937;position:absolute;top:100%;left:16px}.audit-pagination{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;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:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:500;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;font-weight:500}.expand-hint{color:#9ca3af;align-items:center;gap:4px;margin-top:4px;font-size:.7rem;display:flex}.expand-hint svg{transition:transform .2s}.expanded .expand-hint svg{transform:rotate(180deg)}@media (prefers-color-scheme:dark){.audit-logs{background:#0f172a}.audit-title h2{color:#f1f5f9}.stat-card{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0000004d}.stat-card:hover{box-shadow:0 4px 12px #0006}.stat-value{color:#f1f5f9}.audit-filters{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0000004d}.search-box,.filter-group{background:#0f172a;border-color:#334155}.search-box:focus-within,.filter-group:focus-within{border-color:#3b82f6}.search-box input,.filter-group select,.filter-group input{color:#e2e8f0}.search-box input::placeholder{color:#64748b}.clear-filters-btn{color:#94a3b8;background:#0f172a;border-color:#334155}.clear-filters-btn:hover{color:#e2e8f0;background:#334155}.audit-table-container{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0000004d}.audit-table th{color:#94a3b8;background:#0f172a;border-bottom-color:#334155}.audit-table td{border-bottom-color:#334155}.audit-table tbody tr:hover{background:#334155}.audit-table tbody tr.expanded{background:#1e3a5f}.user-email,.action-label{color:#e2e8f0}.user-email:hover,.resource-value:hover{color:#60a5fa}.resource-value,.description{color:#94a3b8}.expanded-details{background:#0f172a;border-bottom-color:#334155}.expanded-content{background:#0f172a}.detail-value{color:#e2e8f0}.detail-value.mono,.detail-value.description-full{background:#1e293b;border-color:#334155}.tooltip{color:#1e293b;background:#f1f5f9}.tooltip:after{border-top-color:#f1f5f9}.audit-pagination{background:#0f172a;border-top-color:#334155}.page-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}.page-btn:hover:not(:disabled){background:#334155;border-color:#475569}.page-number{color:#e2e8f0}}@media (max-width:1200px){.audit-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.audit-logs{padding:16px}.audit-header{flex-direction:column;align-items:flex-start;gap:12px}.audit-stats{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.25rem}.filter-row{flex-direction:column;align-items:stretch}.search-box{width:100%;max-width:none}.filter-group{width:100%}.filter-group select,.filter-group input{flex:1}.audit-table{font-size:.8rem}.audit-table th,.audit-table td{padding:10px 12px}.audit-table th:nth-child(5),.audit-table td:nth-child(5){display:none}.expanded-content{grid-template-columns:1fr;padding:16px}.audit-pagination{flex-direction:column;gap:12px;padding:14px}}@media (max-width:480px){.audit-stats{grid-template-columns:1fr}.stat-card{padding:14px}.audit-table th:nth-child(3),.audit-table td:nth-child(3){display:none}}.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-refresh-btn{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}.vms-refresh-btn:hover:not(:disabled){background:var(--accent);border-color:var(--primary);color:var(--primary)}.vms-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.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}.vms-profile-section{display:none}}.vms-profile-section{position:relative}.vms-profile-btn{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--foreground);align-items:center;gap:8px;min-width:150px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.vms-profile-btn:hover{background:var(--accent);border-color:var(--primary)}.vms-profile-btn span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.vms-profile-btn svg.rotated{transform:rotate(180deg)}.vms-profile-btn svg{flex-shrink:0;transition:transform .2s}.vms-profile-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);z-index:100;min-width:280px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.vms-profile-dropdown-header{border-bottom:1px solid var(--border);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.vms-profile-new-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .2s;display:flex}.vms-profile-new-btn:hover{background:var(--primary-hover,#16a34a)}.vms-profile-empty{text-align:center;color:var(--muted-foreground);padding:24px 14px;font-size:13px}.vms-profile-list{max-height:300px;overflow-y:auto}.vms-profile-item{cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.vms-profile-item:last-child{border-bottom:none}.vms-profile-item:hover{background:var(--accent)}.vms-profile-item.active{border-left:3px solid var(--primary);background:#22c55e1a}.vms-profile-item-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.vms-profile-item-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.vms-profile-item-meta{color:var(--muted-foreground);font-size:12px}.vms-profile-delete-btn{border-radius:var(--radius);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.vms-profile-item:hover .vms-profile-delete-btn{opacity:1}.vms-profile-delete-btn:hover{color:#ef4444;background:#ef44441a}.vms-profile-dropdown-footer{border-top:1px solid var(--border);background:var(--muted);padding:10px 14px}.vms-profile-update-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.vms-profile-update-btn:hover{background:var(--primary-hover,#16a34a)}.vms-save-modal{background:var(--card);border-radius:var(--radius);width:100%;max-width:400px;overflow:hidden;box-shadow:0 8px 32px #0003}.vms-save-modal-body{padding:20px}.vms-save-modal-desc{color:var(--muted-foreground);margin:0 0 16px;font-size:14px}.vms-save-modal-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);width:100%;color:var(--foreground);outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.vms-save-modal-input:focus{border-color:var(--primary)}.vms-save-modal-footer{background:var(--muted);border-top:1px solid var(--border);gap:12px;padding:16px 20px;display:flex}.vms-save-modal-cancel{border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;background:0 0;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.vms-save-modal-cancel:hover{background:var(--accent)}.vms-save-modal-save{background:var(--primary);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.vms-save-modal-save:hover:not(:disabled){background:var(--primary-hover,#16a34a)}.vms-save-modal-save:disabled{opacity:.5;cursor:not-allowed}.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}.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}.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}}.cd-container{background:var(--background);min-height:100vh;font-family:var(--font-family);color:var(--foreground)}.cd-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}.cd-back{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius);color:#fff;font-size:var(--font-size-sm);cursor:pointer;font-weight:600;font-family:var(--font-family);background:#22c55e;border:1px solid #22c55e;transition:all .2s;display:flex;box-shadow:0 2px 8px #22c55e4d}.cd-back:hover{background:#16a34a;border-color:#16a34a;box-shadow:0 4px 12px #22c55e66}.cd-header-center{align-items:center;gap:var(--spacing-lg);flex:1;justify-content:center;display:flex}.cd-customer-title{align-items:center;gap:var(--spacing-md);display:flex}.cd-customer-title h1{font-size:var(--font-size-2xl);color:var(--foreground);margin:0;font-weight:700}.cd-customer-title svg{color:var(--primary)}.cd-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}.cd-refresh:hover:not(:disabled){background:var(--accent);border-color:var(--primary);color:var(--primary)}.cd-refresh:disabled{opacity:.5;cursor:not-allowed}.cd-status-badge{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}.cd-status-badge.green{color:#22c55e;background:#22c55e1a}.cd-status-badge.amber{color:#f59e0b;background:#f59e0b1a}.cd-status-badge.orange{color:#f97316;background:#f973161a}.cd-status-badge.red{color:#ef4444;background:#ef44441a}.cd-status-badge .days-label{font-size:var(--font-size-xs);background:#0000001a;border-radius:10px;padding:2px 6px}.cd-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:60vh;display:flex}.cd-loading-spinner{border:4px solid var(--secondary);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.cd-loading p{color:var(--muted-foreground);font-size:var(--font-size-sm)}.cd-main{max-width:1400px;padding:var(--spacing-xl)var(--spacing-2xl);margin:0 auto}.cd-message{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;font-weight:500;display:flex}.cd-message.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.cd-message.error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.cd-message button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none}.cd-message button:hover{opacity:1}.cd-hero-section{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.cd-hero-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl);align-items:flex-start;gap:var(--spacing-md);transition:all .2s;display:flex;position:relative;overflow:hidden}.cd-hero-stat:before{content:"";background:var(--border);height:4px;position:absolute;top:0;left:0;right:0}.cd-hero-stat.green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.cd-hero-stat.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.cd-hero-stat.amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.cd-hero-stat.neutral:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.cd-hero-stat:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cd-hero-stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cd-hero-stat.green .cd-hero-stat-icon{color:#22c55e;background:#22c55e1a}.cd-hero-stat.red .cd-hero-stat-icon{color:#ef4444;background:#ef44441a}.cd-hero-stat.amber .cd-hero-stat-icon{color:#f59e0b;background:#f59e0b1a}.cd-hero-stat.neutral .cd-hero-stat-icon{color:#3b82f6;background:#3b82f61a}.cd-hero-stat-content{flex:1;min-width:0}.cd-hero-stat-value{color:var(--foreground);margin-bottom:var(--spacing-xs);font-size:28px;font-weight:700;line-height:1.2}.cd-hero-stat.green .cd-hero-stat-value{color:#22c55e}.cd-hero-stat.red .cd-hero-stat-value{color:#ef4444}.cd-hero-stat-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-weight:600}.cd-hero-stat-sublabel{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-top:var(--spacing-xs)}.cd-charts-section{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.cd-chart-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl)}.cd-chart-card h3{font-size:var(--font-size-lg);color:var(--foreground);margin:0 0 var(--spacing-lg);font-weight:600}.cd-donut-container{align-items:center;gap:var(--spacing-2xl);display:flex}.cd-donut-chart{flex-shrink:0;width:200px;height:200px;position:relative}.cd-donut-svg{width:100%;height:100%}.cd-donut-segment{transition:opacity .2s}.cd-donut-segment:hover{opacity:.8}.cd-donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cd-donut-total{font-size:var(--font-size-xl);color:var(--primary);font-weight:700;display:block}.cd-donut-label{font-size:var(--font-size-xs);color:var(--muted-foreground);display:block}.cd-donut-legend{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.cd-legend-item{gap:var(--spacing-md);padding:var(--spacing-xs)0;grid-template-columns:12px 1fr auto auto;align-items:center;display:grid}.cd-legend-dot{border-radius:3px;width:12px;height:12px}.cd-legend-name{font-size:var(--font-size-sm);color:var(--foreground);font-weight:500}.cd-legend-value{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600}.cd-legend-percent{font-size:var(--font-size-sm);color:var(--primary);text-align:right;min-width:50px;font-weight:600}.cd-aging-chart{flex-direction:column;height:100%;display:flex}.cd-aging-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.cd-aging-header h3{font-size:var(--font-size-lg);margin:0;font-weight:600}.cd-aging-total{font-size:var(--font-size-sm);color:var(--muted-foreground);font-weight:600}.cd-aging-buckets{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.cd-aging-bucket{gap:var(--spacing-md);grid-template-columns:100px 1fr 90px;align-items:center;display:grid}.cd-aging-bucket-label{flex-direction:column;display:flex}.cd-aging-days{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600}.cd-aging-count{font-size:var(--font-size-xs);color:var(--muted-foreground)}.cd-aging-bar-container{background:var(--secondary);border-radius:4px;height:24px;overflow:hidden}.cd-aging-bar{border-radius:4px;height:100%;transition:width .6s}.cd-aging-amount{font-size:var(--font-size-sm);color:var(--foreground);text-align:right;font-weight:600}.cd-aging-empty{justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--muted-foreground);padding:var(--spacing-xl);flex-direction:column;flex:1;display:flex}.cd-aging-empty-icon{color:#22c55e}.cd-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.cd-section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.cd-section-header h3{font-size:var(--font-size-lg);color:var(--foreground);align-items:center;gap:var(--spacing-sm);margin:0;font-weight:600;display:flex}.cd-section-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}.cd-empty-state{text-align:center;padding:var(--spacing-xl);color:var(--muted-foreground);font-size:var(--font-size-sm)}.cd-table-container{overflow-x:auto}.cd-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.cd-table th,.cd-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border);text-align:left}.cd-table th{color:var(--muted-foreground);text-transform:uppercase;font-weight:600;font-size:var(--font-size-xs);letter-spacing:.05em;background:var(--muted)}.cd-table tbody tr{transition:background .2s}.cd-table tbody tr:hover{background:var(--muted)}.cd-table tfoot td{background:var(--muted);font-weight:600}.cd-total-row td{border-top:2px solid var(--border);font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.font-semibold{font-weight:600}.annual-projection{font-size:var(--font-size-xs);color:var(--muted-foreground)}.cd-service-name{font-weight:500}.cd-unit-no{font-family:monospace;font-weight:600}.cd-unit-status-chip{font-size:var(--font-size-xs);text-transform:capitalize;border-radius:4px;padding:2px 8px;font-weight:600;display:inline-flex}.cd-unit-status-chip.hired{color:#22c55e;background:#22c55e1a}.cd-unit-status-chip.sold{color:#3b82f6;background:#3b82f61a}.cd-unit-status-chip.stock,.cd-unit-status-chip.hirestock{color:#f59e0b;background:#f59e0b1a}.cd-unit-status-chip.offhired,.cd-unit-status-chip.decommissioned{color:#6b7280;background:#6b72801a}.cd-sim-type-chip{font-size:var(--font-size-xs);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.cd-sim-type-chip.siteguard{color:var(--primary);background:#ff6b351a}.cd-sim-type-chip.customer{color:#3b82f6;background:#3b82f61a}.cd-sim-type-chip.none{color:var(--muted-foreground)}.cd-end-user{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.cd-service-count{background:var(--secondary);width:24px;height:24px;font-size:var(--font-size-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.cd-service-count.active{color:#22c55e;background:#22c55e1a}.cd-invoices-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.cd-invoice-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cd-invoice-item.cd-invoice-overdue{border-left:3px solid #ef4444}.cd-invoice-row{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md)var(--spacing-lg);cursor:pointer;grid-template-columns:1fr 240px auto;transition:background .2s;display:grid}.cd-invoice-row:hover{background:var(--muted)}.cd-invoice-main{align-items:center;gap:var(--spacing-md);min-width:0;display:flex}.cd-invoice-number{color:var(--foreground);font-weight:600}.cd-invoice-status-chip{text-transform:uppercase;letter-spacing:.03em;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.cd-invoice-status-chip.paid{color:#22c55e;background:#22c55e1f}.cd-invoice-status-chip.authorised{color:#3b82f6;background:#3b82f61f}.cd-invoice-status-chip.draft{color:var(--muted-foreground);background:#9ca3af26}.cd-invoice-status-chip.voided,.cd-invoice-status-chip.deleted{color:#ef4444;background:#ef44441a;text-decoration:line-through}.cd-invoice-overdue-badge{color:#ef4444;background:#ef44441a;border-radius:3px;align-items:center;gap:3px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}.cd-invoice-date{font-size:var(--font-size-sm);color:var(--muted-foreground)}.cd-invoice-org-tag{background:var(--secondary);font-size:var(--font-size-xs);color:var(--muted-foreground);border-radius:4px;padding:2px 8px;font-weight:500}.cd-invoice-amounts{align-items:center;gap:var(--spacing-md);white-space:nowrap;font-variant-numeric:tabular-nums;display:flex}.cd-invoice-total{color:var(--foreground);text-align:left;width:100px;font-weight:600}.cd-invoice-due,.cd-invoice-paid{font-size:var(--font-size-sm);text-align:left;width:120px;font-weight:500}.cd-invoice-due.negative{color:#ef4444}.cd-invoice-paid.positive{color:#22c55e}.cd-invoice-actions{align-items:center;gap:var(--spacing-sm);display:flex}.cd-download-btn{background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.cd-download-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#ff6b351a}.cd-download-btn:disabled{opacity:.5;cursor:not-allowed}.cd-expand-icon{color:var(--muted-foreground);transition:transform .2s}.cd-expand-icon.expanded{transform:rotate(90deg)}.cd-invoice-details{padding:var(--spacing-lg);background:var(--muted);border-top:1px solid var(--border)}.cd-invoice-meta{gap:var(--spacing-lg);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--muted-foreground);display:flex}.cd-overdue-label{color:#ef4444;font-weight:500}.cd-line-items-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);background:var(--card);border-radius:var(--radius);overflow:hidden}.cd-line-items-table th,.cd-line-items-table td{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--border);text-align:left}.cd-line-items-table th{background:var(--secondary);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase}.cd-line-items-table tfoot td{border-bottom:none}.cd-bottom-section{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.cd-bottom-section>.cd-section{margin-bottom:0}.cd-reminder-toggle{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;border:none;border-radius:20px;font-weight:600;transition:all .2s;display:inline-flex}.cd-reminder-toggle.enabled{color:#22c55e;background:#22c55e1a}.cd-reminder-toggle.disabled{background:var(--secondary);color:var(--muted-foreground)}.cd-reminder-toggle:hover{opacity:.8}.cd-reminder-actions{margin-top:var(--spacing-lg)}.cd-reminder-org-select{gap:var(--spacing-md);display:flex}.cd-reminder-org-select 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);color:var(--foreground);flex:1}.cd-send-reminder-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);background:var(--primary);color:#fff;border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600;transition:all .2s;display:inline-flex}.cd-send-reminder-btn:hover:not(:disabled){background:#e65a2d}.cd-send-reminder-btn:disabled{opacity:.5;cursor:not-allowed}.cd-reminder-history{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.cd-reminder-history h4{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0 0 var(--spacing-md);align-items:center;gap:var(--spacing-xs);font-weight:600;display:flex}.cd-reminder-history-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.cd-reminder-history-item{gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--muted);border-radius:var(--radius);font-size:var(--font-size-xs);grid-template-columns:1fr auto auto;display:grid}.cd-reminder-type{color:var(--foreground);font-weight:600}.cd-reminder-amount{color:var(--foreground)}.cd-reminder-date{color:var(--muted-foreground)}.cd-reminder-confirm-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cd-reminder-confirm-dialog{background:var(--card);border-radius:var(--radius);padding:var(--spacing-xl);width:90%;max-width:400px}.cd-reminder-confirm-dialog h4{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);font-weight:600}.cd-reminder-confirm-dialog p{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--muted-foreground)}.cd-reminder-summary{color:var(--foreground);font-weight:600}.cd-confirm-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.cd-cancel-btn{padding:var(--spacing-sm)var(--spacing-lg);background:var(--secondary);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;font-weight:500}.cd-cancel-btn:hover{background:var(--muted)}.cd-confirm-btn{padding:var(--spacing-sm)var(--spacing-lg);background:var(--primary);color:#fff;border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600}.cd-confirm-btn:hover:not(:disabled){background:#e65a2d}.cd-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.cd-notes-content{font-size:var(--font-size-sm);color:var(--foreground);line-height:1.6}.cd-notes-content p{margin:0 0 var(--spacing-sm)}@media (max-width:1200px){.cd-hero-section{grid-template-columns:repeat(2,1fr)}.cd-bottom-section{grid-template-columns:1fr}}@media (max-width:1024px){.cd-main{padding:var(--spacing-lg)}.cd-charts-section{grid-template-columns:1fr}.cd-donut-container{flex-direction:column}.cd-donut-legend{width:100%}}@media (max-width:768px){.cd-header{padding:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}.cd-back span{display:none}.cd-header-center{order:3;justify-content:flex-start;width:100%}.cd-customer-title h1{font-size:var(--font-size-lg)}.cd-hero-section{grid-template-columns:1fr}.cd-hero-stat-value{font-size:24px}.cd-aging-bucket{grid-template-columns:80px 1fr 70px}.cd-invoice-row{gap:var(--spacing-sm);grid-template-columns:1fr}.cd-invoice-amounts{justify-content:flex-start}}@media (max-width:480px){.cd-main{padding:var(--spacing-md)}.cd-section,.cd-chart-card{padding:var(--spacing-lg)}.cd-table th,.cd-table td{padding:var(--spacing-sm);font-size:var(--font-size-xs)}}.cd-section-header-right{align-items:center;gap:var(--spacing-md);display:flex}.cd-generate-invoice-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);background:var(--primary);color:#fff;border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600;transition:all .2s;display:inline-flex}.cd-generate-invoice-btn:hover{background:#e65a2d}.cd-modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cd-modal{background:var(--card);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;box-shadow:0 20px 60px #0000004d}.cd-modal-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.cd-modal-header h2{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);margin:0;font-weight:600;display:flex}.cd-modal-close{border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--muted-foreground);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cd-modal-close:hover{background:var(--muted);color:var(--foreground)}.cd-modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.cd-modal-error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius);color:#ef4444;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);background:#ef44441a;border:1px solid #ef44444d;display:flex}.cd-modal-footer{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg)var(--spacing-xl);border-top:1px solid var(--border);display:flex}.cd-invoice-mode-toggle{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.cd-mode-btn{padding:var(--spacing-md);background:var(--secondary);border:2px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--muted-foreground);cursor:pointer;flex:1;font-weight:600;transition:all .2s}.cd-mode-btn:hover{background:var(--muted)}.cd-mode-btn.active{border-color:var(--primary);color:var(--primary);background:#ff6b351a}.cd-invoice-weeks,.cd-invoice-reference{margin-bottom:var(--spacing-lg)}.cd-invoice-weeks label,.cd-invoice-reference label{font-size:var(--font-size-sm);color:var(--muted-foreground);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.cd-invoice-weeks select,.cd-invoice-reference input{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--card);font-size:var(--font-size-sm);color:var(--foreground)}.cd-invoice-weeks select:focus,.cd-invoice-reference input:focus{border-color:var(--primary);outline:none}.cd-invoice-items{margin-bottom:var(--spacing-lg)}.cd-invoice-items-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.cd-invoice-items-header h4{font-size:var(--font-size-md);margin:0;font-weight:600}.cd-add-item-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--foreground);cursor:pointer;transition:all .2s;display:inline-flex}.cd-add-item-btn:hover{background:var(--muted)}.cd-invoice-loading,.cd-invoice-empty{text-align:center;padding:var(--spacing-xl);color:var(--muted-foreground);font-size:var(--font-size-sm)}.cd-invoice-items-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.cd-invoice-items-table th,.cd-invoice-items-table td{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--border);text-align:left}.cd-invoice-items-table th{color:var(--muted-foreground);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;background:var(--muted)}.cd-invoice-items-table input{width:100%;padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--border);background:var(--card);font-size:var(--font-size-sm);border-radius:4px}.cd-invoice-items-table input:focus{border-color:var(--primary);outline:none}.cd-invoice-items-table input[type=number]{width:80px}.cd-invoice-items-table .amount-col{text-align:right;font-weight:600}.cd-invoice-items-table tfoot td{background:var(--muted);border-top:2px solid var(--border);font-weight:700}.cd-remove-item-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cd-remove-item-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.cd-invoice-note{padding:var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);color:#3b82f6;background:#3b82f61a}.cd-create-btn{padding:var(--spacing-sm)var(--spacing-xl);background:var(--primary);color:#fff;border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600;transition:all .2s}.cd-create-btn:hover:not(:disabled){background:#e65a2d}.cd-create-btn:disabled{opacity:.5;cursor:not-allowed}.cd-modal.cd-modal-wide{max-width:850px}.cd-invoice-billing-options{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--muted);border-radius:var(--radius)}.cd-billing-type{margin-bottom:var(--spacing-md)}.cd-billing-type label{font-size:var(--font-size-sm);color:var(--muted-foreground);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.cd-billing-type-buttons{gap:var(--spacing-xs);display:flex}.cd-billing-btn{padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:2px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--muted-foreground);cursor:pointer;flex:1;font-weight:500;transition:all .2s}.cd-billing-btn:hover{background:var(--secondary);color:var(--foreground)}.cd-billing-btn.active{border-color:var(--primary);color:var(--primary);background:#ff6b351a}.cd-invoice-dates{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.cd-date-field{flex:1;min-width:160px}.cd-date-field label{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-bottom:var(--spacing-xs);font-weight:600;display:block}.cd-date-field input[type=date]{width:100%;padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius);background:var(--card);font-size:var(--font-size-sm);color:var(--foreground)}.cd-date-field input[type=date]:focus{border-color:var(--primary);outline:none}.cd-period-days{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius);font-size:var(--font-size-sm);color:#3b82f6;background:#3b82f61a;font-weight:500}.cd-invoice-items-table .unit-col{color:var(--primary);white-space:nowrap;font-weight:600}.cd-invoice-status-toggle{padding:var(--spacing-md);background:var(--muted);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.cd-invoice-status-toggle>label{font-size:var(--font-size-sm);color:var(--muted-foreground);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.cd-status-buttons{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.cd-status-btn{padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:2px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--muted-foreground);cursor:pointer;flex:1;font-weight:500;transition:all .2s}.cd-status-btn:hover{background:var(--secondary)}.cd-status-btn.active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.cd-status-btn.authorised.active{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.cd-status-hint{font-size:var(--font-size-xs);color:var(--muted-foreground);display:block}.cd-create-btn.authorised{background:#22c55e}.cd-create-btn.authorised:hover:not(:disabled){background:#16a34a}.cd-cancel-btn{padding:var(--spacing-sm)var(--spacing-xl);color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;background:0 0;font-weight:500;transition:all .2s}.cd-cancel-btn:hover{background:var(--muted);color:var(--foreground)}.cd-xero-section{margin-top:var(--spacing-xl);background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.cd-section-header.clickable{padding:var(--spacing-lg);background:var(--surface-tertiary,#252540);cursor:pointer;justify-content:space-between;align-items:center;transition:background .2s;display:flex}.cd-section-header.clickable:hover{background:var(--surface-hover,#303050)}.cd-section-title{align-items:center;gap:var(--spacing-sm);display:flex}.cd-section-title h3{font-size:var(--font-size-base);color:var(--text-primary,#fff);margin:0;font-weight:600}.cd-section-title svg{color:var(--primary,#ff6b35)}.cd-chevron{color:var(--muted-foreground);transition:transform .2s}.cd-chevron.expanded{transform:rotate(90deg)}.cd-previous-invoice-info{margin-bottom:var(--spacing-md)}.cd-prev-invoice-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f64d;display:inline-flex}.cd-prev-invoice-badge svg{color:#3b82f6}.cd-invoice-warnings{margin-bottom:var(--spacing-md);border-radius:var(--radius);background:#f59e0b1a;border:1px solid #f59e0b4d;overflow:hidden}.cd-warnings-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm);color:#f59e0b;background:#f59e0b26;font-weight:600;display:flex}.cd-warnings-header svg{color:#f59e0b}.cd-warnings-list{padding:var(--spacing-sm)var(--spacing-md);padding-left:var(--spacing-2xl);font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0;list-style:outside}.cd-warnings-list li{padding:var(--spacing-xs)0}.cd-invoice-analysis{gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background:var(--muted);border-radius:var(--radius);font-size:var(--font-size-sm);display:flex}.cd-analysis-item{color:var(--muted-foreground)}.cd-analysis-item strong{color:var(--foreground)}.cd-analysis-item.prev-invoice,.cd-analysis-item.prev-invoice strong{color:#f59e0b}.cd-source-badge{font-size:var(--font-size-xs);border-radius:10px;padding:2px 8px;font-weight:500;display:inline-block}.cd-source-badge.db{color:#22c55e;background:#22c55e26}.cd-source-badge.prev{color:#f59e0b;background:#f59e0b26}.cd-invoice-items-table tr.from-prev-invoice{background:#f59e0b0d}.cd-invoice-items-table tr.from-prev-invoice:hover{background:#f59e0b1a}.cd-price-note{font-size:var(--font-size-xs);color:#f59e0b;margin-top:2px;display:block}.cd-invoice-items-table .source-col{text-align:center;white-space:nowrap}.cd-warning-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs)0;list-style:none;display:flex}.cd-warnings-list{list-style:none}.cd-warning-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-flex}.cd-warning-icon.error{color:#ef4444;background:#ef444433}.cd-warning-icon.warning{color:#f59e0b;background:#f59e0b33}.cd-warning-icon.info{color:#3b82f6;background:#3b82f633}.cd-warning-message{flex:1}.cd-warning-savings{font-size:var(--font-size-xs);color:#22c55e;border-radius:var(--radius-sm);background:#22c55e1a;padding:2px 6px;font-weight:500}.cd-warning-item.cd-warning-error{color:#ef4444}.cd-warning-item.cd-warning-warning{color:#f59e0b}.cd-warning-item.cd-warning-info{color:var(--muted-foreground)}.cd-proration-badge{margin-left:var(--spacing-sm);font-size:var(--font-size-xs);color:#a855f7;border-radius:var(--radius-sm);vertical-align:middle;background:#a855f726;padding:2px 6px;font-weight:500;display:inline-block}.cd-estimated-badge{margin-left:var(--spacing-sm);font-size:var(--font-size-xs);color:#f59e0b;border-radius:var(--radius-sm);vertical-align:middle;background:#f59e0b26;padding:2px 6px;font-weight:500;display:inline-block}.cd-invoice-items-table tr.prorated-item{background:#a855f708}.cd-invoice-items-table tr.prorated-item:hover{background:#a855f714}.cd-analysis-item.prorated,.cd-analysis-item.prorated strong{color:#a855f7}.cd-analysis-item.skipped,.cd-analysis-item.skipped strong{color:#6b7280}.cd-analysis-item.matched,.cd-analysis-item.matched strong{color:#22c55e}.cd-suggest-period-btn{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.cd-suggest-period-btn:hover{background:var(--muted);color:#3b82f6;border-color:#3b82f6}.cd-suggest-period-btn:disabled{opacity:.6;cursor:not-allowed}.cd-invoice-items-actions{align-items:center;gap:12px;display:flex}.cd-xero-toggle{color:var(--muted-foreground);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.cd-xero-toggle input{cursor:pointer}.cd-xero-toggle:hover{color:var(--foreground)}.cd-invoice-items-table.with-xero{font-size:12px}.cd-invoice-items-table .xero-col{color:var(--muted-foreground);white-space:nowrap;font-family:SF Mono,Consolas,monospace;font-size:11px}.cd-invoice-items-table.with-xero th,.cd-invoice-items-table.with-xero td{padding:8px 6px}.cd-cycle-chip{color:#818cf8;white-space:nowrap;background:#6366f126;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.cd-billed-until{white-space:nowrap;font-size:.8rem}.cd-billed-ok{color:#22c55e}.cd-billed-expiring{color:#f59e0b;font-weight:600}.cd-billed-expired{color:#ef4444;font-weight:600}.cd-billed-unknown{color:var(--muted-foreground)}.cd-svc-expiring{background:#f59e0b14!important}.cd-svc-expired{background:#ef444414!important}.cd-bg-refresh-indicator{color:var(--muted-foreground);background:var(--muted);opacity:.8;border-radius:10px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:11px;animation:.3s cd-fade-in;display:inline-flex}@keyframes cd-fade-in{0%{opacity:0}to{opacity:.8}}.cd-invoice-dates{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.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{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}.refresh-btn:hover:not(:disabled){background:var(--accent);border-color:var(--primary);color:var(--primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.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}.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}.summary-card.loading{opacity:.6}.summary-card.loading .summary-value{color:#9ca3af;font-style:italic}.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}}.manage-xero-btn{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.manage-xero-btn:hover{color:#1f2937;background:#f3f4f6;border-color:#d1d5db}.xero-org-manager-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.xero-org-manager-panel{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.xero-org-manager-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.xero-org-manager-header h2{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.xero-org-manager-content{padding:24px;overflow-y:auto}.xero-orgs-list h3,.xero-add-org h3{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px;font-size:14px;font-weight:600}.no-orgs{color:#9ca3af;padding:12px 0;font-size:14px}.xero-org-item{background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.xero-org-item.disconnected{background:#fef3c7}.xero-org-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.xero-org-name{color:#1f2937;font-weight:500}.xero-org-short{color:#6b7280;font-size:13px}.xero-org-status{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;display:flex}.xero-org-status.connected{color:#065f46;background:#d1fae5}.xero-org-status.disconnected{color:#991b1b;background:#fee2e2}.xero-org-actions{gap:8px;display:flex}.reconnect-btn,.delete-org-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.reconnect-btn{color:#2563eb;background:#dbeafe}.reconnect-btn:hover{background:#bfdbfe}.delete-org-btn{color:#dc2626;background:#fee2e2}.delete-org-btn:hover{background:#fecaca}.xero-add-org{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.add-org-form{flex-direction:column;gap:12px;display:flex}.add-org-form input{color:#1f2937;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;font-size:14px}.add-org-form input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-org-form input::placeholder{color:#9ca3af}.add-org-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.add-org-btn:hover:not(:disabled){background:#2563eb}.add-org-btn:disabled{cursor:not-allowed;background:#93c5fd}.add-org-note{color:#6b7280;margin-top:12px;font-size:13px}.error-message{color:#dc2626;margin-top:8px;font-size:13px}.sim-ownership-badges{flex-wrap:wrap;gap:6px;display:flex}.sim-badge{border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.sim-badge.sg{color:#1e40af;background:#dbeafe}.sim-badge.customer{color:#92400e;background:#fef3c7}.sim-badge.none{color:#9ca3af}.unit-status-badges{flex-wrap:wrap;gap:4px;display:flex}.unit-badge{border-radius:4px;align-items:center;padding:2px 6px;font-size:11px;font-weight:500;display:inline-flex}.unit-badge.hired{color:#065f46;background:#d1fae5}.unit-badge.sold{color:#3730a3;background:#e0e7ff}.unit-badge.stock{color:#6b7280;background:#f3f4f6}.unit-badge.none{color:#9ca3af}.overview-content{flex-direction:column;gap:20px;display:flex}.overview-section{background:#f9fafb;border-radius:10px;padding:16px}.overview-section h3{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px;font-size:13px;font-weight:600}.overview-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.overview-stat{text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;display:flex}.overview-stat .stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:11px;display:block}.overview-stat .stat-value{color:#1f2937;font-size:24px;font-weight:600;line-height:1;display:block}.overview-stat .stat-value.hired{color:#059669}.overview-stat .stat-value.sold{color:#4f46e5}.overview-stat .stat-value.sg{color:#2563eb}.overview-stat .stat-value.customer{color:#d97706}.services-summary{flex-wrap:wrap;gap:8px;display:flex}.service-chip{color:#374151;background:#fff;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.no-data{color:#9ca3af;margin:0;font-size:14px}.customer-comment{color:#374151;background:#fff;border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.units-list{overflow-x:auto}.units-table{border-collapse:collapse;width:100%;font-size:13px}.units-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11px;font-weight:600}.units-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:10px 12px}.units-table .unit-no{color:#1f2937;font-weight:500}.unit-status-chip{text-transform:capitalize;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.unit-status-chip.hired{color:#065f46;background:#d1fae5}.unit-status-chip.sold{color:#3730a3;background:#e0e7ff}.unit-status-chip.hirestock,.unit-status-chip.stock{color:#6b7280;background:#f3f4f6}.unit-status-chip.offhired,.unit-status-chip.decommissioned{color:#991b1b;background:#fee2e2}.sim-type-chip{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.sim-type-chip.siteguard{color:#1e40af;background:#dbeafe}.sim-type-chip.customer{color:#92400e;background:#fef3c7}.sim-type-chip.none{color:#9ca3af;background:#f3f4f6}.site-address,.end-user{white-space:nowrap;text-overflow:ellipsis;color:#6b7280;max-width:180px;font-size:12px;overflow:hidden}.services-list{overflow-x:auto}.services-table{border-collapse:collapse;width:100%;font-size:13px}.services-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11px;font-weight:600}.services-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:10px 12px}.services-table .service-name{color:#1f2937;font-weight:500}.services-table .weekly-rate{color:#059669;font-weight:500}.services-table tfoot td{background:#f9fafb;border-top:2px solid #e5e7eb;font-weight:600}.services-table .total-row .weekly-rate{font-size:14px}.summary-card.revenue{background:#f0fdf4;border:1px solid #bbf7d0}.summary-card.revenue .summary-label{color:#166534}.billing-cycle-chip{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.rate-period{color:#9ca3af;margin-left:2px;font-size:11px;font-weight:400}.billed-until{align-items:center;gap:6px;font-size:13px;display:inline-flex}.billed-until.ok{color:#059669}.billed-until.expiring{color:#d97706;font-weight:500}.billed-until.expired{color:#dc2626;font-weight:500}.billed-until.unknown{color:#9ca3af;font-size:12px;font-style:italic}.expiry-label{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.billed-until.expiring .expiry-label{color:#92400e;background:#fef3c7}.billed-until.expired .expiry-label{color:#991b1b;background:#fee2e2}.services-table tr.service-expiring{background:#fffbeb}.services-table tr.service-expired{background:#fef2f2}@media (max-width:1024px){.overview-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.overview-stats{grid-template-columns:1fr 1fr}.billing-summary-cards{grid-template-columns:repeat(2,1fr)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.skeleton-text{height:16px;display:inline-block}.skeleton-text-sm{opacity:.7;height:12px;display:inline-block}.skeleton-badge{border-radius:12px;width:70px;height:24px}.skeleton-badge-sm{border-radius:10px;width:50px;height:20px}.skeleton-icon{border-radius:4px;width:18px;height:18px}.skeleton-row td{padding:16px 12px}.skeleton-summary{opacity:.7}.skeleton-summary .skeleton{margin:4px 0}.org-filter select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:140px;padding:10px 14px;font-size:14px}.filter-actions{align-items:center;gap:8px;display:flex}.aging-report-btn,.unmatched-btn{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.aging-report-btn:hover,.unmatched-btn:hover{color:#1f2937;background:#f3f4f6;border-color:#d1d5db}.aging-report-btn svg,.unmatched-btn svg{color:#6b7280}.export-dropdown{position:relative}.export-btn{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.export-btn:hover{color:#1f2937;background:#f3f4f6;border-color:#d1d5db}.dropdown-backdrop{z-index:99;position:fixed;inset:0}.export-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:180px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.export-menu button{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:14px;transition:background .15s;display:flex}.export-menu button:hover{background:#f3f4f6}.export-menu button svg{color:#6b7280}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.modal-panel.aging-modal{max-width:700px}.modal-panel.unmatched-modal{max-width:600px}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.modal-body{padding:24px;overflow-y:auto}.modal-description{color:#6b7280;margin:0 0 16px;font-size:14px}.modal-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.modal-search svg{color:#9ca3af}.modal-search input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-size:14px}.aging-report-section{flex-direction:column;gap:20px;display:flex}.aging-header{justify-content:space-between;align-items:center;display:flex}.aging-header h3{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.aging-total{color:#dc2626;font-size:18px;font-weight:600}.aging-buckets{flex-direction:column;gap:12px;display:flex}.aging-bucket{cursor:pointer;background:#f9fafb;border-radius:8px;grid-template-columns:120px 1fr 100px;align-items:center;gap:12px;padding:12px;transition:background .15s;display:grid}.aging-bucket:hover{background:#f3f4f6}.bucket-label{flex-direction:column;gap:2px;display:flex}.bucket-days{color:#1f2937;font-weight:600}.bucket-count{color:#6b7280;font-size:12px}.bucket-bar-container{background:#e5e7eb;border-radius:12px;height:24px;overflow:hidden}.bucket-bar{border-radius:12px;height:100%;transition:width .3s}.bucket-amount{color:#1f2937;text-align:right;font-weight:600}.aging-by-org{border-top:1px solid #e5e7eb;padding-top:16px}.aging-by-org h4{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px;font-size:14px;font-weight:600}.org-breakdown{flex-direction:column;gap:8px;display:flex}.org-aging-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.org-aging-item .org-name{color:#1f2937;flex:1;font-weight:500}.org-aging-item .org-total{color:#dc2626;font-weight:600}.org-aging-item .org-count{color:#6b7280;font-size:13px}.unmatched-list{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.unmatched-item{background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.unmatched-info{flex-direction:column;gap:4px;display:flex}.unmatched-info .contact-name{color:#1f2937;font-weight:500}.unmatched-info .contact-details{color:#6b7280;align-items:center;gap:8px;font-size:12px;display:flex}.unmatched-info .org-tag{color:#4338ca;background:#e0e7ff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.unmatched-info .contact-overdue{align-items:center;gap:8px;font-size:13px;display:flex}.unmatched-info .contact-overdue .amount{color:#dc2626;font-weight:600}.unmatched-info .contact-overdue .days{color:#6b7280}.link-btn{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #3b82f6;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.link-btn:hover{color:#fff;background:#3b82f6}.link-form{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px;position:sticky;bottom:0}.link-form-header{color:#1f2937;margin-bottom:12px;font-weight:500}.link-form select{color:#1f2937;border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-bottom:12px;padding:10px 14px;font-size:14px}.link-form-actions{justify-content:flex-end;gap:8px;display:flex}.cancel-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500}.cancel-btn:hover{background:#f3f4f6}.confirm-link-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500}.confirm-link-btn:hover:not(:disabled){background:#2563eb}.confirm-link-btn:disabled{cursor:not-allowed;background:#93c5fd}.per-org-breakdown{background:#fef3c7;border-bottom:1px solid #fcd34d;padding:16px 24px}.per-org-breakdown h4{color:#92400e;text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px;font-size:12px;font-weight:600}.org-breakdown-grid{flex-wrap:wrap;gap:12px;display:flex}.org-breakdown-item{background:#fff;border-radius:8px;flex-direction:column;gap:2px;min-width:140px;padding:10px 14px;display:flex}.org-breakdown-item .org-name{color:#92400e;font-size:12px;font-weight:500}.org-breakdown-item .org-amount{color:#dc2626;font-size:18px;font-weight:600}.org-breakdown-item .org-days{color:#6b7280;font-size:12px}.reminder-section{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 24px}.reminder-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.reminder-header h4{color:#374151;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.reminder-toggle{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.reminder-toggle.enabled{color:#065f46;background:#d1fae5}.reminder-toggle.disabled{color:#991b1b;background:#fee2e2}.reminder-toggle:hover{opacity:.8}.reminder-message{border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.reminder-message.success{color:#065f46;background:#d1fae5}.reminder-message.error{color:#991b1b;background:#fee2e2}.reminder-actions{margin-bottom:12px}.reminder-org-select{align-items:center;gap:8px;display:flex}.reminder-org-select select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.send-reminder-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.send-reminder-btn:hover:not(:disabled){background:#2563eb}.send-reminder-btn:disabled{cursor:not-allowed;background:#93c5fd}.reminder-history{border-top:1px solid #e5e7eb;padding-top:12px}.reminder-history h5{color:#6b7280;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;font-weight:600;display:flex}.reminder-history-list{flex-direction:column;gap:6px;display:flex}.reminder-history-item{background:#fff;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.reminder-history-item .reminder-type{color:#374151;background:#e5e7eb;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.reminder-history-item .reminder-amount{color:#dc2626;font-weight:500}.reminder-history-item .reminder-date{color:#6b7280;margin-left:auto;font-size:12px}.reminder-confirm-overlay{z-index:1100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reminder-confirm-dialog{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 10px 30px #0003}.reminder-confirm-dialog h4{color:#1f2937;margin:0 0 12px;font-size:18px;font-weight:600}.reminder-confirm-dialog p{color:#4b5563;margin:0 0 8px;font-size:14px}.reminder-confirm-dialog .reminder-summary{color:#dc2626;margin-bottom:20px;font-weight:600}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-actions .cancel-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500}.confirm-actions .confirm-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500}.confirm-actions .confirm-btn:hover:not(:disabled){background:#2563eb}.confirm-actions .confirm-btn:disabled{cursor:not-allowed;background:#93c5fd}@media (max-width:768px){.filter-actions{flex-wrap:wrap;width:100%}.filter-actions button,.export-dropdown{flex:1;min-width:100px}.aging-bucket{grid-template-columns:1fr;gap:8px}.bucket-bar-container{width:100%}.bucket-amount{text-align:left}.org-breakdown-grid{flex-direction:column}.org-breakdown-item{width:100%}.reminder-org-select{flex-direction:column}.reminder-org-select select,.send-reminder-btn{width:100%}}.my-billing{max-width:900px;padding:var(--spacing-lg);margin:0 auto}.my-billing-header{margin-bottom:var(--spacing-xl)}.my-billing-header-top{align-items:center;gap:var(--spacing-md);display:flex}.my-billing-header-top h2{font-size:var(--font-size-xl);flex:1;margin:0;font-weight:600}.my-billing-customer{color:var(--muted-foreground);font-size:var(--font-size-sm);margin:0}.my-billing-back{cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius);color:var(--foreground);background:0 0;border:none;align-items:center;display:flex}.my-billing-back:hover{background:var(--secondary)}.my-billing-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s,border-color .15s;display:inline-flex}.my-billing-btn:hover{background:var(--secondary);border-color:var(--muted-foreground)}.my-billing-btn:disabled{opacity:.5;cursor:not-allowed}.my-billing-btn--icon{padding:var(--spacing-xs);background:0 0;border:none}.my-billing-btn--icon:hover{background:var(--secondary)}.my-billing-btn--small{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);width:100%;margin-top:var(--spacing-sm);justify-content:center}.my-billing-summary{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.my-billing-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);display:flex}.my-billing-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.my-billing-card-icon--primary{background:rgba(var(--primary-rgb,255,107,53),.1);color:var(--primary)}.my-billing-card-icon--warning{color:#f59e0b;background:#f59e0b1a}.my-billing-card-icon--danger{color:#ef4444;background:#ef44441a}.my-billing-card-icon--success{color:#22c55e;background:#22c55e1a}.my-billing-card-content{flex-direction:column;min-width:0;display:flex}.my-billing-card-label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.my-billing-card-value{font-size:var(--font-size-lg);color:var(--foreground);font-weight:600}.my-billing-tabs{gap:var(--spacing-xs);border-bottom:1px solid var(--border);margin-bottom:var(--spacing-lg);display:flex}.my-billing-tab{padding:var(--spacing-sm)var(--spacing-lg);color:var(--muted-foreground);font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:var(--spacing-xs);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500;transition:color .15s,border-color .15s;display:flex}.my-billing-tab:hover{color:var(--foreground)}.my-billing-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.my-billing-tab-count{font-size:var(--font-size-xs);background:var(--secondary);color:var(--muted-foreground);border-radius:10px;padding:1px 6px}.my-billing-tab--active .my-billing-tab-count{background:rgba(var(--primary-rgb,255,107,53),.1);color:var(--primary)}.my-billing-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.my-billing-table thead th{text-align:left;padding:var(--spacing-sm)var(--spacing-md);color:var(--muted-foreground);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.my-billing-table tbody td{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--border);color:var(--foreground)}.my-billing-table tbody tr:hover{background:var(--secondary)}.my-billing-invoice-num{font-weight:500}.my-billing-payment-amount{color:#22c55e;font-weight:600}.my-billing-badge{font-size:var(--font-size-xs);white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.my-billing-badge--paid{color:#22c55e;background:#22c55e1a}.my-billing-badge--overdue{color:#ef4444;background:#ef44441a}.my-billing-badge--pending{color:#f59e0b;background:#f59e0b1a}.my-billing-loading,.my-billing-error,.my-billing-empty,.my-billing-empty-tab{padding:var(--spacing-3xl);color:var(--muted-foreground);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.my-billing-loading{min-height:300px}.my-billing-empty h3{color:var(--foreground);margin:0}.my-billing-empty-tab{padding:var(--spacing-2xl)}.my-billing-invoice-cards{display:none}.my-billing-invoice-card{padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--background)}.my-billing-invoice-card+.my-billing-invoice-card{margin-top:var(--spacing-sm)}.my-billing-invoice-card-row{justify-content:space-between;align-items:center;display:flex}.my-billing-invoice-card-row+.my-billing-invoice-card-row{margin-top:var(--spacing-xs)}.my-billing-invoice-card-num{font-weight:600;font-size:var(--font-size-sm)}.my-billing-invoice-card-date{font-size:var(--font-size-xs);color:var(--muted-foreground)}.my-billing-invoice-card-amount{font-weight:600}.my-billing-invoice-card-label{font-size:var(--font-size-xs);color:var(--muted-foreground)}.my-billing-invoice-card-due{color:#ef4444;font-weight:600}@media (max-width:768px){.my-billing{padding:var(--spacing-md)}.my-billing-summary{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.my-billing-card{padding:var(--spacing-md)}.my-billing-card-icon{width:32px;height:32px}.my-billing-card-value{font-size:var(--font-size-md)}.my-billing-table{display:none}.my-billing-invoice-cards{display:block}}.my-billing-table-row{cursor:pointer}.my-billing-actions{gap:var(--spacing-xs);display:flex}.my-billing-modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.my-billing-modal{background:var(--background);border-radius:var(--radius);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.my-billing-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;display:flex}.my-billing-modal-header h3{font-size:var(--font-size-lg);margin:0}.my-billing-modal-date{color:var(--muted-foreground);font-size:var(--font-size-sm);margin:4px 0 0}.my-billing-modal-close{cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius);color:var(--foreground);background:0 0;border:none}.my-billing-modal-close:hover{background:var(--secondary)}.my-billing-modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.my-billing-modal-loading,.my-billing-modal-error{padding:var(--spacing-2xl);justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--muted-foreground);flex-direction:column;display:flex}.my-billing-modal-summary{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--secondary);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);display:grid}.my-billing-modal-summary>div{flex-direction:column;gap:4px;display:flex}.my-billing-modal-summary .label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.my-billing-modal-summary .value{font-size:var(--font-size-lg);font-weight:600}.my-billing-modal-lineitems h4{margin:0 0 var(--spacing-md)0;font-size:var(--font-size-md)}.my-billing-modal-lineitems table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.my-billing-modal-lineitems thead th{text-align:left;padding:var(--spacing-sm);color:var(--muted-foreground);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.my-billing-modal-lineitems tbody td{padding:var(--spacing-sm);border-bottom:1px solid var(--border)}.my-billing-modal-lineitems tbody tr:last-child td{border-bottom:none}.my-billing-modal-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}@media (max-width:768px){.my-billing-modal{border-radius:0;max-height:100vh}.my-billing-modal-summary{grid-template-columns:1fr}.my-billing-modal-overlay{padding:0}}@media (max-width:480px){.my-billing-summary{grid-template-columns:1fr}.my-billing-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}}.tcm-overlay{z-index:1000;padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tcm-modal{background:var(--background);border-radius:var(--radius);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;box-shadow:0 10px 40px #0003}.tcm-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.tcm-header h2{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);margin:0;font-weight:600;display:flex}.tcm-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}.tcm-close:hover{background:var(--muted);color:var(--foreground)}.tcm-content{padding:var(--spacing-xl);flex:1;overflow-y:auto}.tcm-section{margin-bottom:var(--spacing-xl)}.tcm-label{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--foreground);margin-bottom:var(--spacing-sm);font-weight:600;display:flex}.tcm-readonly{padding:var(--spacing-md);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--muted-foreground)}.tcm-input,.tcm-select,.tcm-search{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--foreground);transition:all .2s}.tcm-input:focus,.tcm-select:focus,.tcm-search:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b351a}.tcm-input.error,.tcm-select.error{border-color:var(--destructive)}.tcm-search{margin-bottom:var(--spacing-sm)}.tcm-select{cursor:pointer}.tcm-select:disabled{opacity:.5;cursor:not-allowed}.tcm-days{gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr);display:grid}.tcm-day{padding:var(--spacing-sm);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-xs);color:var(--muted-foreground);cursor:pointer;font-weight:500;transition:all .2s}.tcm-day:hover{background:var(--muted);border-color:var(--primary)}.tcm-day.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.tcm-time-range{align-items:flex-start;gap:var(--spacing-md);display:flex}.tcm-time-input{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.tcm-time-input label{font-size:var(--font-size-xs);color:var(--muted-foreground);font-weight:500}.tcm-time-separator{color:var(--muted-foreground);font-size:var(--font-size-sm);align-items:center;padding-top:24px;display:flex}.tcm-radio-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.tcm-radio{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;display:flex}.tcm-radio:hover{background:var(--muted)}.tcm-radio input[type=radio]{cursor:pointer;margin-top:2px}.tcm-radio-content{flex-direction:column;flex:1;gap:2px;display:flex}.tcm-radio-label{font-size:var(--font-size-sm);color:var(--foreground);font-weight:500}.tcm-radio-desc{font-size:var(--font-size-xs);color:var(--muted-foreground)}.tcm-checkbox{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;display:flex}.tcm-checkbox:hover{background:var(--muted)}.tcm-checkbox input[type=checkbox]{cursor:pointer}.tcm-checkbox span{font-size:var(--font-size-sm);color:var(--foreground);font-weight:500}.tcm-error{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--destructive);display:flex}.tcm-footer{gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--border);justify-content:flex-end;display:flex}.tcm-btn-primary,.tcm-btn-secondary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-xl);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.tcm-btn-primary{background:var(--primary);color:var(--primary-foreground)}.tcm-btn-primary:hover:not(:disabled){opacity:.9}.tcm-btn-primary:disabled{opacity:.5;cursor:not-allowed}.tcm-btn-secondary{background:var(--card);color:var(--foreground);border:1px solid var(--border)}.tcm-btn-secondary:hover:not(:disabled){background:var(--muted)}.tcm-btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.tcm-overlay{padding:0}.tcm-modal{border-radius:0;max-width:100%;max-height:100vh}.tcm-days{grid-template-columns:repeat(4,1fr)}.tcm-time-range{flex-direction:column}.tcm-time-separator{padding-top:0;padding:var(--spacing-xs)0}.tcm-footer{flex-direction:column-reverse}.tcm-btn-primary,.tcm-btn-secondary{justify-content:center;width:100%}}.tsg-container{width:100%}.tsg-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.tsg-selector{align-items:center;gap:var(--spacing-sm);max-width:400px;padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex:1;display:flex}.tsg-select{font-size:var(--font-size-sm);color:var(--foreground);cursor:pointer;background:0 0;border:none;outline:none;flex:1}.tsg-refresh{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;display:flex}.tsg-refresh:hover:not(:disabled){background:var(--muted)}.tsg-refresh:disabled{opacity:.5;cursor:not-allowed}.tsg-stats{gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--spacing-xl);display:flex}.tsg-stat{align-items:center;gap:var(--spacing-sm);display:flex}.tsg-stat-label{font-size:var(--font-size-sm);color:var(--muted-foreground)}.tsg-stat-value{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600}.tsg-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.tsg-thumbnail{aspect-ratio:16/9;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.tsg-thumbnail:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.tsg-thumbnail img{object-fit:cover;width:100%;height:100%}.tsg-thumbnail.error{background:var(--muted);justify-content:center;align-items:center;display:flex}.tsg-thumbnail.error:after{content:"Failed to load";font-size:var(--font-size-xs);color:var(--muted-foreground)}.tsg-thumbnail-overlay{padding:var(--spacing-sm);opacity:0;background:linear-gradient(#0000,#000000b3);transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.tsg-thumbnail:hover .tsg-thumbnail-overlay{opacity:1}.tsg-thumbnail-time{font-size:var(--font-size-xs);color:#fff;font-weight:500}.tsg-load-more{margin-top:var(--spacing-xl);justify-content:center;display:flex}.tsg-btn-load{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-2xl);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.tsg-btn-load:hover:not(:disabled){background:var(--muted);transform:translateY(-1px)}.tsg-btn-load:disabled{opacity:.5;cursor:not-allowed}.tsg-empty{padding:var(--spacing-3xl)var(--spacing-xl);text-align:center;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;display:flex}.tsg-empty svg{color:var(--muted-foreground);opacity:.5;margin-bottom:var(--spacing-lg)}.tsg-empty h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--foreground);font-weight:600}.tsg-empty p{font-size:var(--font-size-sm);max-width:400px}.tsg-loading{padding:var(--spacing-3xl);color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;display:flex}.tsg-loading svg{margin-bottom:var(--spacing-lg)}.tsg-loading p{font-size:var(--font-size-sm)}.tsg-lightbox{z-index:2000;padding:var(--spacing-xl);background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tsg-lightbox-content{justify-content:center;align-items:center;gap:var(--spacing-xl);width:100%;max-width:1200px;height:100%;max-height:90vh;display:flex;position:relative}.tsg-lightbox-close{border-radius:var(--radius);color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:0;right:0}.tsg-lightbox-close:hover{background:#fff3}.tsg-lightbox-nav{border-radius:var(--radius);color:#fff;cursor:pointer;background:#ffffff1a;border:none;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.tsg-lightbox-nav:hover:not(:disabled){background:#fff3}.tsg-lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.tsg-lightbox-image-container{flex-direction:column;flex:1;justify-content:center;align-items:center;max-height:100%;display:flex}.tsg-lightbox-image-container img{object-fit:contain;border-radius:var(--radius);max-width:100%;max-height:calc(100% - 60px)}.tsg-lightbox-info{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);color:#fff;background:#ffffff1a;justify-content:space-between;display:flex}@media (max-width:768px){.tsg-toolbar{flex-direction:column;align-items:stretch}.tsg-selector{max-width:none}.tsg-stats{gap:var(--spacing-sm);flex-direction:column}.tsg-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tsg-lightbox{padding:var(--spacing-md)}.tsg-lightbox-content{flex-direction:column}.tsg-lightbox-nav{position:absolute;bottom:80px}.tsg-lightbox-prev{left:var(--spacing-md)}.tsg-lightbox-next{right:var(--spacing-md)}.tsg-lightbox-close{top:var(--spacing-md);right:var(--spacing-md)}.tsg-lightbox-info{gap:var(--spacing-xs);text-align:center;flex-direction:column}}.atl-container{max-width:90rem;padding:var(--spacing-2xl)var(--spacing-lg);margin:0 auto}.atl-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.atl-back{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;display:flex}.atl-back:hover{background:var(--muted)}.atl-header-center{text-align:center;flex:1}.atl-header-center h1{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);font-weight:700;display:flex}.atl-header-center p{color:var(--muted-foreground);font-size:var(--font-size-sm)}.atl-refresh{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:40px;height:40px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.atl-refresh:hover:not(:disabled){background:var(--muted)}.atl-refresh:disabled{opacity:.5;cursor:not-allowed}.atl-hero-section{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(4,1fr);display:grid}.atl-hero-stat{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s;display:flex}.atl-hero-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.atl-hero-stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.atl-hero-stat.blue .atl-hero-stat-icon{color:#3b82f6;background:#3b82f61a}.atl-hero-stat.green .atl-hero-stat-icon{color:#22c55e;background:#22c55e1a}.atl-hero-stat.amber .atl-hero-stat-icon{color:#fb923c;background:#fb923c1a}.atl-hero-stat.neutral .atl-hero-stat-icon{background:var(--muted);color:var(--muted-foreground)}.atl-hero-stat-content{flex:1}.atl-hero-stat-value{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs);font-weight:700;line-height:1}.atl-hero-stat-label{font-size:var(--font-size-sm);color:var(--muted-foreground);font-weight:500}.atl-hero-stat-sublabel{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-top:2px}.atl-tabs{gap:var(--spacing-sm);border-bottom:2px solid var(--border);margin-bottom:var(--spacing-2xl);display:flex;overflow-x:auto}.atl-tab{padding:var(--spacing-md)var(--spacing-xl);color:var(--muted-foreground);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:500;transition:all .2s}.atl-tab:hover{color:var(--foreground)}.atl-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.atl-content{min-height:400px}.atl-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.atl-search{align-items:center;gap:var(--spacing-sm);max-width:400px;padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex:1;display:flex}.atl-search input{font-size:var(--font-size-sm);color:var(--foreground);background:0 0;border:none;outline:none;flex:1}.atl-search input::placeholder{color:var(--muted-foreground)}.atl-btn-primary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.atl-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.atl-btn-secondary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.atl-btn-secondary:hover{background:var(--muted)}.atl-btn-danger{background:var(--destructive);color:#fff;border:none}.atl-btn-danger:hover{opacity:.9}.atl-btn-icon{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.atl-btn-icon:hover{background:var(--muted)}.atl-btn-icon.atl-btn-danger{color:var(--destructive);border-color:var(--destructive)}.atl-btn-icon.atl-btn-danger:hover{background:var(--destructive);color:#fff}.atl-configs-list{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.atl-config-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl);transition:all .2s}.atl-config-card:hover{box-shadow:0 4px 12px #0000001a}.atl-config-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);display:flex}.atl-config-info h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);font-weight:600}.atl-config-folder{font-size:var(--font-size-xs);color:var(--muted-foreground)}.atl-config-actions{align-items:center;gap:var(--spacing-xs);display:flex}.atl-toggle{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.atl-toggle:hover{background:var(--muted)}.atl-toggle.enabled{background:var(--success);color:#fff;border-color:var(--success)}.atl-config-details{gap:var(--spacing-sm);flex-direction:column;display:flex}.atl-config-row{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.atl-label{color:var(--muted-foreground);font-weight:500}.atl-status{font-size:var(--font-size-xs);border-radius:4px;padding:2px 8px;font-weight:500}.atl-status.active{color:#22c55e;background:#22c55e1a}.atl-status.inactive{background:var(--muted);color:var(--muted-foreground)}.atl-stats-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.atl-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl)}.atl-stat-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);display:flex}.atl-stat-header h4{font-size:var(--font-size-base);margin-bottom:2px;font-weight:600}.atl-stat-folder{font-size:var(--font-size-xs);color:var(--muted-foreground)}.atl-stat-details{gap:var(--spacing-sm);flex-direction:column;display:flex}.atl-stat-row{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.atl-value{font-weight:600}.atl-empty{padding:var(--spacing-3xl)var(--spacing-xl);text-align:center;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;display:flex}.atl-empty svg{color:var(--muted-foreground);opacity:.5;margin-bottom:var(--spacing-lg)}.atl-empty h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--foreground);font-weight:600}.atl-empty p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);max-width:400px}.atl-loading{padding:var(--spacing-3xl);color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;display:flex}.atl-loading svg{margin-bottom:var(--spacing-lg)}.atl-loading p{font-size:var(--font-size-sm)}.atl-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.atl-confirm-modal{background:var(--background);border-radius:var(--radius);padding:var(--spacing-2xl);width:90%;max-width:500px}.atl-confirm-modal h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);font-weight:600}.atl-confirm-modal p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);color:var(--muted-foreground)}.atl-warning{color:var(--destructive);font-weight:500}.atl-confirm-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:flex-end;display:flex}.alert{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-sm);display:flex}.alert-error{color:var(--destructive);background:#dc35451a;border:1px solid #dc354533}@media (max-width:1024px){.atl-hero-section{grid-template-columns:repeat(2,1fr)}.atl-configs-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.atl-container{padding:var(--spacing-lg)var(--spacing-sm)}.atl-header{gap:var(--spacing-md);flex-direction:column}.atl-header-center{text-align:left}.atl-header-center h1{font-size:var(--font-size-xl);justify-content:flex-start}.atl-hero-section{gap:var(--spacing-md);grid-template-columns:1fr}.atl-toolbar{flex-direction:column;align-items:stretch}.atl-search{max-width:none}.atl-configs-list,.atl-stats-grid{grid-template-columns:1fr}.atl-tabs{gap:0}.atl-tab{text-align:center;flex:1}}.ff-container{max-width:90rem;padding:var(--spacing-2xl)var(--spacing-lg);margin:0 auto}.ff-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.ff-back{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;display:flex}.ff-back:hover{background:var(--muted)}.ff-header-center{text-align:center;flex:1}.ff-header-center h1{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);font-weight:700;display:flex}.ff-header-center p{color:var(--muted-foreground);font-size:var(--font-size-sm)}.ff-refresh{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:40px;height:40px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.ff-refresh:hover:not(:disabled){background:var(--muted)}.ff-refresh:disabled{opacity:.5;cursor:not-allowed}.ff-hero-section{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(5,1fr);display:grid}.ff-hero-stat{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;display:flex}.ff-hero-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ff-hero-stat.active{border-color:var(--primary);box-shadow:0 0 0 2px #ff6b3526}.ff-hero-stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ff-hero-stat.blue .ff-hero-stat-icon{color:#3b82f6;background:#3b82f61a}.ff-hero-stat.green .ff-hero-stat-icon{color:#22c55e;background:#22c55e1a}.ff-hero-stat.amber .ff-hero-stat-icon{color:#fb923c;background:#fb923c1a}.ff-hero-stat.red .ff-hero-stat-icon{color:#ef4444;background:#ef44441a}.ff-hero-stat.neutral .ff-hero-stat-icon{background:var(--muted);color:var(--muted-foreground)}.ff-hero-stat-content{flex:1}.ff-hero-stat-value{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);font-weight:700;line-height:1}.ff-hero-stat-label{font-size:var(--font-size-sm);color:var(--muted-foreground);font-weight:500}.ff-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.ff-search{align-items:center;gap:var(--spacing-sm);max-width:400px;padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground);flex:1;transition:all .2s;display:flex}.ff-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a}.ff-search input{font-size:var(--font-size-sm);color:var(--foreground);background:0 0;border:none;outline:none;flex:1}.ff-search input::placeholder{color:var(--muted-foreground)}.ff-filter-select{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground);transition:all .2s;display:flex}.ff-filter-select:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a}.ff-filter-select select{font-size:var(--font-size-sm);color:var(--foreground);cursor:pointer;background:0 0;border:none;outline:none;min-width:130px}.ff-error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);color:#ef4444;border-radius:var(--radius);margin-bottom:var(--spacing-xl);font-weight:500;font-size:var(--font-size-sm);background:#ef444414;border:1px solid #ef444433;display:flex}.ff-table-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.ff-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.ff-table th{text-align:left;padding:var(--spacing-md)var(--spacing-lg);background:var(--muted);color:var(--muted-foreground);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.ff-table td{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border);vertical-align:middle}.ff-table tbody tr{cursor:pointer;transition:background .15s}.ff-table tbody tr:hover{background:var(--muted)}.ff-table tbody tr.expanded{background:#3b82f60d}.ff-cell-empty{text-align:center;color:var(--muted-foreground);padding:var(--spacing-3xl)var(--spacing-lg)!important}.ff-status-badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-weight:600;display:inline-flex}.ff-status-badge.pending{background:var(--muted);color:var(--muted-foreground)}.ff-status-badge.submitted{color:#3b82f6;background:#3b82f61a}.ff-status-badge.finished{color:#22c55e;background:#22c55e1a}.ff-status-badge.failed{color:#ef4444;background:#ef44441a}.ff-job-name{color:var(--foreground);font-weight:500}.ff-job-sub{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-top:2px}.ff-units{flex-wrap:wrap;gap:4px;display:flex}.ff-unit-badge{background:var(--muted);color:var(--foreground);font-size:var(--font-size-xs);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-weight:600;display:inline-block}.ff-cell-time{white-space:nowrap;color:var(--muted-foreground);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.ff-expand-hint{color:var(--muted-foreground);opacity:.7;align-items:center;gap:4px;margin-top:4px;font-size:.7rem;display:flex}.ff-expand-hint svg{transition:transform .2s}.expanded .ff-expand-hint svg{transform:rotate(180deg)}.ff-expanded-row{background:var(--muted);border-bottom:1px solid var(--border)}.ff-expanded-row td{padding:0!important}.ff-files-content{padding:var(--spacing-xl)var(--spacing-2xl);animation:.2s ffSlideDown}@keyframes ffSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ff-files-section-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:var(--spacing-md);font-weight:600}.ff-files-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.ff-file-row{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s;display:flex}.ff-file-row:hover{border-color:var(--primary);box-shadow:0 1px 4px #0000000f}.ff-file-row.raw{opacity:.75;border-style:dashed}.ff-file-icon{color:var(--muted-foreground);flex-shrink:0}.ff-file-info{flex:1;min-width:0}.ff-file-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ff-file-meta{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-top:2px}.ff-file-actions{align-items:center;gap:var(--spacing-sm);display:flex}.ff-download-btn,.ff-share-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-xs);white-space:nowrap;border:none;font-weight:500;transition:all .2s;display:flex}.ff-download-btn{background:var(--primary);color:var(--primary-foreground)}.ff-share-btn{background:var(--muted);color:var(--foreground);border:1px solid var(--border)}.ff-share-btn:disabled{color:#1a9948;background:#21c45d26;border-color:#21c45d4d}.ff-download-btn:hover,.ff-share-btn:hover{opacity:.9;transform:translateY(-1px)}.ff-download-btn:disabled,.ff-share-btn:disabled{cursor:not-allowed;transform:none}.ff-no-files{padding:var(--spacing-2xl);text-align:center;color:var(--muted-foreground);font-size:var(--font-size-sm)}.ff-files-loading{padding:var(--spacing-2xl);text-align:center;color:var(--muted-foreground);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.ff-pagination{padding:var(--spacing-md)var(--spacing-xl);background:var(--muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.ff-pagination-info{color:var(--muted-foreground);font-size:var(--font-size-sm)}.ff-pagination-controls{align-items:center;gap:var(--spacing-md);display:flex}.ff-page-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all .2s;display:flex}.ff-page-btn:hover:not(:disabled){background:var(--muted)}.ff-page-btn:disabled{opacity:.5;cursor:not-allowed}.ff-page-number{color:var(--foreground);font-size:var(--font-size-sm);font-weight:500}@media (max-width:1200px){.ff-hero-section{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ff-container{padding:var(--spacing-lg)var(--spacing-md)}.ff-header{gap:var(--spacing-md);flex-direction:column;align-items:flex-start}.ff-hero-section{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.ff-toolbar{flex-direction:column;align-items:stretch}.ff-search{width:100%;max-width:none}.ff-table{font-size:var(--font-size-xs)}.ff-table th,.ff-table td{padding:var(--spacing-sm)var(--spacing-md)}.ff-pagination{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column}}@media (max-width:480px){.ff-hero-section{grid-template-columns:1fr}}.cwo-container{max-width:90rem;padding:var(--spacing-2xl)var(--spacing-lg);margin:0 auto}.cwo-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.cwo-back{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;display:flex}.cwo-back:hover{background:var(--muted)}.cwo-header-center{text-align:center;flex:1}.cwo-header-center h1{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);font-weight:700;display:flex}.cwo-header-center p{color:var(--muted-foreground);font-size:var(--font-size-sm)}.cwo-refresh{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:40px;height:40px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.cwo-refresh:hover:not(:disabled){background:var(--muted)}.cwo-refresh:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:1s linear infinite spin}.cwo-hero-section{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(4,1fr);display:grid}.cwo-hero-stat{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s;display:flex}.cwo-hero-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cwo-hero-stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cwo-hero-stat.blue .cwo-hero-stat-icon{color:#3b82f6;background:#3b82f61a}.cwo-hero-stat.green .cwo-hero-stat-icon{color:#22c55e;background:#22c55e1a}.cwo-hero-stat.amber .cwo-hero-stat-icon{color:#fb923c;background:#fb923c1a}.cwo-hero-stat.neutral .cwo-hero-stat-icon{background:var(--muted);color:var(--muted-foreground)}.cwo-hero-stat-content{flex:1}.cwo-hero-stat-value{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs);font-weight:700;line-height:1.2}.cwo-hero-stat-label{font-size:var(--font-size-sm);color:var(--foreground);margin-bottom:var(--spacing-2xs);font-weight:600}.cwo-hero-stat-sublabel{font-size:var(--font-size-xs);color:var(--muted-foreground)}.cwo-controls-section{margin-bottom:var(--spacing-2xl)}.cwo-control-row{gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--spacing-md);grid-template-columns:1fr 2fr;display:grid}.cwo-select-group,.cwo-date-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.cwo-select-group label,.cwo-date-group label,.cwo-form-group label{font-size:var(--font-size-sm);color:var(--foreground);font-weight:600}.cwo-select,.cwo-date,.cwo-textarea{padding:var(--spacing-sm)var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--foreground);transition:border-color .2s}.cwo-select:focus,.cwo-date:focus,.cwo-textarea:focus{border-color:var(--primary);outline:none}.cwo-date-inputs{align-items:center;gap:var(--spacing-sm);display:flex}.cwo-date-inputs span{color:var(--muted-foreground);font-size:var(--font-size-sm)}.cwo-camera-info-box{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.cwo-info-item{align-items:center;gap:var(--spacing-sm);display:flex}.cwo-info-item strong{color:var(--muted-foreground)}.status-active{color:#22c55e;font-weight:600}.status-inactive{color:#ef4444;font-weight:600}.cwo-tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--border);display:flex}.cwo-tab{padding:var(--spacing-md)var(--spacing-xl);color:var(--muted-foreground);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:600;transition:all .2s}.cwo-tab:hover{color:var(--foreground);background:var(--muted)}.cwo-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.cwo-content{min-height:400px}.cwo-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.cwo-search{flex:1;max-width:400px;position:relative}.cwo-search svg{left:var(--spacing-md);color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cwo-search input{width:100%;padding:var(--spacing-sm)var(--spacing-md)var(--spacing-sm)calc(var(--spacing-md)*3);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--foreground);transition:border-color .2s}.cwo-search input:focus{border-color:var(--primary);outline:none}.cwo-table-wrapper{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cwo-table{border-collapse:collapse;width:100%}.cwo-table thead{background:var(--muted)}.cwo-table th{padding:var(--spacing-md);text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;color:var(--muted-foreground);letter-spacing:.05em;font-weight:700}.cwo-table td{padding:var(--spacing-md);border-top:1px solid var(--border);font-size:var(--font-size-sm)}.cwo-table tbody tr:hover{background:var(--muted)}.cwo-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:600;display:inline-flex}.cwo-badge.lv{color:#22c55e;background:#22c55e1a}.cwo-badge.hv{color:#f97316;background:#f973161a}.cwo-status{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius);font-size:var(--font-size-xs);text-transform:capitalize;font-weight:600;display:inline-flex}.cwo-status.generated{color:#22c55e;background:#22c55e1a}.cwo-status.pending{color:#eab308;background:#eab3081a}.cwo-status.failed{color:#ef4444;background:#ef44441a}.cwo-actions{gap:var(--spacing-xs);display:flex}.cwo-btn-icon{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-xs);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.cwo-btn-icon:hover:not(:disabled){background:var(--accent);border-color:var(--primary);color:var(--primary)}.cwo-btn-icon:disabled{opacity:.4;cursor:not-allowed}.cwo-btn-primary{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background:var(--primary);border-radius:var(--radius);color:#fff;font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600;transition:all .2s;display:flex}.cwo-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.cwo-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.cwo-btn-secondary{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;font-weight:600;transition:all .2s;display:flex}.cwo-btn-secondary:hover:not(:disabled){background:var(--muted)}.cwo-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.cwo-loading,.cwo-empty{padding:var(--spacing-3xl);justify-content:center;align-items:center;gap:var(--spacing-lg);color:var(--muted-foreground);text-align:center;flex-direction:column;display:flex}.cwo-loading svg,.cwo-empty svg{opacity:.3}.cwo-empty-hint{font-size:var(--font-size-sm);opacity:.7}.cwo-generate-tab{padding:var(--spacing-2xl)0;justify-content:center;display:flex}.cwo-generate-card{width:100%;max-width:600px;padding:var(--spacing-2xl);background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.cwo-generate-card h2{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);font-weight:700;display:flex}.cwo-generate-card>p{color:var(--muted-foreground);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2xl)}.cwo-generate-form{gap:var(--spacing-xl);flex-direction:column;display:flex}.cwo-form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.cwo-modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cwo-modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;overflow:hidden}.cwo-modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.cwo-modal-header h2{font-size:var(--font-size-lg);margin:0;font-weight:700}.cwo-modal-close{border-radius:var(--radius);width:32px;height:32px;color:var(--muted-foreground);font-size:var(--font-size-lg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.cwo-modal-close:hover{background:var(--muted);color:var(--foreground)}.cwo-modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.cwo-modal-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:flex-end;display:flex}@media (max-width:1024px){.cwo-hero-section{grid-template-columns:repeat(2,1fr)}.cwo-control-row{grid-template-columns:1fr}}@media (max-width:768px){.cwo-container{padding:var(--spacing-lg)var(--spacing-md)}.cwo-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.cwo-header-center{text-align:left}.cwo-header-center h1{font-size:var(--font-size-xl);justify-content:flex-start}.cwo-hero-section{grid-template-columns:1fr}.cwo-toolbar{flex-direction:column;align-items:stretch}.cwo-search{max-width:none}.cwo-actions{flex-wrap:wrap}.cwo-table-wrapper{overflow-x:auto}.cwo-date-inputs{flex-direction:column;align-items:stretch}}.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%}}.anpr-dashboard{max-width:1400px;margin:0 auto;padding:2rem}.anpr-dashboard-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.anpr-dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.anpr-dashboard-title{align-items:center;gap:1rem;display:flex}.anpr-dashboard-title h1{color:#111827;margin:0;font-size:2rem;font-weight:600}.anpr-dashboard-actions{align-items:center;gap:1rem;display:flex}.anpr-dashboard-filter{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.anpr-dashboard-select{color:#111827;cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem}.anpr-dashboard-export-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:background .2s;display:flex}.anpr-dashboard-export-btn:hover{background:#1d4ed8}.anpr-dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.anpr-dashboard-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 1px 3px #0000000d}.anpr-dashboard-stat-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.anpr-dashboard-stat-content{flex:1}.anpr-dashboard-stat-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem}.anpr-dashboard-stat-value{color:#111827;font-size:2rem;font-weight:700;line-height:1}.anpr-dashboard-stat-trend{color:#10b981;margin-top:.5rem;font-size:.875rem}.anpr-dashboard-section{margin-bottom:2rem}.anpr-dashboard-section h2{color:#111827;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.anpr-dashboard-camera-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.anpr-dashboard-camera-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.anpr-dashboard-camera-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.anpr-dashboard-camera-header{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.anpr-dashboard-camera-header svg{color:#2563eb;flex-shrink:0}.anpr-dashboard-camera-info{flex:1}.anpr-dashboard-camera-name{color:#111827;margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.anpr-dashboard-camera-site{color:#6b7280;font-size:.875rem}.anpr-dashboard-camera-stats{background:#f9fafb;border-radius:8px;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.anpr-dashboard-camera-stat{flex-direction:column;flex:1;align-items:center;display:flex}.anpr-dashboard-camera-stat-value{color:#2563eb;font-size:1.5rem;font-weight:700}.anpr-dashboard-camera-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.anpr-dashboard-camera-model{color:#9ca3af;font-family:monospace;font-size:.875rem}.anpr-dashboard-detections{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.anpr-dashboard-detection-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.anpr-dashboard-detection-plate{color:#111827;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.anpr-dashboard-detection-time{color:#6b7280;font-size:.875rem}.anpr-dashboard-empty{color:#6b7280;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.anpr-dashboard-empty svg{opacity:.5;margin-bottom:1rem}.anpr-dashboard-empty p{color:#111827;margin:0 0 .5rem;font-size:1.125rem;font-weight:500}.anpr-dashboard-empty span{color:#9ca3af;font-size:.875rem}@media (max-width:768px){.anpr-dashboard{padding:1rem}.anpr-dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.anpr-dashboard-actions{flex-direction:column;width:100%}.anpr-dashboard-filter,.anpr-dashboard-export-btn{justify-content:center;width:100%}.anpr-dashboard-stats,.anpr-dashboard-camera-grid{grid-template-columns:1fr}}.tm{max-width:860px;padding:var(--spacing-xl)var(--spacing-lg);margin:0 auto}.tm-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.tm-back{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:36px;height:36px;color:var(--foreground);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.tm-back:hover{background:var(--muted);border-color:var(--muted-foreground)}.tm-header-content{flex:1;min-width:0}.tm-title{font-size:var(--font-size-xl);margin:0;font-weight:700;line-height:1.2}.tm-org{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:2px 0 0}.tm-stats{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:8px 16px;display:flex}.tm-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.tm-stat-num{font-size:var(--font-size-lg);font-weight:700;line-height:1.2}.tm-stat-active{color:#16a34a}.tm-stat-disabled{color:#dc2626}.tm-stat-pending{color:#d97706}.tm-stat-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:500}.tm-stat-divider{background:var(--border);width:1px;height:28px}.tm-invite{gap:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg)var(--spacing-xl);margin-bottom:var(--spacing-xl);align-items:flex-start;display:flex}.tm-invite-icon{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#ff8f65 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;display:flex}.tm-invite-body{flex:1;min-width:0}.tm-invite-title{font-size:var(--font-size-sm);margin:0 0 2px;font-weight:600}.tm-invite-desc{font-size:var(--font-size-xs);color:var(--muted-foreground);margin:0 0 12px}.tm-invite-form{gap:8px;display:flex}.tm-invite-input-wrap{flex:1;position:relative}.tm-invite-input-icon{color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.tm-invite-input{border:1px solid var(--border);width:100%;font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);border-radius:8px;padding:8px 12px 8px 34px;transition:border-color .15s}.tm-invite-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b351a}.tm-invite-input::placeholder{color:var(--muted-foreground);opacity:.6}.tm-invite-btn{background:var(--primary);color:#fff;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 18px;font-weight:600;transition:all .15s;display:inline-flex}.tm-invite-btn:hover:not(:disabled){background:#e55a28;transform:translateY(-1px);box-shadow:0 2px 8px #ff6b354d}.tm-invite-btn:disabled{opacity:.5;cursor:not-allowed}.tm-msg{font-size:var(--font-size-xs);border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-weight:500;display:flex}.tm-msg-error{color:#dc2626;background:#ef444414;border:1px solid #ef444426}.tm-msg-success{color:#16a34a;background:#22c55e14;border:1px solid #22c55e26}.tm-section{margin-bottom:var(--spacing-xl)}.tm-section-head{font-size:var(--font-size-sm);color:var(--foreground);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.tm-section-head svg{color:var(--muted-foreground)}.tm-count{background:var(--muted);min-width:22px;height:20px;color:var(--muted-foreground);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.tm-search{width:200px;margin-left:auto;position:relative}.tm-search-icon{color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.tm-search-input{border:1px solid var(--border);width:100%;font-size:var(--font-size-xs);background:var(--card);color:var(--foreground);border-radius:8px;padding:5px 28px;transition:border-color .15s}.tm-search-input:focus{border-color:var(--primary);outline:none}.tm-search-clear{background:var(--muted);width:18px;height:18px;color:var(--muted-foreground);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.tm-search-clear:hover{background:var(--border);color:var(--foreground)}.tm-pending-list{flex-direction:column;gap:6px;display:flex}.tm-pending-row{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.tm-pending-avatar{color:#d97706;background:#fef3c7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tm-pending-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tm-pending-email{font-size:var(--font-size-sm);color:var(--foreground);font-weight:500}.tm-pending-meta{color:var(--muted-foreground);font-size:11px}.tm-btn-cancel{color:var(--muted-foreground);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-weight:500;transition:all .15s;display:inline-flex}.tm-btn-cancel:hover:not(:disabled){color:#dc2626;background:#ef444414;border-color:#ef444426}.tm-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.tm-members{flex-direction:column;gap:4px;display:flex}.tm-member{background:var(--card);border:1px solid var(--border);border-radius:10px;grid-template-columns:40px 1fr auto 120px;align-items:center;gap:14px;padding:10px 14px;transition:all .15s;display:grid}.tm-member:hover{border-color:#0000002e;box-shadow:0 1px 4px #0000000a}.tm-member--highlighted{background:#3b82f60f;border-color:#3b82f64d;box-shadow:0 0 0 1px #3b82f614}.tm-member--highlighted:hover{background:#3b82f617;border-color:#3b82f673}.tm-member--disabled{opacity:.55}.tm-member--disabled:hover{opacity:.7}.tm-member-avatar{color:#fff;letter-spacing:.3px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.tm-member-info{flex-direction:column;gap:1px;min-width:0;display:flex}.tm-member-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tm-member-name{font-weight:600;font-size:var(--font-size-sm);color:var(--foreground)}.tm-member-email{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tm-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:5px;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.tm-badge--you{color:#2563eb;background:#3b82f61a}.tm-badge--admin{color:#e55a28;background:linear-gradient(135deg,#ff6b351f,#ff8f651f)}.tm-member-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.tm-status{letter-spacing:.2px;border-radius:5px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tm-status--active{color:#16a34a;background:#22c55e1a}.tm-status--disabled{color:#dc2626;background:#ef44441a}.tm-member-date{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.tm-member-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;min-width:80px;display:flex}.tm-action{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.tm-action--disable{color:#dc2626;background:#ef44440f;border-color:#ef444426}.tm-action--disable:hover:not(:disabled){background:#ef444424;border-color:#ef44444d}.tm-action--enable{color:#16a34a;background:#22c55e0f;border-color:#22c55e26}.tm-action--enable:hover:not(:disabled){background:#22c55e24;border-color:#22c55e4d}.tm-action--delete{color:#dc2626;background:#ef44440f;border-color:#ef444426;padding:5px 6px}.tm-action--delete:hover:not(:disabled){background:#ef444424;border-color:#ef44444d}.tm-action:disabled{opacity:.5;cursor:not-allowed}.tm-loading{padding:var(--spacing-3xl);color:var(--muted-foreground);flex-direction:column;align-items:center;gap:12px;display:flex}.tm-empty{padding:var(--spacing-3xl);color:var(--muted-foreground);text-align:center;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:12px;display:flex}.tm-empty svg{opacity:.25}.tm-error-banner{margin-top:var(--spacing-lg);color:#dc2626;font-size:var(--font-size-sm);background:#ef444414;border:1px solid #ef444426;border-radius:8px;padding:10px 14px}@media (max-width:768px){.tm{padding:var(--spacing-md)}.tm-header{flex-wrap:wrap}.tm-stats{order:3;justify-content:center;width:100%}.tm-invite{padding:var(--spacing-lg);flex-direction:column;align-items:stretch;gap:12px}.tm-invite-icon{width:36px;height:36px}.tm-invite-form{flex-direction:column}.tm-invite-btn{justify-content:center;width:100%}.tm-member{grid-template-columns:36px 1fr;gap:10px;padding:10px 12px}.tm-member-meta{flex-direction:row;grid-column:2;align-items:center;gap:8px}.tm-member-actions{border-top:1px solid var(--border);min-width:unset;grid-column:1/-1;justify-content:flex-end;margin-top:4px;padding-top:8px}.tm-search{width:100%;margin-left:0}.tm-section-head{flex-wrap:wrap}}@media (max-width:480px){.tm-stat-num{font-size:var(--font-size-base)}.tm-member-name{font-size:var(--font-size-xs)}.tm-member-email{font-size:11px}}@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}}