@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";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&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:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;min-width:380px;max-width:600px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a}.admin-dropdown-group{padding:8px}.admin-dropdown-label{text-transform:uppercase;letter-spacing:.05em;color:#999;padding:4px 8px 6px;font-size:11px;font-weight:600}.admin-dropdown-item{color:#1a1a1a;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px;font-family:inherit;font-size:13px;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:#fff;border-top:1px solid #00000014;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 12px #0000000f}.bottom-nav-inner{justify-content:space-around;align-items:center;max-width:500px;height:56px;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:3px;padding:6px 4px;transition:all .2s;display:flex;position:relative}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:44px;height:30px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bottom-nav-item:not(.active) .bottom-nav-icon-wrap{color:#9ca3af}.bottom-nav-item.active .bottom-nav-icon-wrap{color:#ff6b35;background:#ff6b351a}.bottom-nav-indicator{background:#ff6b35;border-radius:50%;width:4px;height:4px;animation:2.5s ease-in-out infinite indicatorPulse;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}@keyframes indicatorPulse{0%,to{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.5;transform:translate(-50%)scale(1.3)}}.bottom-nav-label{letter-spacing:.2px;font-family:Inter,-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:#9ca3af}.bottom-nav-item.active .bottom-nav-label{color:#ff6b35}.bottom-nav-stripe{opacity:.35;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:#6b7280;background:#00000008}.bottom-nav-item:hover:not(.active) .bottom-nav-label{color:#6b7280}}@media (orientation:landscape) and (max-height:500px){.bottom-nav-inner{height:44px}.bottom-nav-label{display:none}.bottom-nav-icon-wrap{width:48px;height:34px}}@media (min-width:769px){.bottom-nav{display:none!important}}@media (max-width:768px){.bottom-nav{display:block}}.more-menu-overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);background:#00000040;animation:.2s ease-out moreMenuFadeIn;position:fixed;inset:0}.more-menu-sheet{z-index:1101;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;max-height:85vh;animation:.3s cubic-bezier(.4,0,.2,1) moreMenuSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 40px #0000001f}.more-menu-stripe{opacity:.5;background:repeating-linear-gradient(90deg,#ff6b35 0 8px,#0000 8px 16px);border-radius:20px 20px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.more-menu-drag-handle{background:#0000001f;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.more-menu-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px 6px;display:flex}.more-menu-title{color:#1a1a1a;letter-spacing:.2px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:700}.more-menu-close{color:#6c757d;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f1f3f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.more-menu-close:active{background:#e9ecef;transform:scale(.9)}.more-menu-content{-webkit-overflow-scrolling:touch;padding:2px 0 calc(16px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.more-menu-section{padding:2px 0}.more-menu-section+.more-menu-section{border-top:1px solid #0000000f}.more-menu-section-title{text-transform:uppercase;letter-spacing:1.2px;color:#9ca3af;padding:10px 20px 4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:700}.more-menu-item{color:#1a1a1a;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:12px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.more-menu-item svg:first-child{color:#ff6b35;flex-shrink:0}.more-menu-item-label{flex:1}.more-menu-item-chevron{flex-shrink:0;color:#d1d5db!important}.more-menu-item:active{background:#f8f9fa;transform:scale(.98)}.more-menu-item.active{color:#ff6b35;background:#ff6b350a}.more-menu-item.active .more-menu-item-label{font-weight:600}.more-menu-item.active .more-menu-item-chevron{color:#ff6b35!important}.more-menu-item-dot{background:#ff6b35;border-radius:50%;flex-shrink:0;width:5px;height:5px}.more-menu-account{margin-top:2px}.more-menu-user-info{color:#6c757d;align-items:center;gap:10px;padding:10px 20px;font-size:13px;display:flex}.more-menu-user-info svg{color:#9ca3af}.more-menu-badge{text-transform:uppercase;letter-spacing:.8px;color:#ff6b35;background:#ff6b351a;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:700}.more-menu-logout,.more-menu-logout svg:first-child{color:#dc3545!important}@media (hover:hover){.more-menu-item:hover{background:#f8f9fa}.more-menu-close:hover{color:#1a1a1a;background:#e9ecef}}@keyframes moreMenuFadeIn{0%{opacity:0}to{opacity:1}}@keyframes moreMenuSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (orientation:landscape) and (max-height:500px){.more-menu-sheet{max-height:95vh}.more-menu-item{padding:9px 20px}.more-menu-section-title{padding:6px 20px 2px}}@media (min-width:769px){.more-menu-overlay{display:none!important}}.app-download-banner{z-index:9999;background:var(--card,#1a1a2e);border-bottom:1px solid var(--border,#2a2a3e);align-items:center;gap:10px;padding:8px 12px;font-family:inherit;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000004d}@media (max-width:768px){.app-download-banner{display:flex}}.app-download-banner__close{width:28px;height:28px;color:var(--muted-foreground,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.app-download-banner__close:hover{color:var(--foreground,#fff)}.app-download-banner__icon{background:var(--background,#111);border-radius:10px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.app-download-banner__icon img{object-fit:contain;width:100%;height:100%}.app-download-banner__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.app-download-banner__text strong{color:var(--foreground,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.app-download-banner__text span{color:var(--muted-foreground,#888);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.app-download-banner__cta{background:var(--primary,#f97316);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:16px;flex-shrink:0;padding:6px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.app-download-banner__cta:hover{opacity:.9}@media (max-width:768px){body:has(.app-download-banner) .app{padding-top:57px}}.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}.focus-controls-mini{gap:3px;display:flex}.focus-controls-mini .ptz-btn-mini{flex-direction:column;flex:1;align-items:center;gap:1px;width:auto;height:auto;padding:4px 6px;display:flex}.btn-label-mini{opacity:.8;font-size:8px;font-weight:500;line-height:1}.focus-auto-mini:disabled{opacity:.5;cursor:not-allowed}.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}.channel-toggle{z-index:15;background:#000000b3;border-radius:6px;gap:2px;padding:3px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.channel-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.channel-btn:hover{color:#fff;background:#ffffff1a}.channel-btn.active{background:var(--primary);color:#fff}.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}.snapshot-channel-toggle{background:#ffffff1a;border-radius:4px;gap:2px;padding:2px;display:flex}.channel-btn-sm{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;transition:all .2s;display:flex}.channel-btn-sm:hover{color:#fff}.channel-btn-sm.active{background:var(--primary);color:#fff}.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-channel-tabs{background:var(--muted);border-radius:var(--radius);gap:4px;margin-bottom:12px;padding:3px;display:flex}.schedule-channel-tab{color:var(--muted-foreground);border-radius:calc(var(--radius) - 2px);cursor:pointer;background:0 0;border:none;flex:1;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.schedule-channel-tab:hover{color:var(--foreground)}.schedule-channel-tab.active{background:var(--background);color:var(--foreground);font-weight:600;box-shadow:0 1px 2px #0000001a}.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%}}.ycx-settings{flex-direction:column;gap:20px;display:flex}.ycx-slider-group{flex-direction:column;gap:6px;display:flex}.ycx-slider-label{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.ycx-slider-value{color:var(--primary);background:var(--primary-bg,#3b82f61a);text-align:center;border-radius:4px;min-width:32px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:600}.ycx-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.ycx-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 1px 4px #0003}.ycx-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.ycx-slider-labels{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.ycx-grid-section{flex-direction:column;gap:8px;display:flex}.ycx-grid-label{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.ycx-grid-action{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;margin-left:4px;padding:2px 8px;font-size:11px;transition:all .15s}.ycx-grid-action:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.ycx-grid-container{border-radius:var(--radius);border:1px solid var(--border);background:#111;position:relative;overflow:hidden}.ycx-grid-bg{opacity:.5;width:100%;height:auto;display:block}.ycx-grid{-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:column;display:flex;position:absolute;inset:0}.ycx-grid-container:not(:has(.ycx-grid-bg)) .ycx-grid{aspect-ratio:22/18;position:relative}.ycx-grid-row{flex:1;display:flex}.ycx-grid-cell{border:.5px solid #ffffff14;flex:1;transition:background .1s}.ycx-grid-cell.active{background:#3b82f673;border-color:#3b82f699}.ycx-grid-cell:hover{background:#3b82f640}.anpr-config-panel{flex-direction:column;gap:0;display:flex}.anpr-message{border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.anpr-message.success{color:#22c55e;background:#22c55e1f}.anpr-message.error{color:#ef4444;background:#ef44441f}.anpr-tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:12px;display:flex;overflow-x:auto}.anpr-tab-btn{color:var(--muted-foreground);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:7px 12px;font-size:12px;transition:all .15s;display:flex}.anpr-tab-btn:hover{color:var(--foreground)}.anpr-tab-btn.active{color:var(--primary,#6366f1);border-bottom-color:var(--primary,#6366f1)}.anpr-tab-content{min-height:150px}.anpr-section{flex-direction:column;gap:8px;display:flex}.anpr-section-title{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.anpr-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.anpr-label{color:var(--foreground);font-size:13px}.anpr-value{color:var(--foreground);font-size:13px;font-weight:500}.anpr-select{border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:12px}.anpr-divider{background:var(--border);height:1px;margin:8px 0}.anpr-hint{color:var(--muted-foreground);padding:8px 0 0;font-size:11px;font-style:italic}.anpr-add-plate{align-items:center;gap:6px;display:flex}.anpr-input{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:6px;flex:1;padding:6px 10px;font-family:monospace;font-size:13px}.anpr-input:focus{border-color:var(--primary,#6366f1);outline:none}.anpr-add-btn{background:var(--primary,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;display:flex}.anpr-add-btn:hover{opacity:.9}.anpr-add-btn:disabled{opacity:.4;cursor:not-allowed}.anpr-empty{text-align:center;color:var(--muted-foreground);padding:20px;font-size:13px}.anpr-plate-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.anpr-plate-item{background:var(--muted);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.anpr-plate-badge{background:var(--accent);color:var(--foreground);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:13px;font-weight:600}.anpr-plate-badge.allow{color:#16a34a;background:#22c55e26}.anpr-plate-badge.block{color:#dc2626;background:#ef444426}.anpr-plate-type{color:var(--muted-foreground);flex:1;font-size:11px}.anpr-delete-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.anpr-delete-btn:hover{color:#dc2626;background:#ef44441a}.anpr-icon-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.anpr-icon-btn:hover{color:var(--foreground)}.anpr-zone-editor{flex-direction:column;gap:8px;display:flex}.anpr-zone-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.anpr-zone-modes{gap:2px;display:flex}.anpr-zone-mode-btn{border:1px solid var(--border);background:var(--card);width:30px;height:28px;color:var(--muted-foreground);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.anpr-zone-mode-btn:hover{color:var(--foreground);border-color:var(--foreground)}.anpr-zone-mode-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.anpr-zone-tool{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:all .15s;display:flex}.anpr-zone-tool:hover{color:var(--foreground);border-color:var(--foreground)}.anpr-zone-tool.active{background:var(--primary,#6366f1);color:#fff;border-color:var(--primary,#6366f1)}.anpr-zone-tool:disabled{opacity:.4;cursor:not-allowed}.anpr-zone-save{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.anpr-zone-save:hover{opacity:.9}.anpr-zone-save:disabled{opacity:.5}.anpr-zone-canvas-wrapper{border:1px solid var(--border);background:#000;border-radius:8px;position:relative;overflow:hidden}.anpr-zone-image{width:100%;height:auto;display:block}.anpr-zone-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.anpr-zone-placeholder{min-height:200px;color:var(--muted-foreground);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.anpr-zone-info{color:var(--muted-foreground);text-align:center;font-size:11px}.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}.camera-type-badge{border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;padding:2px 8px;font-size:10px;font-weight:700}.camera-type-badge.ycx{color:#6366f1;background:#6366f126;border:1px solid #6366f14d}.camera-type-badge.thermal{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.camera-type-badge.hikvision{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.camera-type-badge.ycx_np{color:#eab308;background:#eab30826;border:1px solid #eab3084d}.control-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.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);transition:box-shadow .2s;overflow:hidden}.control-section:last-child{margin-bottom:0}.control-section:hover{box-shadow:0 1px 3px #0000000f}.control-section-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;transition:background .15s;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);animation:.15s ease-out expandDown}@keyframes expandDown{0%{opacity:0}to{opacity:1}}.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 .15s;display:flex}.ptz-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.ptz-btn:active{transform:scale(.93)}.ptz-btn.ptz-home{background:var(--accent)}.ptz-spacer{width:48px;height:48px}.ptz-zoom{gap:var(--spacing-md);display:flex}.focus-controls{gap:var(--spacing-md);flex-direction:column;display:flex}.focus-buttons{gap:var(--spacing-md);display:flex}.focus-btn{flex:1;justify-content:center;align-items:center;gap:6px;display:flex;width:auto!important;height:auto!important;padding:10px 16px!important}.focus-btn span{font-size:var(--font-size-sm);font-weight:500}.focus-auto-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--accent);width:100%;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:500;transition:all .15s;display:flex}.focus-auto-btn:hover:not(:disabled){background:var(--accent-hover,var(--border));border-color:var(--text-secondary)}.focus-auto-btn:disabled{opacity:.5;cursor:not-allowed}.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 .15s;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 .15s;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 .15s;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}.image-settings{gap:var(--spacing-md);flex-direction:column;display:flex}.image-setting-row{flex-direction:column;gap:4px;display:flex}.image-setting-label{font-size:var(--font-size-sm);color:var(--foreground);font-weight:500}.image-setting-slider{align-items:center;gap:var(--spacing-sm);display:flex}.image-setting-slider .range-slider{appearance:none;background:var(--muted);border:1px solid var(--border);border-radius:3px;outline:none;flex:1;height:6px;transition:background .15s}.image-setting-slider .range-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 1px 4px #0003}.image-setting-slider .range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.image-setting-slider .range-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}.image-setting-value{text-align:right;min-width:32px;font-size:var(--font-size-sm);color:var(--primary);font-family:monospace;font-weight:600}.image-settings-actions{padding-top:var(--spacing-sm);border-top:1px solid var(--border);justify-content:flex-end;display:flex}.video-encoding-info{gap:var(--spacing-sm);flex-direction:column;display:flex}.encoding-card{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.encoding-card-title{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--primary);margin-bottom:var(--spacing-xs);font-weight:600;display:flex}.encoding-details{gap:4px var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.encoding-detail{font-size:var(--font-size-xs);justify-content:space-between;display:flex}.encoding-detail span:first-child{color:var(--muted-foreground)}.encoding-detail span:last-child{color:var(--foreground);font-family:monospace;font-weight:500}.ptz-presets-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.preset-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);white-space:nowrap;text-overflow:ellipsis;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.preset-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.preset-btn:active:not(:disabled){transform:scale(.97)}.preset-btn:disabled{opacity:.5;cursor:not-allowed}.preset-btn svg{flex-shrink:0}@media (max-width:768px){.quick-actions{flex-wrap:wrap}.quick-action-btn{min-width:calc(50% - var(--spacing-sm,8px));flex:unset}.ptz-grid{grid-template-columns:repeat(3,44px)}.ptz-btn,.ptz-spacer{width:44px;height:44px}.encoding-details{grid-template-columns:1fr}.ir-mode-buttons{flex-wrap:wrap}.ir-mode-btn{min-width:calc(50% - var(--spacing-sm,8px));flex:unset}.ptz-presets-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.control-row{gap:var(--spacing-sm,8px);flex-direction:column}.control-row .action-btn{justify-content:center;width:100%}.pause-info{flex-direction:column;gap:.5rem}.calendar-day{font-size:.7rem}.image-setting-slider{flex-direction:column;gap:.5rem}}.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-tz-badge{color:#ffffff73;background:#ffffff14;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:10px;font-weight:500}.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-filter{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:8px 12px}.pb-filter-select{color:#fffc;cursor:pointer;appearance:none;background:#ffffff0f 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='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #ffffff1a;border-radius:5px;outline:none;width:100%;padding:5px 24px 5px 8px;font-size:11px}.pb-filter-select:hover{border-color:#f973164d}.pb-filter-select:focus{border-color:#f9731680}.pb-filter-select:disabled{opacity:.4;cursor:not-allowed}.pb-filter-select option{color:#ffffffd9;background:#1a1a2e}.pb-smart-filter{gap:4px;margin-top:6px;display:flex}.pb-smart-btn{color:#ffffff80;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;flex:1;padding:4px 8px;font-size:10px;font-weight:600;transition:all .15s}.pb-smart-btn:hover:not(.unsupported){color:#ffffffb3;background:#ffffff14}.pb-smart-btn.active{color:#60a5fa;background:#3b82f633;border-color:#3b82f680;box-shadow:0 0 6px #3b82f626}.pb-smart-btn.unsupported{opacity:.3;cursor:not-allowed}.pb-mode-toggle{border-bottom:1px solid #ffffff14;flex-shrink:0;gap:4px;padding:6px 12px;display:flex}.pb-mode-btn{color:#fff6;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.pb-mode-btn:hover{color:#fff9;background:#ffffff14}.pb-mode-btn.active{color:#f97316;background:#f973161f;border-color:#f9731640}.pb-snap-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:4px;padding:4px;display:grid;overflow-y:auto}.pb-snap-item{cursor:pointer;aspect-ratio:16/9;background:#ffffff08;border-radius:4px;position:relative;overflow:hidden}.pb-snap-item img{object-fit:cover;width:100%;height:100%;display:block}.pb-snap-time{color:#fffc;text-align:center;background:#000000b3;padding:2px 4px;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:9px;position:absolute;bottom:0;left:0;right:0}.pb-snap-item:hover{transform:scale(1.02);box-shadow:0 0 0 1px #f9731666}.pb-snap-item{transition:all .12s}.pb-snap-grid .pb-reclist-empty{grid-column:1/-1}.pb-snap-err{color:#ffffff4d;background:#ffffff08;justify-content:center;align-items:center;font-size:9px;display:none;position:absolute;inset:0}.pb-snap-err.show{display:flex}.pb-snap-grid::-webkit-scrollbar{width:3px}.pb-snap-grid::-webkit-scrollbar-track{background:0 0}.pb-snap-grid::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.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-rec-tags{flex-shrink:0;gap:2px;display:flex}.pb-event-tag{letter-spacing:.3px;text-transform:uppercase;border-radius:2px;padding:2px 3px;font-size:8px;font-weight:700;line-height:1;display:inline-block}.pb-tag-motion{color:#60a5fa;background:#3b82f640}.pb-tag-intrusion{color:#f87171;background:#ef444440}.pb-tag-linecross{color:#c084fc;background:#a855f740}.pb-tag-loitering{color:#fbbf24;background:#f59e0b40}.pb-tag-region_entrance,.pb-tag-region_exit{color:#4ade80;background:#22c55e40}.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;overflow:hidden}.pb-video-area.zoomed{cursor:grab}.pb-video-area.zoomed:active{cursor:grabbing}.pb-vzoom{z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none;opacity:0;background:#0009;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;transition:opacity .25s;display:flex;position:absolute;top:12px;right:12px}.pb-video-area:hover .pb-vzoom,.pb-vzoom.active{opacity:1}.pb-vzoom-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:none;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background .15s,color .15s;display:flex}.pb-vzoom-btn:hover:not(:disabled){color:#fff;background:#ffffff2e}.pb-vzoom-btn:disabled{opacity:.3;cursor:default}.pb-vzoom-reset{color:#ffffff80}.pb-vzoom-level{color:#f97316;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:4px;min-width:32px;padding:2px 4px;font-size:12px;font-weight:600;transition:background .15s}.pb-vzoom-level:hover{background:#f9731626}.pb-vzoom-slider-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border:1px solid #ffffff1f;border-radius:8px;min-width:180px;margin-top:6px;padding:10px 14px 6px;position:absolute;top:100%;right:0}.pb-vzoom-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:100%;height:4px}.pb-vzoom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f97316;border:2px solid #0000004d;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0006}.pb-vzoom-slider::-moz-range-thumb{cursor:pointer;background:#f97316;border:2px solid #0000004d;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0006}.pb-vzoom-slider-labels{color:#ffffff59;justify-content:space-between;margin-top:4px;font-size:9px;display:flex}.pb-vzoom-hint{color:#fff6;white-space:nowrap;margin-left:4px;font-size:10px}.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-seg.seg-motion{background:#3b82f6}.pb-tl-seg.seg-motion:hover{background:#60a5fa;box-shadow:0 0 6px #3b82f64d}.pb-tl-seg.seg-motion.active{background:#2563eb;box-shadow:0 0 10px #3b82f680}.pb-tl-seg.seg-line{background:#a855f7}.pb-tl-seg.seg-line:hover{background:#c084fc;box-shadow:0 0 6px #a855f74d}.pb-tl-seg.seg-line.active{background:#9333ea;box-shadow:0 0 10px #a855f780}.pb-tl-seg.seg-intrusion{background:#ef4444}.pb-tl-seg.seg-intrusion:hover{background:#f87171;box-shadow:0 0 6px #ef44444d}.pb-tl-seg.seg-intrusion.active{background:#dc2626;box-shadow:0 0 10px #ef444480}.pb-tl-seg.seg-loitering{background:#f59e0b}.pb-tl-seg.seg-loitering:hover{background:#fbbf24;box-shadow:0 0 6px #f59e0b4d}.pb-tl-seg.seg-loitering.active{background:#d97706;box-shadow:0 0 10px #f59e0b80}.pb-tl-seg.seg-event{background:#22c55e}.pb-tl-seg.seg-event:hover{background:#4ade80;box-shadow:0 0 6px #22c55e4d}.pb-tl-seg.seg-event.active{background:#16a34a;box-shadow:0 0 10px #22c55e80}.pb-tl-seg.seg-human{background:#06b6d4}.pb-tl-seg.seg-human:hover{background:#22d3ee;box-shadow:0 0 6px #06b6d44d}.pb-tl-seg.seg-human.active{background:#0891b2;box-shadow:0 0 10px #06b6d480}.pb-tl-seg.seg-vehicle{background:#eab308}.pb-tl-seg.seg-vehicle:hover{background:#facc15;box-shadow:0 0 6px #eab3084d}.pb-tl-seg.seg-vehicle.active{background:#ca8a04;box-shadow:0 0 10px #eab30880}.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}.pb-lightbox{z-index:2000;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.pb-lightbox-inner{cursor:default;max-width:90vw;max-height:85vh;position:relative}.pb-lightbox-inner img{object-fit:contain;border-radius:6px;max-width:100%;max-height:85vh;display:block}.pb-lightbox-info{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:-36px;left:0;right:0}.pb-lightbox-info span{color:#ffffffb3;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:13px}.pb-lightbox-info button{color:#fff9;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.pb-lightbox-info button:hover{color:#ef4444;background:#ef444433}@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}@media (max-width:768px){.anpr-tab{padding:.5rem}.anpr-header{flex-direction:column;align-items:flex-start;gap:.75rem}.anpr-actions{flex-wrap:wrap;gap:.5rem;width:100%}.anpr-view-toggle,.anpr-export-btn{flex:1;min-width:0}.anpr-filters{flex-direction:column;gap:.75rem;padding:.75rem}.anpr-filter-group,.anpr-filter-group input,.anpr-filter-group select{width:100%}.anpr-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem}.anpr-plate-card img{height:120px}.anpr-list-header{display:none}.anpr-plate-row{grid-template-columns:60px 1fr;gap:.5rem;padding:.75rem}.anpr-row-thumbnail{width:60px;height:40px}.anpr-row-direction,.anpr-row-confidence{grid-column:2;font-size:.75rem}.anpr-stats-grid{grid-template-columns:1fr 1fr}.anpr-modal-overlay{padding:0}.anpr-modal-content{border-radius:0;width:100%;max-width:100%;height:100%;margin:0}.anpr-modal-body{grid-template-columns:1fr;height:auto;max-height:calc(100vh - 60px);overflow-y:auto}.anpr-modal-image{height:250px}.anpr-modal-sidebar{border-top:1px solid #eee;border-left:none;max-height:none}.anpr-pagination{flex-wrap:wrap;gap:.5rem}.anpr-loading,.anpr-empty{padding:2rem 1rem}}.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)}.btn-primary.btn-report{box-shadow:none!important;background:#3b82f6!important}.btn-primary.btn-report:hover:not(:disabled){background:#2563eb!important;box-shadow:0 0 0 3px #3b82f64d!important}.btn-primary.btn-report:focus,.btn-primary.btn-report:focus-visible{outline:none!important;box-shadow:0 0 0 3px #3b82f666!important}.tl-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.tl-presets{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.tl-preset-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:.3rem .7rem;font-size:.78rem;font-weight:500;transition:all .15s}.tl-preset-btn:hover{color:#ff6b35;background:#fff3ed;border-color:#ffb899}.tl-preset-btn.active{color:#fff;background:#ff6b35;border-color:#ff6b35;box-shadow:0 1px 3px #ff6b354d}.tl-filter-sep{flex:1;min-width:0}.tl-filter-group{flex-direction:column;gap:.15rem;display:flex}.tl-filter-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.tl-filter-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;height:30px;padding:.3rem .5rem;font-size:.82rem;transition:all .15s}.tl-filter-input:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 2px #ff6b351f}.tl-stats-bar{color:#64748b;flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem .75rem;font-size:.82rem;display:flex}.tl-stat-count strong{color:#1e293b;font-weight:600}.tl-stat-muted{color:#94a3b8}.tl-stat-range{color:#94a3b8;border-left:1px solid #e2e8f0;padding-left:1rem}.tl-stat-more{color:#ff6b35;border-left:1px solid #e2e8f0;padding-left:1rem;font-weight:500}.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}.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}.report-modal{max-width:420px}.report-modal-header{border-bottom:1px solid var(--border,#e5e7eb);align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.report-modal-header h3{color:var(--foreground,#000);margin:0;font-size:1rem;font-weight:600}.report-modal-header>div:nth-child(2){flex:1}.report-modal-header p{color:var(--muted-foreground,#6b7280);margin:.2rem 0 0;font-size:.8rem}.report-modal-icon{color:#fff;background:#3b82f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.report-modal-body{padding:1.25rem 1.5rem}.report-modal-fields{gap:.75rem;display:flex}.report-field{flex-direction:column;flex:1;gap:.35rem;display:flex}.report-field label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.report-field select{background:var(--background,#fff);border:1px solid var(--border,#e2e8f0);width:100%;color:var(--foreground,#000);cursor:pointer;border-radius:6px;padding:.5rem .6rem;font-size:.85rem;transition:border-color .15s}.report-field select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}.report-modal-note{color:var(--muted-foreground,#94a3b8);margin-top:1rem;font-size:.78rem;line-height:1.4}.report-modal-actions{border-top:1px solid var(--border,#e5e7eb);justify-content:flex-end;gap:.6rem;padding:1rem 1.5rem;display:flex}@media (max-width:768px){.timelapse-grid{gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tl-filter-sep{display:none}.tl-stats-bar{flex-direction:column;align-items:flex-start;gap:.25rem}.tl-stat-range,.tl-stat-more{border-left:none;padding-left:0}.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);margin-bottom:var(--spacing-lg);border-radius:10px;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;text-transform:uppercase;border-radius:100px;padding:2px 8px;font-weight:500}.cdp-header-stats{align-items:center;gap:16px;margin-left:auto;margin-right:12px;display:flex}.cdp-header-stat{color:var(--muted-foreground);align-items:center;gap:4px;font-size:11px;display:flex}.cdp-header-stat svg{opacity:.6;flex-shrink:0}.cdp-header-stat-val{color:var(--foreground);font-size:12px;font-weight:700}.cdp-header-stat-label{color:var(--muted-foreground);font-size:10px;font-weight:400}.camera-detail-panel-content{padding:0}.cdp-hero{background:linear-gradient(135deg, #ff6b3508 0%, transparent 60%), var(--background);border-bottom:1px solid var(--border);align-items:stretch;gap:20px;padding:20px 24px;display:flex}.cdp-hero-left{flex:1;min-width:0}.cdp-hero-model{color:var(--foreground);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;line-height:1.2;display:flex}.cdp-hero-position{text-transform:uppercase;letter-spacing:.5px;background:var(--primary);color:#fff;border-radius:4px;align-items:center;padding:1px 8px;font-size:11px;font-weight:600;display:inline-flex}.cdp-hero-meta{font-size:var(--font-size-sm);color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.cdp-hero-unit{color:var(--foreground);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-weight:600;font-size:var(--font-size-sm)}.cdp-hero-customer{align-items:center;gap:4px;display:flex}.cdp-hero-separator{background:var(--muted-foreground);border-radius:50%;flex-shrink:0;width:3px;height:3px}.cdp-editable{cursor:pointer;border-radius:4px;align-items:center;gap:4px;margin:-1px -4px;padding:1px 4px;transition:background .15s;display:inline-flex}.cdp-editable:hover{background:var(--muted)}.cdp-edit-icon{opacity:0;color:var(--muted-foreground);flex-shrink:0;transition:opacity .15s}.cdp-editable:hover .cdp-edit-icon{opacity:.6}.cdp-inline-edit{align-items:center;gap:4px;display:inline-flex}.cdp-inline-input{font:inherit;font-size:var(--font-size-sm);border:1px solid var(--primary);background:var(--background);color:var(--foreground);border-radius:4px;outline:none;min-width:160px;padding:2px 8px}.cdp-inline-select{font:inherit;font-size:var(--font-size-sm);border:1px solid var(--primary);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:4px;outline:none;padding:2px 6px}.cdp-inline-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.cdp-inline-btn.save{background:var(--primary);color:#fff}.cdp-inline-btn.save:hover{opacity:.85}.cdp-inline-btn.cancel{background:var(--muted);color:var(--muted-foreground)}.cdp-inline-btn.cancel:hover{background:var(--border)}.cdp-switcher{background:var(--muted);border-bottom:1px solid var(--border);justify-content:center;display:flex}.cdp-sibling-pill{text-transform:capitalize;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;justify-content:center;align-items:center;padding:8px 24px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.cdp-sibling-pill:hover{color:var(--foreground);background:#00000008}.cdp-sibling-pill.active{color:var(--primary);border-bottom-color:var(--primary);cursor:default;font-weight:600}.cdp-hero-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.cdp-health{align-items:center;gap:14px;display:flex}.cdp-health-item{flex-direction:column;align-items:center;gap:3px;display:flex}.cdp-health-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted-foreground);font-size:9px;font-weight:600}.cdp-health-value{font-size:var(--font-size-sm);font-family:SF Mono,Fira Code,monospace;font-weight:600}.cdp-led{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cdp-led.online{background:#22c55e;box-shadow:0 0 6px #22c55e80}.cdp-led.offline{background:#ef4444;box-shadow:0 0 6px #ef444466}.cdp-signal-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.cdp-signal-bar{background:var(--border);border-radius:1px;width:3px;transition:background .2s}.cdp-signal-bar.active{background:#22c55e}.cdp-signal-bar.warn{background:#f59e0b}.cdp-battery{align-items:center;gap:4px;display:flex}.cdp-battery-shell{border:1.5px solid var(--muted-foreground);border-radius:2px;width:22px;height:11px;padding:1px;position:relative}.cdp-battery-shell:after{content:"";background:var(--muted-foreground);border-radius:0 1px 1px 0;width:2px;height:5px;position:absolute;top:2px;right:-4px}.cdp-battery-fill{border-radius:1px;height:100%;transition:width .3s,background .3s}.cdp-battery-text{font-family:SF Mono,Fira Code,monospace;font-size:10px;font-weight:600}.cdp-conn-badge{background:var(--muted);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.camera-tabs{background:var(--background);border-bottom:1px solid var(--border);gap:2px;padding:6px 24px;display:flex;overflow-x:auto}.camera-tab{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;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:all .15s;display:flex}.camera-tab:hover{color:var(--foreground);background:var(--muted);border-radius:6px 6px 0 0}.camera-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.camera-tab svg{flex-shrink:0}.camera-notification-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:flex}.camera-notification-btn:hover{background:var(--muted);border-color:var(--primary);color:var(--primary)}.camera-notification-btn.subscribed{color:#3b82f6;background:#3b82f614;border-color:#3b82f640}.camera-notification-btn:disabled{opacity:.5;cursor:not-allowed}.cdp-tab-content{padding:20px 24px}.quick-access{gap:10px;margin-bottom:20px;display:flex}.quick-access-btn{background:var(--foreground);color:var(--background);font-weight:600;font-size:var(--font-size-sm);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;transition:all .15s;display:flex}.quick-access-btn:hover{opacity:.85;transform:translateY(-1px)}.quick-access-btn.secondary{background:var(--secondary);color:var(--foreground)}.quick-access-btn.secondary:hover{background:var(--accent);opacity:1}.cdp-section{margin-bottom:20px}.cdp-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cdp-section-title{font-size:var(--font-size-sm);color:var(--foreground);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;font-weight:600;display:flex}.cdp-section-title svg{color:var(--muted-foreground)}.cdp-section-count{background:var(--muted);color:var(--muted-foreground);border-radius:100px;padding:1px 7px;font-size:11px;font-weight:600}.cdp-service-list{flex-direction:column;gap:6px;display:flex}.cdp-service-card{background:var(--background);border:1px solid var(--border);font-size:var(--font-size-sm);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .15s;display:flex}.cdp-service-card:hover{border-color:#00000026}.cdp-service-status{border-radius:50%;flex-shrink:0;width:7px;height:7px}.cdp-service-name{color:var(--foreground);font-weight:600}.cdp-service-rate{color:var(--muted-foreground);font-family:SF Mono,Fira Code,monospace;font-size:12px}.cdp-service-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.cdp-service-meta{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.cdp-service-link{cursor:pointer;color:var(--primary);background:0 0;border:none;padding:2px 0;font-size:11px;font-weight:600}.cdp-service-link:hover{text-decoration:underline}.cdp-empty{text-align:center;font-size:var(--font-size-sm);color:var(--muted-foreground);background:var(--muted);border-radius:8px;padding:16px}.cdp-user-list{flex-direction:column;display:flex}.cdp-user-row{border-bottom:1px solid var(--border);font-size:var(--font-size-sm);align-items:center;gap:10px;padding:8px 0;display:flex}.cdp-user-row:last-child{border-bottom:none}.cdp-user-avatar{color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.cdp-user-info{flex:1;min-width:0}.cdp-user-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cdp-user-email{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cdp-user-perm{background:var(--muted);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.3px;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.cdp-user-customer{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:120px;font-size:11px;overflow:hidden}.cdp-section-actions{align-items:center;gap:8px;display:flex}.cdp-add-user-btn{border:1px solid var(--border);background:var(--card);width:26px;height:26px;color:var(--muted-foreground);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cdp-add-user-btn:hover{background:var(--accent);color:var(--foreground);border-color:var(--primary)}.cdp-add-user-panel{border:1px solid var(--border);background:var(--card);border-radius:8px;margin-bottom:10px;overflow:hidden}.cdp-add-user-search{border-bottom:1px solid var(--border);color:var(--muted-foreground);align-items:center;gap:8px;padding:8px 12px;display:flex}.cdp-add-user-search input{font-size:var(--font-size-sm);color:var(--foreground);background:0 0;border:none;outline:none;flex:1}.cdp-add-user-search input::placeholder{color:var(--muted-foreground)}.cdp-add-user-results{max-height:200px;overflow-y:auto}.cdp-add-user-result{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.cdp-add-user-result:last-child{border-bottom:none}.cdp-add-user-result:hover{background:var(--accent)}.cdp-add-user-action{border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);cursor:pointer;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:opacity .15s;display:flex}.cdp-add-user-action:hover{opacity:.85}.cdp-add-user-action:disabled{opacity:.5;cursor:not-allowed}.cdp-add-user-empty{text-align:center;font-size:var(--font-size-sm);color:var(--muted-foreground);padding:12px}.cdp-user-remove{width:26px;height:26px;color:var(--muted-foreground);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.cdp-user-row:hover .cdp-user-remove{opacity:1}.cdp-user-remove:hover{color:#ef4444;background:#ef44441a}.cdp-user-confirm{flex-shrink:0;align-items:center;gap:4px;display:flex}.cdp-confirm-yes{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:opacity .15s}.cdp-confirm-yes:hover{opacity:.85}.cdp-confirm-yes:disabled{opacity:.5;cursor:not-allowed}.cdp-confirm-no{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px;transition:all .15s}.cdp-confirm-no:hover{background:var(--accent);color:var(--foreground)}.sibling-cameras{margin-bottom:20px}.sibling-cameras-title{font-size:var(--font-size-sm);color:var(--foreground);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.sibling-cameras-title svg{color:var(--muted-foreground)}.sibling-cameras-list{flex-wrap:wrap;gap:8px;display:flex}.sibling-camera-card{background:var(--background);border:1px solid var(--border);font-size:var(--font-size-sm);border-radius:8px;flex:1;align-items:center;gap:10px;min-width:180px;padding:10px 14px;transition:border-color .15s;display:flex}.sibling-camera-card.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.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:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);color:var(--primary);margin-left:auto}.cdp-tech-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.cdp-tech-card{border:1px solid var(--border);border-radius:8px;overflow:hidden}.cdp-tech-card.full-width{grid-column:1/-1}.cdp-tech-card-header{background:var(--muted);color:var(--foreground);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.cdp-tech-card-header:hover{background:var(--accent)}.cdp-tech-card-header svg{color:var(--primary);flex-shrink:0}.cdp-tech-card-header .chevron{color:var(--muted-foreground);margin-left:auto;transition:transform .2s}.cdp-tech-card-body{background:var(--background);padding:4px 10px 6px}.detail-row{border-bottom:1px solid #00000008;align-items:baseline;gap:8px;padding:2px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--muted-foreground);flex-shrink:0;width:85px;font-size:11px}.detail-value{color:var(--foreground);word-break:break-all;flex:1;align-items:center;gap:3px;min-width:0;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px;display:flex}.detail-link{color:var(--primary);align-items:center;gap:3px;font-size:11px;text-decoration:none;display:inline-flex}.detail-link:hover{text-decoration:underline}.copy-btn{width:18px;height:18px;color:var(--muted-foreground);cursor:pointer;opacity:.3;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.copy-btn:hover{opacity:1;background:var(--muted)}.copy-btn svg{width:10px;height:10px}.detail-section{border:1px solid var(--border);border-radius:8px;margin-bottom:12px;overflow:hidden}.detail-section:last-child{margin-bottom:0}.detail-section-header{background:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.detail-section-header:hover{background:var(--accent)}.detail-section-title{font-weight:600;font-size:var(--font-size-sm);color:var(--foreground);align-items:center;gap:8px;display:flex}.detail-section-title svg{color:var(--primary)}.detail-section-content{background:var(--background);padding:8px 12px}.camera-notes{font-size:var(--font-size-sm);color:var(--foreground);white-space:pre-wrap;line-height:1.5}.camera-timestamps{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;margin-top:16px;padding-top:12px;font-size:11px;display:flex}@keyframes cdp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jobclick-list{background:var(--border);flex-direction:column;gap:1px;display:flex}.jobclick-item{background:var(--card);padding:8px 10px}.jobclick-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.jobclick-date{font-size:var(--font-size-sm);color:var(--foreground);font-weight:500}.jobclick-status{text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.jobclick-body{font-size:var(--font-size-sm);align-items:center;gap:8px;display:flex}.jobclick-action{background:var(--accent);color:var(--accent-foreground);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:500}.jobclick-by{color:var(--muted-foreground)}.jobclick-units{color:var(--muted-foreground);margin-top:2px;font-family:monospace;font-size:11px}.jobclick-notes{font-size:var(--font-size-sm);color:var(--muted-foreground);white-space:pre-wrap;margin-top:4px;line-height:1.4}@media (max-width:860px){.cdp-tech-grid{grid-template-columns:1fr}}@media (max-width:768px){.cdp-hero{flex-direction:column;gap:12px;padding:16px}.cdp-hero-right{justify-content:flex-start}.cdp-header-stats{display:none}.camera-tabs{padding:6px 16px}.cdp-tab-content{padding:16px}.quick-access{flex-direction:column}.detail-row{flex-direction:column;gap:2px}.detail-label{min-width:unset}.detail-value{text-align:left;justify-content:flex-start}.camera-timestamps{flex-direction:column;gap:4px}.sibling-camera-card{min-width:140px}.cdp-user-customer{display:none}}@media (max-width:480px){.camera-tab span{display:none}.cdp-health{gap:10px}}.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-scope-wrapper{align-items:center;padding:8px 12px;display:flex}.fleet-scope-select{appearance:none;background:var(--muted);border:1px solid var(--border);color:var(--foreground);cursor:pointer;background-image: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='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:6px;min-width:120px;padding:6px 28px 6px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.fleet-scope-select:hover{border-color:var(--primary)}.fleet-scope-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #ff6b3533}.fleet-scope-select option{background:var(--card);color:var(--foreground)}.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-scope-wrapper{justify-content:center;width:100%;padding:4px 8px}.fleet-scope-select{min-width:100px;font-size:11px}}.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);flex-shrink:0;font-size:15px;font-weight:600}.unit-customer{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;overflow:hidden}.unit-status-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:8px;font-weight:600}.unit-status-hired{color:#4ade80;background:#22c55e1f}.unit-status-sold{color:#60a5fa;background:#3b82f61f}.unit-status-stock{color:#a3a3a3;background:#a3a3a31f}.unit-status-hirestock{color:#86efac;background:#22c55e14}.unit-status-offhired{color:#fbbf24;background:#fbbf241f}.unit-status-demo{color:#c084fc;background:#a855f71f}.unit-status-loan{color:#38bdf8;background:#38bdf81f}.unit-status-workshop,.unit-status-repair{color:#fb923c;background:#fb923c1f}.unit-status-test{color:#a78bfa;background:#a855f714}.unit-status-lost,.unit-status-scrap,.unit-status-decommissioned{color:#f87171;background:#ef44441f}.unit-status-retired{color:#9ca3af;background:#6b72801f}.unit-status-warrantyreplacement{color:#fb923c;background:#fb923c1f}.unit-camera-count{color:var(--primary);background:#ff6b351a;border-radius:3px;flex-shrink:0;align-items:center;gap:3px;padding:2px 5px;font-size:10px;font-weight:600;display:flex}.unit-status-row{cursor:pointer;padding:4px 12px 12px 36px}.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-card .unit-metrics{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.unit-card .signal-bars{flex-shrink:0;align-items:flex-end;gap:2px;width:auto;height:12px;display:inline-flex}.unit-card .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:3px;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:1px;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)}.search-bar .clear-search{width:24px;height:24px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-bar .clear-search:hover{color:var(--foreground);background:0 0}.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:700px;overflow-y:auto}.user-modal form{padding:24px}.modal-content.user-modal-wizard{flex-direction:column;width:94%;max-width:820px;max-height:90vh;padding:0;display:flex;position:relative;overflow:hidden}.user-modal-wizard .modal-header{z-index:1;margin:0;padding:20px 24px;position:relative}.user-modal-wizard .close-btn{flex-shrink:0;position:static}.wizard-steps{background:var(--muted);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:4px;padding:16px 24px;display:flex}.wizard-step{align-items:center;gap:4px;display:flex}.wizard-step-btn{cursor:pointer;color:var(--muted-foreground);background:0 0;border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.wizard-step-btn:disabled{cursor:default;opacity:.5}.wizard-step.active .wizard-step-btn{background:var(--card);border-color:var(--primary);color:var(--primary);box-shadow:0 1px 4px #f9731626}.wizard-step.done .wizard-step-btn{color:#22c55e;cursor:pointer}.wizard-step.done .wizard-step-btn:hover{background:var(--card)}.wizard-step-circle{background:var(--border);width:26px;height:26px;color:var(--muted-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.wizard-step.active .wizard-step-circle{background:var(--primary);color:#fff}.wizard-step.done .wizard-step-circle{color:#fff;background:#22c55e}.wizard-step-label{white-space:nowrap}.wizard-step-arrow{color:var(--border);flex-shrink:0;margin:0 2px}.wizard-body{flex:1;min-height:340px;padding:24px 28px;overflow-y:auto}.wizard-step-content{animation:.2s wizardFadeIn}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-section-title{color:var(--foreground);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;font-size:14px;font-weight:600;display:flex}.form-section-title svg{color:var(--primary)}.required{color:#ef4444;font-weight:600}.field-error{border-color:#ef4444!important}.field-error-msg{color:#ef4444;margin-top:4px;font-size:12px;display:block}.password-mode-picker{gap:8px;margin-top:6px;display:flex}.password-mode-option{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--foreground);flex:1;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.password-mode-option:hover{border-color:var(--muted-foreground)}.password-mode-option.active{border-color:var(--primary);background:#ff6b350f}.password-mode-option svg{color:var(--muted-foreground);flex-shrink:0;margin-top:2px}.password-mode-option.active svg{color:var(--primary)}.password-mode-title{font-size:13px;font-weight:600}.password-mode-desc{color:var(--muted-foreground);margin-top:1px;font-size:12px}.password-row{gap:8px;display:flex}.password-row .password-input{flex:1}.btn-generate{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.btn-generate:hover{background:var(--border);border-color:var(--primary);color:var(--primary)}.password-strength{align-items:center;gap:10px;margin-top:8px;display:flex}.strength-bars{flex:1;gap:4px;max-width:120px;display:flex}.strength-bar{background:var(--border);border-radius:2px;flex:1;height:4px;transition:background .3s}.strength-label{font-size:12px;font-weight:500}.searchable-select{position:relative}.searchable-select-trigger{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--foreground);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;transition:border-color .15s;display:flex}.searchable-select-trigger:hover,.searchable-select-trigger.open{border-color:var(--primary)}.searchable-select-trigger .placeholder{color:var(--muted-foreground)}.searchable-select-trigger .chevron{color:var(--muted-foreground);flex-shrink:0;transition:transform .2s}.searchable-select-trigger .chevron.rotated{transform:rotate(180deg)}.searchable-select-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);z-index:50;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.searchable-select-search{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}.searchable-select-search svg{color:var(--muted-foreground);flex-shrink:0}.searchable-select-search input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:13px}.searchable-select-search input::placeholder{color:var(--muted-foreground)}.searchable-select-options{max-height:200px;padding:4px;overflow-y:auto}.searchable-select-option{color:var(--foreground);border-radius:calc(var(--radius) - 2px);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;transition:background .1s;display:flex}.searchable-select-option:hover{background:var(--muted)}.searchable-select-option.selected{color:var(--primary);background:#f9731614;font-weight:500}.searchable-select-option .option-muted{color:var(--muted-foreground)}.searchable-select-empty{text-align:center;color:var(--muted-foreground);padding:16px;font-size:13px}.searchable-option-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.option-units-hint{color:var(--primary);opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.roles-grid-wizard{grid-template-columns:1fr;gap:10px;display:grid}.role-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.role-card:hover{border-color:var(--muted-foreground);background:var(--muted)}.role-card.selected{border-color:var(--primary);background:#f973160f}.role-card-check{background:var(--card);border:1px solid var(--border);color:#0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .15s;display:flex}.role-card.selected .role-card-check{background:var(--primary);border-color:var(--primary);color:#fff}.role-card-radio{flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.radio-dot{border:2px solid var(--border);background:var(--card);border-radius:50%;width:18px;height:18px;transition:all .15s;display:block;position:relative}.radio-dot.active{border-color:var(--primary)}.radio-dot.active:after{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.role-card-info{flex-direction:column;gap:2px;display:flex}.role-card-name{color:var(--foreground);font-size:13px;font-weight:500}.role-card-desc{color:var(--muted-foreground);font-size:11px;line-height:1.4}.unit-count-badge{color:var(--primary);background:#f973161a;border-radius:10px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:500}.units-toolbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.units-search{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.units-search svg{color:var(--muted-foreground);flex-shrink:0}.units-search input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:13px}.units-search input::placeholder{color:var(--muted-foreground)}.units-bulk-actions{gap:4px;display:flex}.btn-text{color:var(--primary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:6px 10px;font-size:12px;font-weight:500}.btn-text:hover{background:#f9731614}.units-grid-wizard{grid-template-columns:repeat(3,1fr);gap:8px;max-height:260px;padding:2px;display:grid;overflow-y:auto}.um-unit-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;min-width:0;padding:10px 12px;transition:all .15s;display:flex}.um-unit-card:hover{border-color:var(--muted-foreground)}.um-unit-card.selected{border-color:var(--primary);background:#f973160f}.um-unit-card-check{background:var(--card);border:1px solid var(--border);color:#0000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.um-unit-card.selected .um-unit-card-check{background:var(--primary);border-color:var(--primary);color:#fff}.um-unit-card-no{color:var(--foreground);white-space:nowrap;font-size:13px;font-weight:500}.um-unit-card-site{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:11px;overflow:hidden}.wizard-empty-state{text-align:center;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.wizard-empty-state svg{opacity:.4;margin-bottom:12px}.wizard-empty-state p{margin:0 0 16px;font-size:14px;line-height:1.5}.success-step{text-align:center;flex-direction:column;align-items:center;display:flex}.success-icon{color:#22c55e;margin-bottom:12px}.success-title{color:var(--foreground);margin:0 0 4px;font-size:18px;font-weight:600}.success-subtitle{color:var(--muted-foreground);margin:0 0 20px;font-size:14px}.success-credentials{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);text-align:left;width:100%;max-width:380px;margin-bottom:20px;padding:14px 18px}.success-cred-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.success-cred-row+.success-cred-row{border-top:1px solid var(--border)}.success-cred-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.success-cred-value{color:var(--foreground);font-size:14px;font-weight:500}.success-cred-value.mono{background:var(--background);border-radius:4px;padding:2px 8px;font-family:SF Mono,Fira Code,monospace;font-size:13px}.success-actions{flex-direction:column;gap:8px;width:100%;max-width:380px;display:flex}.success-action-btn{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.success-action-btn:hover{background:var(--muted);border-color:var(--primary);color:var(--primary)}.success-action-btn.highlight{background:var(--primary);border-color:var(--primary);color:#fff}.success-action-btn.highlight:hover{background:var(--primary-hover,#ea580c)}.success-action-btn.done,.success-action-btn.highlight.done{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.success-action-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-footer{border-top:1px solid var(--border);background:var(--muted);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.wizard-footer-left,.wizard-footer-right{align-items:center;gap:10px;display:flex}.wizard-footer .btn-primary{gap:6px}.wizard-footer .btn-secondary{align-items:center;gap:6px;display:flex}.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}.modal-content.perm-modal-v2{flex-direction:column;width:94%;max-width:680px;max-height:85vh;padding:0;display:flex;overflow:hidden}.perm-v2-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.perm-v2-header-left{align-items:center;gap:12px;display:flex}.perm-v2-header-left>svg{color:var(--primary);flex-shrink:0}.perm-v2-header h2{color:var(--foreground);margin:0;font-size:16px;font-weight:600}.perm-v2-subtitle{color:var(--muted-foreground);align-items:center;gap:6px;margin-top:1px;font-size:13px;display:flex}.perm-v2-avatar-sm{width:20px;height:20px;color:var(--primary);background:#f973161f;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.perm-v2-header .close-btn{flex-shrink:0;position:static}.perm-v2-toolbar{background:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 20px;display:flex}.perm-v2-search{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex:1;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s;display:flex}.perm-v2-search:focus-within{border-color:var(--primary)}.perm-v2-search svg{color:var(--muted-foreground);flex-shrink:0}.perm-v2-search input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:13px}.perm-v2-search input::placeholder{color:var(--muted-foreground)}.perm-v2-search-clear{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.perm-v2-search-clear:hover{color:var(--foreground)}.perm-v2-filter{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;max-width:200px;padding:8px 10px;font-size:13px}.perm-v2-filter:focus{border-color:var(--primary);outline:none}.perm-v2-bulk{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 20px;display:flex}.perm-v2-count{color:var(--muted-foreground);font-size:13px}.perm-v2-count strong{color:var(--primary);font-weight:600}.perm-v2-bulk-btns{gap:4px;display:flex}.perm-v2-grid-wrap{flex:1;min-height:200px;padding:16px 20px;overflow-y:auto}.perm-v2-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.perm-v2-unit{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;min-width:0;padding:10px 12px;transition:all .15s;display:flex;overflow:visible}.perm-v2-unit:hover{border-color:var(--muted-foreground)}.perm-v2-unit.selected{border-color:var(--primary);background:#f973160f}.perm-v2-unit-check{background:var(--card);border:1px solid var(--border);color:#0000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.perm-v2-unit.selected .perm-v2-unit-check{background:var(--primary);border-color:var(--primary);color:#fff}.perm-v2-unit-info{flex-direction:column;gap:2px;min-width:0;display:flex}.perm-v2-unit-row{align-items:baseline;gap:6px;min-width:0;display:flex}.perm-v2-unit-no{color:var(--foreground);flex-shrink:0;font-size:13px;font-weight:500}.perm-v2-tip{min-width:0;color:var(--muted-foreground);font-size:12px}.perm-v2-tip-text{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.perm-v2-tip-text.site{opacity:.7;font-size:11px}.tip-portal{background:var(--foreground,#1a1a1a);color:var(--background,#fff);white-space:normal;word-break:break-word;pointer-events:none;z-index:99999;border-radius:6px;width:max-content;max-width:300px;padding:6px 10px;font-size:12px;font-weight:400;animation:.12s tipFadeIn;position:fixed;transform:translateY(-100%);box-shadow:0 4px 12px #00000040}@keyframes tipFadeIn{0%{opacity:0}to{opacity:1}}.perm-v2-empty{color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.perm-v2-empty svg{opacity:.4}.perm-v2-footer{border-top:1px solid var(--border);background:var(--muted);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.confirm-modal-v2{text-align:center;max-width:440px;padding:28px 32px 24px;animation:.2s confirmSlideIn}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-v2-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.confirm-v2-icon.danger{color:#ef4444;background:#ef44441f}.confirm-v2-icon.warning{color:#f59e0b;background:#f59e0b1f}.confirm-v2-icon.success{color:#22c55e;background:#22c55e1f}.confirm-modal-v2 h2{color:var(--foreground);margin:0 0 16px;font-size:18px;font-weight:600}.confirm-v2-user{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);text-align:left;align-items:center;gap:12px;max-width:300px;margin:0 auto 16px;padding:12px 16px;display:flex}.confirm-v2-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.confirm-v2-avatar.danger{color:#ef4444;background:#ef444426}.confirm-v2-avatar.warning{color:#f59e0b;background:#f59e0b26}.confirm-v2-avatar.success{color:#22c55e;background:#22c55e26}.confirm-v2-user-info{flex-direction:column;gap:1px;min-width:0;display:flex}.confirm-v2-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.confirm-v2-email{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.confirm-modal-v2 p{color:var(--muted-foreground);margin:0 0 24px;font-size:14px;line-height:1.6}.confirm-v2-actions{justify-content:center;gap:10px;display:flex}.confirm-v2-actions .btn-secondary{flex:1;max-width:140px}.btn-confirm{border-radius:var(--radius);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;max-width:160px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.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}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.form-group select{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 select:focus{border-color:var(--primary);outline:none}.auto-hint{color:var(--primary);margin-left:6px;font-size:11px;font-weight:400}.unit-count-hint{color:var(--muted-foreground);margin-left:8px;font-size:11px;font-weight:400}.units-inline-list{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);max-height:180px;padding:8px;overflow-y:auto}.btn-select-all{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-bottom:4px;padding:4px 8px;font-size:12px}.btn-select-all:hover{text-decoration:underline}.unit-checkbox-inline{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.unit-checkbox-inline:hover{background:var(--muted)}.unit-checkbox-inline.selected{background:#f9731614}.unit-checkbox-inline input{display:none}.unit-checkbox-inline .checkmark{background:var(--background);border:1px solid var(--border);color:#0000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.unit-checkbox-inline.selected .checkmark{background:var(--primary);border-color:var(--primary);color:#fff}.unit-inline-no{color:var(--foreground);font-weight:500}.unit-inline-site{color:var(--muted-foreground);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin-left:auto;font-size:11px;overflow:hidden}.customer-cell{color:var(--muted-foreground);min-width:120px;font-size:13px}.no-customer{opacity:.3}@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}.modal-content.user-modal-wizard{border-radius:0;width:100%;max-width:100%;max-height:100vh}.wizard-steps{gap:2px;padding:12px 16px}.wizard-step-label{display:none}.wizard-body{padding:20px 16px}.roles-grid-wizard{grid-template-columns:1fr}.units-grid-wizard{grid-template-columns:repeat(2,1fr)}.password-row{flex-direction:column}.btn-generate{justify-content:center;padding:10px 14px}.modal-content.perm-modal-v2{border-radius:0;width:100%;max-width:100%;max-height:100vh}.perm-v2-grid{grid-template-columns:repeat(2,1fr)}.perm-v2-toolbar{flex-direction:column;gap:8px}.perm-v2-filter{width:100%;max-width:none}}.al{max-width:1100px;margin:0 auto;padding:24px}.al-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.al-header-left{align-items:center;gap:10px;min-width:0;display:flex}.al-back{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;color:var(--foreground);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.al-back:hover{border-color:var(--primary);color:var(--primary)}.al-title-group{flex-direction:column;gap:2px;min-width:0;display:flex}.al-title{color:var(--foreground);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.al-stats-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.al-stat{color:var(--muted-foreground);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:.7rem;font-weight:500;display:inline-flex}.al-stat svg{opacity:.6}.al-stat-warn{color:var(--destructive)}.al-stat-warn svg{opacity:1}.al-stat-sep{background:var(--border);border-radius:50%;flex-shrink:0;width:3px;height:3px}.al-refresh{border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.al-refresh:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.al-refresh:disabled{opacity:.4;cursor:not-allowed}@keyframes al-spin{to{transform:rotate(360deg)}}.al-filters{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;margin-bottom:16px;padding:14px;display:flex}.al-filters-top{align-items:center;gap:10px;display:flex}.al-search{background:var(--background);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);flex:1;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s;display:flex}.al-search:focus-within{border-color:var(--primary)}.al-search svg{color:var(--muted-foreground);flex-shrink:0}.al-search input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.8rem}.al-search input::placeholder{color:var(--muted-foreground)}.al-search-clear{background:var(--muted);width:18px;height:18px;color:var(--muted-foreground);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.al-search-clear:hover{background:var(--border);color:var(--foreground)}.al-clear-btn{color:var(--primary);border:1px solid var(--primary);border-radius:calc(var(--radius) - 2px);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.al-clear-btn:hover{background:var(--primary);color:#fff}.al-filter-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.al-filter-item{flex-direction:column;gap:4px;display:flex}.al-filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);padding-left:2px;font-size:.65rem;font-weight:600}.al-select{appearance:none;width:100%;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:7px 28px 7px 10px;font-size:.78rem;font-weight:500;transition:border-color .15s}.al-select:hover,.al-select:focus{border-color:var(--primary);outline:none}.al-select option{background:var(--card);color:var(--foreground)}.al-date-range{background:var(--background);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);align-items:center;gap:4px;padding:5px 10px;transition:border-color .15s;display:flex}.al-date-range:focus-within{border-color:var(--primary)}.al-date-range input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:2px 0;font-size:.75rem}.al-date-sep{color:var(--muted-foreground);flex-shrink:0;font-size:.72rem}.al-error{color:var(--destructive);border-radius:var(--radius);background:#dc354514;border:1px solid #dc354533;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:.8rem;font-weight:500;display:flex}.al-feed{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1px;display:flex;overflow:hidden}.al-empty{background:var(--card);color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 16px;font-size:.85rem;display:flex}.al-entry{background:var(--card);cursor:pointer;align-items:center;gap:0;transition:background .12s;display:flex;position:relative}.al-entry:hover,.al-entry--open{background:var(--accent)}.al-entry-indicator{opacity:.7;flex-shrink:0;align-self:stretch;width:3px;transition:opacity .15s}.al-entry:hover .al-entry-indicator,.al-entry--open .al-entry-indicator{opacity:1}.al-entry--alert{background:#ef44440a}.al-entry--alert:hover{background:#ef444412}.al-entry-body{flex-direction:column;flex:1;gap:3px;min-width:0;padding:10px 12px;display:flex}.al-entry-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.al-entry-action{align-items:center;gap:8px;min-width:0;display:flex}.al-cat-dot{color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.al-action-label{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.al-status-icon{flex-shrink:0}.al-entry-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.al-time{color:var(--muted-foreground);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:.7rem;font-weight:500}.al-entry-detail{align-items:center;gap:6px;min-width:0;padding-left:28px;display:flex}.al-user{color:var(--primary);white-space:nowrap;flex-shrink:0;font-size:.72rem;font-weight:600}.al-desc{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.72rem;overflow:hidden}.al-chevron{color:var(--muted-foreground);opacity:.4;flex-shrink:0;margin-right:12px;transition:transform .2s,opacity .15s}.al-entry:hover .al-chevron{opacity:.7}.al-chevron--open{opacity:.7;transform:rotate(180deg)}.al-expand{background:var(--card);border-top:1px solid var(--border);animation:.18s al-slideDown}@keyframes al-slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.al-expand-inner{border-left:3px solid var(--primary);flex-direction:column;gap:16px;padding:16px 16px 16px 19px;display:flex}.al-expand-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 20px;display:grid}.al-field{flex-direction:column;gap:2px;display:flex}.al-field--wide{grid-column:1/-1}.al-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);align-items:center;gap:4px;font-size:.65rem;font-weight:600;display:inline-flex}.al-field-value{color:var(--foreground);word-break:break-word;font-size:.8rem;line-height:1.4}.al-mono{font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:.75rem}.al-field-ua{text-overflow:ellipsis;max-height:3em;display:block;overflow:hidden}.al-changes{flex-direction:column;gap:8px;display:flex}.al-changes-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-size:.65rem;font-weight:700}.al-changes-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.al-change-block{flex-direction:column;gap:4px;display:flex}.al-change-label{text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.al-change-block--old .al-change-label{color:var(--destructive)}.al-change-block--new .al-change-label{color:var(--success,#22c55e)}.al-change-pre{color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);white-space:pre-wrap;word-break:break-all;margin:0;padding:8px 10px;font-family:SF Mono,Cascadia Code,monospace;font-size:.72rem;line-height:1.5;overflow-x:auto}.al-change-block--old .al-change-pre{border-color:#dc354533}.al-change-block--new .al-change-pre{border-color:#22c55e33}.al-expand-desc{flex-direction:column;gap:4px;display:flex}.al-expand-desc-text{color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);margin:0;padding:8px 10px;font-size:.8rem;line-height:1.5}.al-pager{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-top:12px;padding:10px 14px;display:flex}.al-pager-info{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.75rem}.al-pager-controls{align-items:center;gap:8px;display:flex}.al-pager-btn{background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);cursor:pointer;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.al-pager-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.al-pager-btn:disabled{opacity:.4;cursor:not-allowed}.al-pager-page{color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-align:center;min-width:48px;font-size:.72rem;font-weight:600}@media (max-width:768px){.al{padding:16px}.al-filter-grid{grid-template-columns:repeat(2,1fr)}.al-filter-item--dates{grid-column:1/-1}.al-entry-detail{flex-direction:column;align-items:flex-start;gap:1px;padding-left:28px}.al-expand-grid,.al-changes-grid{grid-template-columns:1fr}.al-pager{text-align:center;flex-direction:column;gap:8px}}@media (max-width:480px){.al-stats-inline,.al-entry-meta{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);white-space:nowrap;background:#22c55e;border:1px solid #22c55e;flex-shrink:0;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}.cust-main .cd-main,.cust-main .cd-container{max-width:none;min-height:auto;padding:0}.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-paid-date-label{color:#059669;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,.cd-invoice-org-select{margin-bottom:var(--spacing-lg)}.cd-invoice-weeks label,.cd-invoice-reference label,.cd-invoice-org-select 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,.cd-invoice-org-select select{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,.cd-invoice-org-select select: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-end-user{color:var(--muted-foreground);white-space:nowrap;font-size:11px;font-weight:400}.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-svc-group-header{-webkit-user-select:none;user-select:none;font-weight:600;transition:background .2s;background:var(--muted)!important}.cd-svc-group-header:hover{background:var(--accent)!important}.cd-svc-group-header td{padding-top:10px;padding-bottom:10px}.cd-group-chevron{color:var(--muted-foreground);margin-right:8px;font-size:10px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:inline-block}.cd-group-chevron.expanded{transform:rotate(90deg)}.cd-svc-child{animation:.25s cubic-bezier(.4,0,.2,1) both cd-slide-down}.cd-svc-child td{color:var(--muted-foreground);border-left:3px solid #0000;padding-top:6px;padding-bottom:6px;font-size:12px}.cd-svc-child td:first-child{color:var(--foreground);border-left:3px solid var(--primary)}.cd-svc-child:hover td{background:#ff6b350a}@keyframes cd-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.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}.cd-compact-stats{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--spacing-lg);display:flex;overflow:hidden}.cd-compact-stat{padding:var(--spacing-md) var(--spacing-sm);border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;transition:background .15s;display:flex;position:relative}.cd-compact-stat:last-child{border-right:none}.cd-compact-stat:hover{background:var(--muted)}.cd-compact-stat-icon{background:var(--muted);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:4px;display:flex}.cd-compact-stat.green .cd-compact-stat-icon{color:#22c55e;background:#22c55e1a}.cd-compact-stat.red .cd-compact-stat-icon{color:#ef4444;background:#ef44441a}.cd-compact-stat.amber .cd-compact-stat-icon{color:#f59e0b;background:#f59e0b1a}.cd-compact-stat-value{font-size:var(--font-size-lg);font-family:monospace;font-weight:700;line-height:1.2;display:block}.cd-compact-stat-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px;display:block}.cd-compact-stat-sub{color:var(--muted-foreground);margin-top:1px;font-size:11px;display:block}.cd-compact-stat.green .cd-compact-stat-value{color:#22c55e}.cd-compact-stat.red .cd-compact-stat-value{color:#ef4444}.cd-compact-stat.amber .cd-compact-stat-value{color:#f59e0b}@media (max-width:640px){.cd-compact-stats{flex-wrap:wrap}.cd-compact-stat{border-bottom:1px solid var(--border);flex:45%}.cd-compact-stat:nth-child(2){border-right:none}}.cd-skeleton{background:linear-gradient(90deg, var(--muted) 25%, color-mix(in srgb, var(--muted) 80%, var(--card)) 50%, var(--muted) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite cd-skeleton-shimmer}@keyframes cd-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cd-skeleton-row{gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.cd-skeleton-block{border-radius:var(--radius);height:120px}.cd-skeleton-line{height:14px;margin-bottom:8px}.cd-skeleton-line.short{width:40%}.cd-skeleton-line.medium{width:65%}.cd-skeleton-line.long{width:90%}.cd-invoice-filters{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.cd-invoice-filter-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.cd-filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);white-space:nowrap;font-size:10px;font-weight:600}.cd-org-filter-pills{flex-wrap:wrap;gap:4px;display:flex}.cd-org-pill{background:var(--card);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:500;font-family:var(--font-family);border-radius:16px;align-items:center;gap:4px;padding:4px 12px;transition:all .15s;display:inline-flex}.cd-org-pill:hover{background:var(--muted);color:var(--foreground);border-color:color-mix(in srgb, var(--foreground) 30%, var(--border))}.cd-org-pill.active{background:color-mix(in srgb, var(--primary) 10%, var(--card));border-color:var(--primary);color:var(--primary);font-weight:600}.cd-status-pill{background:var(--card);border:1px solid var(--border);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:500;font-family:var(--font-family);color:var(--muted-foreground);border-radius:16px;align-items:center;gap:4px;padding:4px 10px;transition:all .15s;display:inline-flex}.cd-status-pill:hover{background:var(--muted)}.cd-status-pill.active{font-weight:600}.cd-status-pill.active[data-status=paid]{color:#16a34a;background:#22c55e1a;border-color:#22c55e}.cd-status-pill.active[data-status=overdue]{color:#dc2626;background:#ef44441a;border-color:#ef4444}.cd-status-pill.active[data-status=draft]{color:#6b7280;background:#6b72801a;border-color:#6b7280}.cd-status-pill.active[data-status=all]{background:color-mix(in srgb, var(--primary) 10%, var(--card));border-color:var(--primary);color:var(--primary)}.cd-invoice-summary{gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--muted);border-radius:var(--radius);margin-bottom:var(--spacing-md);font-size:var(--font-size-xs);display:flex}.cd-invoice-summary-item{align-items:center;gap:6px;display:flex}.cd-invoice-summary-val{font-family:monospace;font-weight:700}.cd-invoice-summary-lbl{color:var(--muted-foreground)}.cd-invoice-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-width:180px;max-width:280px;font-size:var(--font-size-sm);color:var(--foreground);font-family:var(--font-family);flex:1;padding:6px 12px}.cd-invoice-search:focus{border-color:var(--primary);outline:none}.cd-invoice-search::placeholder{color:var(--muted-foreground)}.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}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.customer-detail-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.customer-detail-title{align-items:center;gap:12px;display:flex}.customer-detail-title svg{color:#6b7280}.customer-detail-title h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.close-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.close-btn:hover{color:#1f2937;background:#e5e7eb}.customer-detail-info{border-bottom:1px solid #e5e7eb;padding:20px 24px}.customer-info-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.unit-count{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:4px 10px;font-size:13px}.customer-contact-info{flex-direction:column;gap:8px;display:flex}.contact-item{color:#4b5563;align-items:center;gap:8px;font-size:14px;display:flex}.contact-item svg{color:#9ca3af}.contact-item a{color:#2563eb;text-decoration:none}.contact-item a:hover{text-decoration:underline}.billing-summary-cards{background:#f9fafb;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 24px;display:grid}.summary-card{text-align:center;background:#fff;border-radius:8px;padding:14px}.summary-label{color:#6b7280;margin-bottom:4px;font-size:12px}.summary-value{color:#1f2937;font-size:18px;font-weight:600}.summary-value.negative{color:#dc2626}.summary-value.positive{color:#059669}.summary-sublabel{color:#9ca3af;margin-top:2px;font-size:11px}.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}.invoice-filters{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.invoice-filter-tabs{gap:4px;display:flex}.invoice-filter-tab{color:#aaa;cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.invoice-filter-tab:hover{color:#fff;background:#ffffff0d}.invoice-filter-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.filter-count{text-align:center;background:#fff3;border-radius:10px;min-width:18px;padding:1px 6px;font-size:11px}.invoice-filter-tab.active .filter-count{background:#ffffff4d}.invoice-refresh-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;align-items:center;padding:6px 8px;display:flex}.invoice-refresh-btn:hover{color:#fff;border-color:#555}.invoice-refresh-btn .spinning{animation:1s linear infinite spin}.invoice-pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:12px 0;display:flex}.invoice-pagination button{color:#ccc;cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;padding:6px 14px;font-size:12px}.invoice-pagination button:hover:not(:disabled){color:#fff;background:#ffffff0d}.invoice-pagination button:disabled{opacity:.3;cursor:not-allowed}.invoice-pagination .page-info{color:#888;font-size:12px}.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}.paid-date-label{color:#059669;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}.my-billing-invoice-card-paid{color:#059669;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}}.atl-source-badge{margin-left:var(--spacing-sm);color:var(--warning,#f59e0b);font-size:var(--font-size-xs);vertical-align:middle;background:#f59e0b1a;border-radius:9999px;align-items:center;padding:1px 8px;font-weight:500;display:inline-flex}.atl-source-filter{align-items:center;gap:var(--spacing-xs);color:var(--muted-foreground);display:flex}.atl-source-filter select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer}.atl-service-badge{margin-left:var(--spacing-sm);font-size:var(--font-size-xs);vertical-align:middle;border-radius:9999px;align-items:center;padding:1px 8px;font-weight:500;display:inline-flex}.atl-service-badge.active{color:var(--success,#22c55e);background:#22c55e1a}.atl-service-badge.none{color:var(--destructive,#ef4444);background:#ef444414}.admin-services-container{max-width:1400px;margin:0 auto;padding:0 4px}.admin-services-topbar{border-bottom:1px solid var(--border,#333);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 0 14px;display:flex}.admin-services-topbar-left{align-items:center;gap:10px;display:flex}.svc-back-btn{color:#fff;cursor:pointer;background:#22c55e;border:1px solid #22c55e;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 8px #22c55e4d}.svc-back-btn:hover{background:#16a34a;border-color:#16a34a;box-shadow:0 2px 12px #22c55e66}.admin-services-title{color:var(--foreground,#e5e5e5);align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:600;display:flex}.svc-stats-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px;display:grid}.svc-stat-card{background:var(--card,#1e1e1e);border:1px solid var(--border,#333);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.svc-stat-card:hover{border-color:var(--muted-foreground,#555);transform:translateY(-1px)}.svc-stat-card.active{border-color:var(--primary,#22c55e);box-shadow:0 0 0 1px var(--primary,#22c55e)}.svc-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.svc-stat-card.green .svc-stat-icon{color:#22c55e;background:#22c55e1a}.svc-stat-card.amber .svc-stat-icon{color:#f59e0b;background:#f59e0b1a}.svc-stat-card.blue .svc-stat-icon{color:#3b82f6;background:#3b82f61a}.svc-stat-card.neutral .svc-stat-icon{background:var(--secondary,#262626);color:var(--muted-foreground,#9ca3af)}.svc-stat-card.revenue .svc-stat-icon{color:#a855f7;background:#a855f71a}.svc-stat-card.purple .svc-stat-icon{color:#8b5cf6;background:#8b5cf61a}.svc-stat-card.cyan .svc-stat-icon{color:#06b6d4;background:#06b6d41a}.svc-stat-card.orange .svc-stat-icon{color:#f97316;background:#f973161a}.svc-stat-content{flex-direction:column;gap:2px;min-width:0;display:flex}.svc-stat-value{color:var(--foreground,#e5e5e5);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;line-height:1.2}.svc-stat-label{color:var(--muted-foreground,#9ca3af);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:500}.admin-services-tabs{background:var(--secondary,#1a1a1a);border-radius:8px;flex-shrink:0;gap:2px;padding:3px;display:flex}.admin-services-tab{color:var(--muted-foreground,#9ca3af);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.admin-services-tab:hover{color:var(--foreground,#e5e5e5)}.admin-services-tab.active{background:var(--card,#1e1e1e);color:var(--foreground,#e5e5e5);box-shadow:0 1px 3px #0000004d}.svc-filter-bar{background:var(--card,#1e1e1e);border:1px solid var(--border,#333);border-radius:10px;margin-bottom:12px;padding:10px 12px}.svc-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.svc-search-wrap{flex:1;align-items:center;gap:0;min-width:220px;max-width:360px;display:flex;position:relative}.svc-search-box{background:var(--background,#111);border:1px solid var(--border,#333);border-radius:6px;flex:1;align-items:center;gap:6px;padding:7px 10px;transition:border-color .15s;display:flex}.svc-customer-chip+.svc-search-box{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.svc-search-box:focus-within{border-color:var(--primary,#22c55e)}.svc-search-box input{color:var(--foreground,#e5e5e5);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.svc-customer-chip{background:var(--primary,#22c55e);color:#fff;white-space:nowrap;border:1px solid var(--primary,#22c55e);border-radius:6px 0 0 6px;align-items:center;gap:4px;max-width:160px;padding:7px 8px 7px 10px;font-size:.78rem;font-weight:600;display:flex}.svc-customer-chip span{text-overflow:ellipsis;overflow:hidden}.svc-customer-chip button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:1px;transition:color .15s;display:flex}.svc-customer-chip button:hover{color:#fff}.svc-search-dropdown{background:var(--card,#1e1e1e);border:1px solid var(--border,#333);z-index:100;border-radius:8px;max-height:220px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.svc-search-dropdown-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground,#9ca3af);padding:6px 10px 4px;font-size:.7rem;font-weight:600}.svc-search-dropdown-item{color:var(--foreground,#e5e5e5);cursor:pointer;padding:8px 10px;font-size:.84rem;transition:background .1s}.svc-search-dropdown-item:hover{background:var(--secondary,#2a2a2a)}.svc-search-dropdown-item:last-child{border-radius:0 0 8px 8px}.svc-filter-spacer{flex:1}.svc-clear-btn{color:var(--muted-foreground,#9ca3af);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.svc-filter-select{background:var(--background,#111);border:1px solid var(--border,#333);color:var(--foreground,#e5e5e5);cursor:pointer;border-radius:6px;min-width:120px;max-width:180px;padding:7px 10px;font-size:.85rem}.svc-filter-select option{background:var(--background,#111)}.svc-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.svc-btn:disabled{opacity:.5;cursor:not-allowed}.svc-btn-primary{background:var(--primary,#22c55e);color:#000}.svc-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.svc-btn-secondary{background:var(--secondary,#262626);color:var(--foreground,#e5e5e5);border:1px solid var(--border,#333)}.svc-btn-secondary:hover:not(:disabled){background:var(--accent,#333)}.svc-btn-ghost{color:var(--muted-foreground,#9ca3af);background:0 0;border:1px solid #0000}.svc-btn-ghost:hover:not(:disabled){color:var(--foreground,#e5e5e5);background:var(--accent,#1e1e1e)}.svc-btn-clear-filters{color:#f87171;white-space:nowrap;background:#ef444426;border:1px solid #ef44444d;padding:6px 16px;font-weight:600}.svc-btn-clear-filters:hover:not(:disabled){background:#ef444440;border-color:#ef444480}.svc-btn-danger{color:#fff;background:#ef4444}.svc-btn-danger:hover:not(:disabled){background:#dc2626}.svc-btn-sm{padding:4px 8px;font-size:.8rem}.svc-batch-bar{background:#22c55e14;border:1px solid #22c55e33;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.svc-batch-count{color:var(--primary,#22c55e);margin-right:4px;font-size:.85rem;font-weight:600}.svc-batch-summary{background:var(--secondary,#1e1e1e);color:var(--muted-foreground,#9ca3af);border-radius:6px;margin:8px 0;padding:8px 12px;font-size:.85rem}.svc-table-wrapper{border:1px solid var(--border,#333);border-radius:8px;overflow-x:auto}.svc-table{border-collapse:collapse;width:100%;font-size:.85rem}.svc-table thead th{background:var(--secondary,#1a1a1a);color:var(--muted-foreground,#9ca3af);text-transform:uppercase;letter-spacing:.03em;text-align:left;border-bottom:1px solid var(--border,#333);white-space:nowrap;padding:10px;font-size:.75rem;font-weight:600}.svc-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.svc-th-sortable:hover{color:var(--foreground,#e5e5e5)}.svc-th-check,.svc-td-check{text-align:center;width:36px}.svc-th-expand,.svc-td-expand{width:48px}.svc-table tbody td{border-bottom:1px solid var(--border,#222);color:var(--foreground,#e5e5e5);vertical-align:middle;padding:8px 10px}.svc-row{transition:background .1s}.svc-row:hover{background:var(--accent,#1a1a1a)}.svc-row.selected{background:#22c55e0d}.svc-row.expanded{background:var(--secondary,#1a1a1a)}.svc-row-overdue{border-left:3px solid #f59e0b}.svc-row-disabled td{opacity:.5}.svc-row-error td{background:#ef44440d}.svc-row-excluded td{opacity:.4}.svc-check-btn{color:var(--muted-foreground,#9ca3af);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.svc-check-btn:hover{color:var(--primary,#22c55e)}.svc-expand-btn{color:var(--muted-foreground,#666);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:2px;display:flex}.svc-expand-btn:hover{color:var(--foreground,#e5e5e5)}.svc-entry-count{color:var(--muted-foreground,#666);font-size:.7rem;font-weight:500}.svc-td-cycle{color:var(--muted-foreground,#9ca3af);font-size:.8rem}.svc-td-overdue{font-weight:600;color:#f59e0b!important}.svc-td-amount{font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.svc-td-actions{align-items:center;gap:2px;display:flex}.svc-action-btn{color:var(--muted-foreground,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .1s;display:flex}.svc-action-btn:hover{color:var(--foreground,#e5e5e5);background:var(--accent,#262626)}.svc-action-btn.danger:hover{color:#ef4444;background:#ef44441a}.svc-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:10px;align-items:center;gap:3px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.svc-status-active{color:#22c55e;background:#22c55e1a}.svc-status-pending{color:#f59e0b;background:#f59e0b1a}.svc-status-complete{color:#9ca3af;background:#6b72801a}.svc-status-cancelled{color:#ef4444;background:#ef44441a}.svc-status-paused{color:#8b5cf6;background:#8b5cf61a}.svc-status-scheduled{color:#06b6d4;background:#06b6d41a}.svc-status-ending{color:#f97316;background:#f973161a}.svc-type-badge{background:var(--secondary,#262626);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:.8rem}.svc-skeleton-row td{padding:10px!important}.svc-skeleton{background:var(--secondary,#262626);border-radius:4px;animation:1.5s ease-in-out infinite svc-pulse}.svc-skeleton-check{width:16px;height:16px}.svc-skeleton-text-sm{width:60px;height:14px}.svc-skeleton-text{width:100px;height:14px}.svc-skeleton-badge{border-radius:10px;width:70px;height:20px}.svc-skeleton-actions{width:48px;height:14px}@keyframes svc-pulse{0%,to{opacity:.4}50%{opacity:.8}}.svc-empty{text-align:center;padding:48px 32px!important}.svc-empty-state{color:var(--muted-foreground,#666);flex-direction:column;align-items:center;gap:8px;display:flex}.svc-empty-state p{color:var(--muted-foreground,#9ca3af);margin:0;font-size:1rem;font-weight:500}.svc-empty-state span{color:var(--muted-foreground,#555);font-size:.8rem}.svc-delete-warning{align-items:center;gap:6px;font-size:.85rem;display:flex;color:#f59e0b!important;margin:8px 0 0!important}.svc-entries-row td{background:var(--background,#111);padding:0!important}.svc-entries-panel{border-left:2px solid var(--border,#333);margin-left:46px;padding:12px 16px 12px 64px}.svc-entries-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.svc-entries-header h4{color:var(--muted-foreground,#9ca3af);margin:0;font-size:.85rem}.svc-entries-table{border-collapse:collapse;width:100%;font-size:.8rem}.svc-entries-table th{background:var(--secondary,#1a1a1a);text-align:left;color:var(--muted-foreground,#9ca3af);text-transform:uppercase;letter-spacing:.03em;padding:5px 8px;font-size:.7rem;font-weight:500}.svc-entries-table td{border-bottom:1px solid var(--border,#222);padding:5px 8px}.svc-entries-empty{color:var(--muted-foreground,#666);margin:4px 0;font-size:.85rem}.svc-pagination{color:var(--muted-foreground,#9ca3af);justify-content:center;align-items:center;gap:16px;padding:12px 0;font-size:.85rem;display:flex}.svc-pagination button{background:var(--secondary,#262626);border:1px solid var(--border,#333);color:var(--foreground,#e5e5e5);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.85rem;transition:all .15s;display:flex}.svc-pagination button:hover:not(:disabled){background:var(--accent,#333)}.svc-pagination button:disabled{opacity:.4;cursor:not-allowed}.svc-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out svcFadeIn;display:flex;position:fixed;inset:0}@keyframes svcFadeIn{0%{opacity:0}to{opacity:1}}@keyframes svcSlideIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.svc-modal-dialog{background:var(--card,#161616);border:1px solid var(--border,#2a2a2a);border-radius:12px;flex-direction:column;width:100%;max-width:580px;max-height:calc(100vh - 48px);animation:.2s ease-out svcSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.svc-modal-header{border-bottom:1px solid var(--border,#2a2a2a);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.svc-modal-header h2{color:var(--foreground,#e5e5e5);margin:0;font-size:1.05rem;font-weight:600}.svc-modal-close{color:var(--muted-foreground,#777);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.svc-modal-close:hover{color:var(--foreground,#e5e5e5);background:#ffffff0f}.svc-modal-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.svc-modal-body{flex-direction:column;flex:1;gap:8px;padding:16px 20px 20px;display:flex;overflow-y:auto}.svc-modal-body::-webkit-scrollbar{width:5px}.svc-modal-body::-webkit-scrollbar-track{background:0 0}.svc-modal-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.svc-modal-body::-webkit-scrollbar-thumb:hover{background:#fff3}.svc-modal-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;padding:8px 12px;font-size:.83rem}.svc-modal-section{border-bottom:1px solid var(--border,#2a2a2a);flex-direction:column;gap:10px;padding:12px 0;display:flex}.svc-modal-section:last-child{border-bottom:none;padding-bottom:0}.svc-modal-section:first-child{padding-top:0}.svc-modal-section-label{color:var(--muted-foreground,#888);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.svc-modal-optional{text-transform:none;opacity:.6;letter-spacing:0;font-size:.75rem;font-weight:400}.svc-modal-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.svc-modal-row-3{grid-template-columns:1fr 1fr 1fr}.svc-modal-field{flex-direction:column;gap:4px;display:flex}.svc-modal-field label{color:var(--muted-foreground,#9ca3af);font-size:.78rem;font-weight:500}.svc-modal-field input,.svc-modal-field select,.svc-modal-field textarea{background:var(--input,#1a1a1a);border:1px solid var(--border,#333);color:var(--foreground,#e5e5e5);border-radius:7px;padding:8px 10px;font-size:.85rem;transition:border-color .15s}.svc-modal-field input:focus,.svc-modal-field select:focus,.svc-modal-field textarea:focus{border-color:var(--primary,#22c55e);outline:none;box-shadow:0 0 0 2px #22c55e1a}.svc-modal-field textarea{resize:vertical}.svc-modal-footer{border-top:1px solid var(--border,#2a2a2a);background:var(--card,#161616);flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.svc-selected-unit{background:var(--secondary,#1e1e1e);border:1px solid var(--border,#333);border-radius:7px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.85rem;display:flex}.svc-selected-unit button{color:var(--muted-foreground,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;display:flex}.svc-selected-unit button:hover{color:var(--foreground,#e5e5e5)}.svc-unit-search{position:relative}.svc-unit-search input{background:var(--input,#1a1a1a);border:1px solid var(--border,#333);width:100%;color:var(--foreground,#e5e5e5);border-radius:7px;padding:8px 10px 8px 30px;font-size:.85rem}.svc-unit-search input:focus{border-color:var(--primary,#22c55e);outline:none;box-shadow:0 0 0 2px #22c55e1a}.svc-unit-search-icon{color:var(--muted-foreground,#777);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.svc-dropdown{background:var(--card,#1e1e1e);border:1px solid var(--border,#444);z-index:50;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.svc-dropdown-item{cursor:pointer;color:var(--foreground,#e5e5e5);border-bottom:1px solid var(--border,#2a2a2a);padding:8px 12px;font-size:.85rem;transition:background .1s}.svc-dropdown-item:hover{background:#ffffff0d}.svc-dropdown-item:last-child{border-bottom:none}.svc-modal-sm{max-width:420px}.svc-modal-lg{max-width:900px}.modal-content.svc-modal{flex-direction:column;padding:0;display:flex;overflow:hidden}.modal-content.svc-modal>.modal-header{border-bottom:1px solid var(--border,#e5e7eb);flex-shrink:0;padding:20px 24px}.modal-content.svc-modal>.svc-error{flex-shrink:0;padding:8px 24px}.modal-content.svc-modal>.svc-result-panel,.modal-content.svc-modal>.svc-loading{flex:1;padding:24px;overflow-y:auto}.modal-content.svc-modal>.svc-modal-scroll-body{flex:1;min-height:0;padding:0 24px 12px;overflow-y:auto}.modal-content.svc-modal>.modal-actions{border-top:1px solid var(--border,#e5e7eb);flex-shrink:0;padding:12px 24px}@keyframes brfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes brfSlideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes brfSpin{to{transform:rotate(360deg)}}@keyframes brfCheckPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.brf-spin{animation:.8s linear infinite brfSpin}.brf-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out brfFadeIn;display:flex;position:fixed;inset:0}.brf-dialog{background:var(--background,#fff);border:1px solid var(--border,#0000001a);border-radius:14px;flex-direction:column;width:100%;max-width:960px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) brfSlideUp;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000f,0 20px 48px #0000001a}.brf-header{border-bottom:1px solid var(--border,#00000014);background:var(--card,#f8f9fa);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.brf-header-left{align-items:center;gap:10px;display:flex}.brf-header-icon{background:var(--primary,#ff6b35);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.brf-title{color:var(--foreground,#1a1a1a);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.brf-close{width:32px;height:32px;color:var(--muted-foreground,#6c757d);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.brf-close:hover{background:var(--secondary,#e9ecef);color:var(--foreground,#1a1a1a)}.brf-error-bar{color:var(--destructive,#dc3545);background:#dc35450f;border-bottom:1px solid #dc354526;flex-shrink:0;align-items:center;gap:8px;padding:10px 22px;font-size:.82rem;font-weight:500;display:flex}.brf-body{flex:1;min-height:0;padding:16px 22px 20px;overflow-y:auto}.brf-body::-webkit-scrollbar{width:6px}.brf-body::-webkit-scrollbar-track{background:0 0}.brf-body::-webkit-scrollbar-thumb{background:var(--border,#0000001f);border-radius:3px}.brf-body::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground,#0003)}.brf-footer{border-top:1px solid var(--border,#00000014);background:var(--card,#f8f9fa);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}.brf-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.brf-btn:disabled{opacity:.45;cursor:not-allowed}.brf-btn-primary{background:var(--primary,#ff6b35);color:#fff;box-shadow:0 1px 3px #00000014}.brf-btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.brf-btn-primary:active:not(:disabled){transform:translateY(0)}.brf-btn-ghost{color:var(--muted-foreground,#6c757d);border:1px solid var(--border,#0000001a);background:0 0}.brf-btn-ghost:hover:not(:disabled){background:var(--secondary,#e9ecef);color:var(--foreground,#1a1a1a);border-color:var(--border,#00000026)}.brf-loading{color:var(--muted-foreground,#6c757d);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 24px;font-size:.88rem;display:flex}.brf-loading-spinner{color:var(--primary,#ff6b35)}.brf-summary{background:var(--card,#f8f9fa);border:1px solid var(--border,#00000014);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex}.brf-summary-left{align-items:baseline;gap:6px;display:flex}.brf-summary-count{color:var(--primary,#ff6b35);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800;line-height:1}.brf-summary-label{color:var(--muted-foreground,#6c757d);font-size:.82rem}.brf-summary-errors{color:var(--destructive,#dc3545);font-weight:500}.brf-summary-right{align-items:center;gap:8px;display:flex}.brf-cycle-label{color:var(--muted-foreground,#6c757d);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.brf-align-label{color:var(--muted-foreground,#6c757d);white-space:nowrap;cursor:pointer;align-items:center;gap:5px;font-size:.78rem;display:flex}.brf-align-label input[type=checkbox]{margin:0}.brf-select,.brf-input{background:var(--background,#fff);border:1px solid var(--border,#0000001f);color:var(--foreground,#1a1a1a);border-radius:7px;padding:7px 10px;font-family:inherit;font-size:.82rem;transition:border-color .15s,box-shadow .15s}.brf-select:focus,.brf-input:focus{border-color:var(--primary,#ff6b35);outline:none;box-shadow:0 0 0 3px #ff6b351a}.brf-table-wrap{border:1px solid var(--border,#00000014);border-radius:10px;max-height:340px;margin-bottom:14px;overflow:hidden auto}.brf-table-wrap::-webkit-scrollbar{width:5px}.brf-table-wrap::-webkit-scrollbar-track{background:0 0}.brf-table-wrap::-webkit-scrollbar-thumb{background:var(--border,#0000001f);border-radius:3px}.brf-table{border-collapse:collapse;width:100%;font-size:.82rem}.brf-table thead{z-index:2;position:sticky;top:0}.brf-table thead th{background:var(--card,#f8f9fa);color:var(--muted-foreground,#6c757d);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border,#00000014);white-space:nowrap;padding:9px 10px;font-size:.7rem;font-weight:600}.brf-th-check{width:38px;text-align:center!important}.brf-th-amount{text-align:right!important}.brf-table tbody td{border-bottom:1px solid var(--border,#0000000a);color:var(--foreground,#1a1a1a);vertical-align:middle;padding:7px 10px}.brf-row{transition:background .12s}.brf-row:hover{background:#00000004}.brf-row:last-child td{border-bottom:none}.brf-row-error td{background:#dc35450a}.brf-row-excluded td{opacity:.35}.brf-td-check{text-align:center;width:38px}.brf-check-btn{cursor:pointer;color:var(--success,#28a745);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .12s;display:flex}.brf-check-btn:hover{background:#28a74514}.brf-row-excluded .brf-check-btn{color:var(--muted-foreground,#6c757d)}.brf-warning-icon{color:#f59e0b;justify-content:center;align-items:center;display:flex}.brf-td-unit{white-space:nowrap;font-weight:600}.brf-td-customer{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.brf-td-type{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.brf-td-cycle{white-space:nowrap;font-size:.78rem}.brf-cycle-old{opacity:.45}.brf-cycle-new{color:var(--primary,#ff6b35);margin-left:3px;font-weight:700}.brf-cell-error{color:var(--destructive,#dc3545);font-size:.78rem}.brf-td-amount{text-align:right}.brf-amount-wrap{align-items:center;gap:4px;display:inline-flex}.brf-amount-input{background:var(--background,#fff);border:1px solid var(--border,#0000001a);width:88px;color:var(--foreground,#1a1a1a);text-align:right;font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 7px;font-family:inherit;font-size:.82rem;transition:border-color .15s}.brf-amount-input:focus{border-color:var(--primary,#ff6b35);outline:none;box-shadow:0 0 0 2px #ff6b3514}.brf-source-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:1px 4px;font-size:.6rem;font-weight:700;line-height:1}.brf-source-cfg{color:var(--success,#28a745);background:#28a74514}.brf-source-ent{color:#f59e0b;background:#f59e0b14}.brf-invoice-panel{border:1px solid var(--border,#00000014);border-radius:10px;transition:border-color .2s,background .2s;overflow:hidden}.brf-invoice-active{background:#3b82f605;border-color:#3b82f640}.brf-invoice-toggle-row{padding:12px 14px}.brf-switch-label{cursor:pointer;color:var(--foreground,#1a1a1a);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.84rem;font-weight:600;display:flex}.brf-switch{flex-shrink:0;display:inline-flex;position:relative}.brf-switch input{opacity:0;width:0;height:0;position:absolute}.brf-switch-track{background:var(--border,#00000026);cursor:pointer;border-radius:10px;width:36px;height:20px;transition:background .2s;display:block;position:relative}.brf-switch input:checked+.brf-switch-track{background:#3b82f6}.brf-switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.brf-switch input:checked+.brf-switch-track .brf-switch-thumb{transform:translate(16px)}.brf-invoice-fields{border-top:1px solid #0000000a;flex-wrap:wrap;gap:10px;padding:12px 14px 14px;display:flex}.brf-field{flex-direction:column;gap:4px;min-width:0;display:flex}.brf-field label{color:var(--muted-foreground,#6c757d);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.brf-field-grow{flex:1;min-width:130px}.brf-field .brf-select,.brf-field .brf-input{min-width:120px}.brf-groups{border-top:1px solid #0000000a;margin:0 14px 14px;padding-top:12px}.brf-groups-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.brf-groups-title{color:var(--muted-foreground,#6c757d);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.brf-groups-count{background:var(--secondary,#e9ecef);min-width:18px;height:18px;color:var(--foreground,#1a1a1a);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:.68rem;font-weight:700;display:inline-flex}.brf-xero-toggle{color:var(--muted-foreground,#6c757d);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:.72rem;display:flex}.brf-xero-toggle input{accent-color:#3b82f6}.brf-badge{letter-spacing:.02em;white-space:nowrap;border-radius:5px;align-items:center;padding:1px 7px;font-size:.65rem;font-weight:600;display:inline-flex}.brf-badge-muted{background:var(--secondary,#e9ecef);color:var(--muted-foreground,#6c757d)}.brf-badge-blue{color:#2563eb;background:#3b82f61a}.brf-badge-warn{color:#d97706;background:#f59e0b1a}.brf-groups-list{flex-direction:column;gap:4px;display:flex}.brf-group{border:1px solid var(--border,#0000000f);border-left:3px solid var(--success,#28a745);border-radius:8px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.brf-group-warn{border-left-color:#f59e0b}.brf-group-open{border-color:var(--border,#0000001a);box-shadow:0 2px 8px #0000000a}.brf-group-header{cursor:pointer;align-items:center;gap:8px;padding:9px 10px;font-size:.82rem;transition:background .12s;display:flex}.brf-group-header:hover{background:#00000005}.brf-group-chevron{color:var(--muted-foreground,#6c757d);transition:transform .2s;display:flex}.brf-group-open>.brf-group-header>.brf-group-chevron{transform:rotate(0)}.brf-group-status{display:flex}.brf-group:not(.brf-group-warn) .brf-group-status{color:var(--success,#28a745)}.brf-group-warn .brf-group-status{color:#f59e0b}.brf-group-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.brf-group-meta{color:var(--muted-foreground,#6c757d);white-space:nowrap;font-size:.76rem}.brf-group-total{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.brf-group-body{padding:0 10px 10px 18px}.brf-group-ref-row{align-items:center;gap:8px;padding:6px 0 8px;display:flex}.brf-group-ref-label{color:var(--muted-foreground,#64748b);white-space:nowrap;font-size:.75rem;font-weight:600}.brf-group-ref-input{flex:1;max-width:320px;height:28px!important;padding:4px 8px!important;font-size:.78rem!important}.brf-group-ref-reset{border:1px solid var(--border,#e2e8f0);cursor:pointer;color:var(--muted-foreground,#64748b);background:0 0;border-radius:4px;align-items:center;padding:4px 6px;display:flex}.brf-group-ref-reset:hover{background:var(--muted,#f1f5f9);color:var(--foreground,#1e293b)}.brf-line-table{border-collapse:collapse;width:100%;font-size:.76rem}.brf-line-table thead th{text-align:left;color:var(--muted-foreground,#6c757d);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border,#00000014);padding:5px 8px;font-size:.66rem;font-weight:600}.brf-line-table tbody td{border-bottom:1px solid var(--border,#00000008);color:var(--foreground,#1a1a1a);padding:5px 8px}.brf-line-table tbody tr:last-child td{border-bottom:none}.brf-lt-desc{text-align:left}.brf-lt-center{text-align:center!important}.brf-lt-right{text-align:right!important}.brf-lt-bold{font-weight:700}.brf-lt-unit{white-space:nowrap;font-weight:600}.brf-lt-mono{color:var(--muted-foreground,#6c757d);font-family:SF Mono,Cascadia Code,Fira Code,ui-monospace,monospace;font-size:.7rem}.brf-lt-override{color:#3b82f6;font-weight:600}.brf-lt-excluded{opacity:.3}.brf-lt-excluded td{text-decoration:line-through}.brf-line-table tfoot td{border-top:2px solid var(--border,#00000014);padding:7px 8px}.brf-lt-foot-label{font-size:.76rem;font-weight:700}.brf-lt-foot-total{font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:800;text-align:right!important}.brf-grand-total{background:var(--card,#f8f9fa);border:1px solid var(--border,#0000000f);color:var(--foreground,#1a1a1a);border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 12px;font-size:.82rem;font-weight:600;display:flex}.brf-grand-total-value{font-variant-numeric:tabular-nums;color:var(--primary,#ff6b35);font-size:1rem;font-weight:800}.brf-no-invoices{color:var(--muted-foreground,#6c757d);border-top:1px solid #0000000a;padding:10px 14px;font-size:.8rem}.brf-result{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.brf-result-icon{color:var(--success,#28a745);animation:.4s cubic-bezier(.16,1,.3,1) brfCheckPop}.brf-result h3{color:var(--foreground,#1a1a1a);margin:0;font-size:1.1rem;font-weight:700}.brf-result-summary{color:var(--muted-foreground,#6c757d);margin:0;font-size:.88rem}.brf-result-errors-count{color:var(--destructive,#dc3545);font-weight:600}.brf-result-errors{text-align:left;width:100%;max-height:140px;margin-top:4px;overflow-y:auto}.brf-result-error-row{color:var(--destructive,#dc3545);align-items:center;gap:6px;padding:4px 8px;font-size:.78rem;display:flex}.brf-result-invoices{text-align:left;width:100%;margin-top:8px}.brf-result-invoices-header{color:var(--foreground,#1a1a1a);align-items:center;gap:6px;margin-bottom:6px;font-size:.84rem;font-weight:600;display:flex}.brf-result-inv-row{color:var(--success,#28a745);background:#28a7450d;border-radius:6px;align-items:center;gap:7px;margin-bottom:3px;padding:5px 10px;font-size:.8rem;display:flex}.brf-result-inv-failed{color:var(--destructive,#dc3545);background:#dc35450d}.brf-result-inv-name{color:var(--foreground,#1a1a1a);font-weight:600}.brf-result-inv-num{color:var(--muted-foreground,#6c757d)}.brf-result-inv-total{color:var(--foreground,#1a1a1a);font-variant-numeric:tabular-nums;font-weight:700}.brf-result-inv-err{color:var(--destructive,#dc3545);font-size:.76rem}.brf-dialog-sm{max-width:480px}.brf-dialog-md{max-width:860px}.brf-batch-form{padding:4px 0 14px}.brf-batch-desc{color:var(--foreground,#1a1a1a);margin:0 0 14px;font-size:.88rem;line-height:1.5}.brf-batch-hint{color:var(--muted-foreground,#6c757d);margin:8px 0 0;font-size:.78rem;font-style:italic}.brf-batch-control-row{background:var(--card,#f8f9fa);border:1px solid var(--border,#00000014);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.brf-batch-control-label{color:var(--muted-foreground,#6c757d);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.78rem;font-weight:600}.brf-batch-changing{color:var(--muted-foreground,#6c757d);white-space:nowrap;margin-left:auto;font-size:.76rem}.brf-select-full{width:100%}.brf-th-change{min-width:90px}.brf-th-arrow{text-align:center;width:24px}.brf-td-arrow{text-align:center;color:var(--primary,#ff6b35)}.brf-td-rate{white-space:nowrap;font-variant-numeric:tabular-nums}.brf-td-standard{color:var(--muted-foreground,#6c757d);font-size:.78rem}.brf-th-standard{color:var(--muted-foreground,#6c757d);font-weight:500}.brf-rate-match{color:#22c55e}.brf-rate-diff{color:#f59e0b}.brf-btn-link{border:1px solid var(--border,#0000001a);color:var(--primary,#ff6b35);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.brf-btn-link:hover{border-color:var(--primary,#ff6b35);background:#ff6b350f}.brf-td-rate-new{color:var(--primary,#ff6b35);font-weight:600}.brf-row-nochange{opacity:.5}.brf-nochange-label{color:var(--muted-foreground,#6c757d);font-size:.76rem;font-style:italic}.brf-status-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.brf-price-fields{align-items:flex-end;gap:12px;display:flex}.brf-price-fields-inline{align-items:center;gap:8px}.brf-price-separator{color:var(--muted-foreground,#6c757d);font-size:.82rem}.brf-price-fields .brf-field{flex:1}.brf-price-fields .brf-field label{color:var(--muted-foreground,#6c757d);text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.brf-price-input-wrap{align-items:center;display:flex;position:relative}.brf-price-icon{color:var(--muted-foreground,#6c757d);pointer-events:none;position:absolute;left:10px}.brf-input-price{width:100%;padding-left:28px!important}.brf-input-sm{width:60px}.brf-price-per{gap:6px;display:flex}@media (max-width:640px){.brf-dialog{border-radius:10px;max-height:95vh}.brf-dialog-sm,.brf-dialog-md{max-width:100%}.brf-summary{flex-direction:column;align-items:flex-start}.brf-invoice-fields{flex-direction:column}.brf-group-header,.brf-price-fields,.brf-price-fields-inline,.brf-batch-control-row{flex-wrap:wrap}}.svc-form-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;display:grid}.svc-form-full{grid-column:1/-1}.svc-form-group{flex-direction:column;gap:4px;display:flex}.svc-form-group label{color:var(--muted-foreground,#9ca3af);font-size:.8rem;font-weight:500}.svc-form-group input,.svc-form-group select,.svc-form-group textarea{background:var(--input,#1e1e1e);border:1px solid var(--border,#333);color:var(--foreground,#e5e5e5);border-radius:6px;padding:7px 10px;font-size:.85rem;transition:border-color .15s}.svc-form-group input:focus,.svc-form-group select:focus,.svc-form-group textarea:focus{border-color:var(--primary,#22c55e);outline:none}.svc-form-group textarea{resize:vertical}.svc-form-divider{color:var(--muted-foreground,#9ca3af);border-top:1px solid var(--border,#333);grid-column:1/-1;margin-top:4px;padding-top:12px;font-size:.85rem;font-weight:600}.svc-entry-context{background:var(--secondary,#1a1a1a);color:var(--muted-foreground,#9ca3af);border-radius:6px;padding:8px 12px;font-size:.85rem}.svc-amount-input{background:var(--input,#1e1e1e);border:1px solid var(--border,#333);width:90px;color:var(--foreground,#e5e5e5);text-align:right;border-radius:4px;padding:4px 6px;font-size:.85rem}.svc-batch-table-wrapper{max-height:400px;overflow-y:auto}.svc-batch-status-body{padding:16px 0}.svc-batch-status-body p{margin:0 0 12px}.svc-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:.85rem}.svc-error-text{color:#fca5a5;font-size:.8rem}.svc-message{border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:.85rem}.svc-message.success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e4d}.svc-message.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.svc-loading{text-align:center;color:var(--muted-foreground,#9ca3af);padding:32px}.svc-result-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}.svc-result-panel h3{color:var(--foreground,#e5e5e5);margin:0}.svc-result-errors{text-align:left;width:100%;max-height:150px;overflow-y:auto}.svc-result-error{color:#fca5a5;padding:4px 8px;font-size:.8rem}.svc-td-price{white-space:nowrap;color:var(--foreground,#e5e5e5);font-size:.82rem}.svc-price-input{align-items:center;display:flex;position:relative}.svc-price-input .svc-price-icon{color:var(--muted-foreground,#9ca3af);pointer-events:none;position:absolute;left:8px}.svc-price-input input{padding-left:26px!important}.svc-price-per{align-items:center;gap:6px;display:flex}.svc-price-per input{width:60px}.svc-price-per select{flex:1}.svc-batch-price-fields{flex-direction:column;gap:12px;margin-top:12px;display:flex}.svc-batch-price-fields .svc-form-group{margin-bottom:0}.svc-batch-price-fields .svc-form-group label{color:var(--muted-foreground,#9ca3af);margin-bottom:4px;font-size:.8rem;display:block}.perm-manager{position:relative}.perm-panels{grid-template-columns:300px 1fr;gap:12px;min-height:500px;display:grid}.perm-panel{border:1px solid var(--border,#333);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.perm-panel-header{background:var(--secondary,#1a1a1a);border-bottom:1px solid var(--border,#333);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.perm-panel-header h3{color:var(--foreground,#e5e5e5);margin:0;font-size:.95rem}.perm-header-customer{color:var(--muted-foreground,#9ca3af);font-weight:400}.perm-header-actions{flex-wrap:wrap;gap:6px;display:flex}.perm-search-box{border-bottom:1px solid var(--border,#222);align-items:center;gap:6px;padding:8px 10px;display:flex}.perm-search-box input{color:var(--foreground,#e5e5e5);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.perm-unit-list{flex:1;overflow-y:auto}.perm-unit-item{cursor:pointer;border-bottom:1px solid var(--border,#1e1e1e);justify-content:space-between;align-items:center;padding:8px 12px;transition:background .1s;display:flex}.perm-unit-item:hover{background:var(--accent,#1a1a1a)}.perm-unit-item.active{border-left:3px solid var(--primary,#22c55e);background:#22c55e14}.perm-unit-info{flex-direction:column;gap:1px;display:flex}.perm-unit-no{color:var(--foreground,#e5e5e5);font-size:.85rem;font-weight:600}.perm-unit-customer{color:var(--muted-foreground,#666);font-size:.75rem}.perm-user-count{color:var(--muted-foreground,#666);align-items:center;gap:3px;font-size:.75rem;display:flex}.perm-table-wrapper{flex:1;overflow-x:auto}.perm-placeholder{height:100%;min-height:300px;color:var(--muted-foreground,#444);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.perm-placeholder p{color:var(--muted-foreground,#666);font-size:.9rem}.perm-user-list{border:1px solid var(--border,#333);border-radius:6px;max-height:300px;overflow-y:auto}.perm-user-item{cursor:pointer;border-bottom:1px solid var(--border,#222);align-items:center;gap:8px;padding:8px 10px;display:flex}.perm-user-item:hover{background:var(--accent,#1a1a1a)}.perm-user-item.selected{background:#22c55e14}.perm-user-info{flex-direction:column;gap:1px;display:flex}.perm-user-email{color:var(--foreground,#e5e5e5);font-size:.85rem}.perm-user-detail{color:var(--muted-foreground,#666);font-size:.75rem}.perm-empty{text-align:center;color:var(--muted-foreground,#666);padding:20px;font-size:.85rem}.perm-table thead th{text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.perm-table .svc-status-badge{padding:1px 6px;font-size:.7rem}.modal-actions{border-top:1px solid var(--border,#333);justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.confirm-modal{text-align:center;max-width:400px}.confirm-modal h3{margin:0 0 8px}.confirm-modal p{color:var(--muted-foreground,#9ca3af);margin:0 0 16px}@media (max-width:900px){.admin-services-topbar{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width:768px){.svc-stats-grid{grid-template-columns:repeat(3,1fr)}.perm-panels,.svc-form-grid{grid-template-columns:1fr}.svc-filter-row{flex-wrap:wrap}.svc-search-box{flex-basis:100%;min-width:0;max-width:none}.svc-filter-select{flex:1;max-width:none}.svc-customer-filter{flex:1;min-width:auto;max-width:none}}@media (max-width:480px){.svc-stats-grid{grid-template-columns:repeat(2,1fr)}.svc-stat-card{padding:12px}.svc-stat-value{font-size:1.2rem}}.modal-content.svc-wizard{flex-direction:column;width:94%;max-width:820px;max-height:90vh;padding:0;display:flex;position:relative;overflow:hidden}.svc-wizard .modal-header{z-index:1;margin:0;padding:20px 24px;position:relative}.svc-wizard .close-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;display:flex;position:static}.svc-wizard .close-btn:hover{color:var(--foreground);background:var(--muted)}.svc-wizard .form-group select{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}.svc-wizard .form-group select:focus{border-color:var(--primary);outline:none}.svc-wiz-unit-card{border-radius:var(--radius);background:#22c55e0f;border:1px solid #22c55e33;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;display:flex}.svc-wiz-unit-info{align-items:center;gap:12px;display:flex}.svc-wiz-unit-badge{background:var(--primary);color:#000;letter-spacing:.02em;border-radius:6px;padding:4px 12px;font-size:14px;font-weight:700}.svc-wiz-unit-customer{color:var(--foreground);font-size:14px}.svc-wiz-search-wrap{position:relative}.svc-wiz-search-wrap input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--foreground);padding:10px 12px 10px 36px;font-size:14px;transition:border-color .15s}.svc-wiz-search-wrap input:focus{border-color:var(--primary);outline:none}.svc-wiz-search-icon{color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.svc-wiz-results{border:1px solid var(--border);border-radius:var(--radius);max-height:220px;margin-top:6px;overflow:hidden auto}.svc-wiz-result{background:var(--card);border:none;border-bottom:1px solid var(--border);width:100%;color:var(--foreground);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:background .1s;display:flex}.svc-wiz-result:last-child{border-bottom:none}.svc-wiz-result:hover{background:var(--muted)}.svc-wiz-result span{color:var(--muted-foreground)}.svc-wiz-result-arrow{color:var(--border);flex-shrink:0;margin-left:auto;transition:color .15s}.svc-wiz-result:hover .svc-wiz-result-arrow{color:var(--primary)}.svc-wiz-hint{color:var(--muted-foreground);margin:4px 0 0;font-size:13px}.svc-wiz-type-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.svc-wiz-type-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--foreground);align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.svc-wiz-type-card:hover{border-color:var(--muted-foreground)}.svc-wiz-type-card.selected{border-color:var(--primary);background:#22c55e0f}.svc-wiz-type-info{flex-direction:column;gap:2px;display:flex}.svc-wiz-type-name{color:var(--foreground);font-size:14px;font-weight:600}.svc-wiz-type-price{color:var(--muted-foreground);font-size:12px}.svc-wiz-type-card.selected .svc-wiz-type-price{color:var(--primary)}.svc-wiz-type-card .radio-dot{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:border-color .15s;position:relative}.svc-wiz-type-card .radio-dot.active{border-color:var(--primary)}.svc-wiz-type-card .radio-dot.active:after{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px}.svc-wiz-warning{border-radius:var(--radius);color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b40;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.svc-wiz-warning svg{flex-shrink:0;margin-top:1px}.svc-wiz-info{border-radius:var(--radius);color:#93c5fd;background:#3b82f60f;border:1px solid #3b82f626;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.svc-wiz-price-wrap{position:relative}.svc-wiz-price-wrap input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--foreground);padding:10px 12px 10px 28px;font-size:14px;transition:border-color .15s}.svc-wiz-price-wrap input:focus{border-color:var(--primary);outline:none}.svc-wiz-price-symbol{color:var(--muted-foreground);pointer-events:none;font-size:14px;font-weight:600;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.svc-wiz-price-summary{border-radius:var(--radius);color:#ffffffd9;background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.svc-wiz-review{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.svc-wiz-review-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;display:flex}.svc-wiz-review-row:last-child{border-bottom:none}.svc-wiz-review-row.highlight{background:#22c55e0a}.svc-wiz-review-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;min-width:100px;font-size:12px;font-weight:500}.svc-wiz-review-value{color:var(--foreground);text-align:right;font-size:14px}.svc-wiz-review-value em{color:var(--muted-foreground);font-style:italic}.svc-wiz-type-group{margin-bottom:12px}.svc-wiz-type-group-label{color:var(--muted-foreground,#777);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;font-size:10px;font-weight:700;display:flex}.svc-wiz-type-group-note{text-transform:none;letter-spacing:0;color:#22c55e;background:#22c55e14;border-radius:10px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:500}.svc-wiz-type-grid.compact{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.svc-wiz-type-card.compact{text-align:center;border-width:1.5px;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:60px;padding:12px 6px 10px;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s;display:flex;position:relative}.svc-wiz-type-card.compact:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #00000040}.svc-wiz-type-card.compact .radio-dot{display:none}.svc-wiz-type-card.compact .svc-wiz-type-name{letter-spacing:-.01em;color:var(--foreground,#e5e5e5);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.svc-wiz-type-card.compact .svc-wiz-type-price{color:var(--muted-foreground,#888);font-variant-numeric:tabular-nums;opacity:1;margin-top:3px;margin-left:0;font-size:11px;font-weight:500}.svc-wiz-type-card.compact.selected{background:#22c55e14;border-color:#22c55e;box-shadow:0 0 0 1px #22c55e4d,0 2px 12px #22c55e1f}.svc-wiz-type-card.compact.selected .svc-wiz-type-name{color:#4ade80}.svc-wiz-type-card.compact.selected .svc-wiz-type-price{color:#86efac}.svc-wiz-type-card.compact.selected:after{content:"";background:#22c55e;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px;box-shadow:0 0 6px #22c55e80}.svc-wiz-type-card.compact.recommended{background:#22c55e08;border-color:#22c55e73}.svc-wiz-type-card.compact.already-active{opacity:.4;pointer-events:auto;border-style:dashed}.svc-wiz-type-card.compact.already-active:hover{box-shadow:none;transform:none}.svc-wiz-type-rec{color:#22c55e;text-transform:uppercase;letter-spacing:.06em;background:#22c55e1f;border-radius:4px;padding:1px 5px;font-size:7px;font-weight:800;line-height:1.4;position:absolute;top:3px;left:3px}.svc-wiz-type-exists{color:var(--muted-foreground,#666);text-transform:uppercase;letter-spacing:.04em;background:#ffffff0d;border-radius:4px;padding:1px 5px;font-size:7px;font-weight:700;line-height:1.4;position:absolute;top:3px;right:3px}.svc-wiz-existing{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;padding:10px 12px}.svc-wiz-existing-title{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:5px;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.svc-wiz-existing-list{flex-wrap:wrap;gap:4px;display:flex}.svc-wiz-existing-tag{background:var(--card);border:1px solid var(--border);color:var(--foreground);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.svc-wiz-existing-status{text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:600}.svc-wiz-existing-status.svc-status-active{color:#22c55e;background:#22c55e1a}.svc-wiz-existing-status.svc-status-pending{color:#f59e0b;background:#f59e0b1a}.svc-wiz-existing-status.svc-status-paused{color:#8b5cf6;background:#8b5cf61a}.svc-wiz-existing-status.svc-status-scheduled{color:#06b6d4;background:#06b6d41a}.svc-wiz-existing-status.svc-status-ending{color:#f97316;background:#f973161a}.svc-wiz-compact-section{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.form-row.three-col{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.form-row.four-col{grid-template-columns:1fr .6fr 1fr .8fr;gap:10px;display:grid}.svc-wiz-info.clickable{cursor:pointer;transition:background .15s}.svc-wiz-info.clickable:hover{background:#3b82f61f}.svc-wiz-extras{gap:8px;margin-top:4px;display:flex}.svc-wiz-extra-toggle{border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted-foreground);cursor:pointer;background:0 0;padding:6px 12px;font-size:12px;transition:all .15s}.svc-wiz-extra-toggle:hover{border-color:var(--muted-foreground);color:var(--foreground)}.svc-wiz-first-entry{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);margin-top:4px;padding:10px 12px}.svc-wiz-additional-charges{margin-top:8px}.svc-wiz-charges-list{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1px;margin-top:6px;display:flex;overflow:hidden}.svc-wiz-charge-row{background:var(--background);justify-content:space-between;align-items:center;padding:7px 12px;transition:background .12s;display:flex}.svc-wiz-charge-row.enabled{background:#22c55e0a}.svc-wiz-charge-check{cursor:pointer;color:var(--foreground);flex:1;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.svc-wiz-charge-check input[type=checkbox]{accent-color:#22c55e;cursor:pointer;width:15px;height:15px}.svc-wiz-charge-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.svc-wiz-charge-price{flex-shrink:0;align-items:center;gap:4px;display:flex}@media (max-width:740px){.svc-wiz-type-grid.compact{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.modal-content.svc-wizard{width:100%;max-height:95vh}.svc-wiz-type-grid{grid-template-columns:1fr}.svc-wiz-type-grid.compact{grid-template-columns:repeat(2,1fr)}.form-row.three-col{grid-template-columns:1fr}.form-row.four-col{grid-template-columns:1fr 1fr}}.svc-customer-link{color:#3b82f6;cursor:pointer;text-decoration:none}.svc-customer-link:hover{color:#2563eb;text-decoration:underline}.jc-expanded-panel{background:var(--secondary,#1a1a1a);flex-wrap:wrap;gap:20px;padding:14px 16px 14px 52px;display:flex}.jc-detail-block{flex-direction:column;gap:2px;min-width:120px;display:flex}.jc-detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground,#9ca3af);align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.jc-detail-value{color:var(--foreground,#e5e5e5);max-width:500px;font-size:.85rem;line-height:1.5}.jc-detail-value a{color:var(--primary,#22c55e);text-decoration:none}.jc-detail-value a:hover{text-decoration:underline}.jc-detail-value code{color:var(--primary,#22c55e);font-family:monospace;font-size:.8rem}.jc-unit-tags{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.jc-unit-tag{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-family:monospace;font-size:.8rem;font-weight:600;display:inline-flex}.jc-unit-tag button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;display:flex}.jc-unit-tag button:hover{opacity:1}.jc-dialog{width:96vw;max-width:640px}.jc-input{background:var(--input,#1a1a1a);border:1px solid var(--border,#333);color:var(--foreground,#e5e5e5);border-radius:7px;padding:7px 10px;font-family:inherit;font-size:.82rem;transition:border-color .15s,box-shadow .15s}.jc-input:focus{border-color:var(--primary,#22c55e);outline:none;box-shadow:0 0 0 2px #22c55e1f}.jc-input::placeholder{color:var(--muted-foreground,#666)}.jc-section{border-bottom:1px solid var(--border,#333);padding:16px 0}.jc-section:first-child{padding-top:4px}.jc-section-last{border-bottom:none;padding-bottom:4px}.jc-section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.jc-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground,#9ca3af);margin-bottom:10px;font-size:.68rem;font-weight:700;display:block}.jc-section-head .jc-section-title{margin-bottom:0}.jc-date-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:160px;padding:6px 10px!important;font-size:.8rem!important}.jc-action-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.jc-action-pill{background:var(--card,#1e1e1e);border:1px solid var(--border,#333);color:var(--muted-foreground,#9ca3af);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.jc-action-pill:hover{background:var(--secondary,#252525);border-color:var(--muted-foreground,#555);color:var(--foreground,#e5e5e5)}.jc-action-pill-selected{color:#22c55e;background:#22c55e1f;border-color:#22c55e80;box-shadow:0 0 0 1px #22c55e26}.jc-action-pill-selected:hover{color:#22c55e;background:#22c55e2e;border-color:#22c55e99}.jc-status-row{align-items:center;gap:10px;margin-top:12px;display:flex}.jc-status-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground,#9ca3af);flex-shrink:0;font-size:.68rem;font-weight:700}.jc-status-chips{gap:6px;display:flex}.jc-status-chip{background:var(--card,#1e1e1e);border:1px solid var(--border,#333);color:var(--muted-foreground,#9ca3af);cursor:pointer;border-radius:20px;padding:5px 14px;font-size:.75rem;font-weight:600;transition:all .15s}.jc-status-chip:hover{border-color:var(--chip-border);color:var(--chip-color);background:var(--chip-bg)}.jc-status-chip-selected{background:var(--chip-bg);border-color:var(--chip-border);color:var(--chip-color);box-shadow:0 0 8px var(--chip-bg)}.jc-field{margin-bottom:12px}.jc-field:last-child{margin-bottom:0}.jc-field-row{gap:12px;margin-bottom:12px;display:flex}.jc-field-half{flex:1;min-width:0}.jc-label{color:var(--muted-foreground,#9ca3af);align-items:center;gap:4px;margin-bottom:5px;font-size:.75rem;font-weight:600;display:flex}.jc-required{color:#ef4444;font-weight:700}.jc-input-full{box-sizing:border-box;width:100%}.jc-textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:60px;font-family:inherit;line-height:1.5}.jc-selected-tag{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;font-weight:500;display:inline-flex}.jc-selected-tag button{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;transition:opacity .15s;display:flex}.jc-selected-tag button:hover{opacity:1}.jc-search-wrap{position:relative}.jc-gps-row{align-items:flex-end;gap:8px;display:flex}.jc-gps-field{flex:1;min-width:0}.jc-gps-btn{background:var(--card,#1e1e1e);border:1px solid var(--border,#333);color:var(--foreground,#e5e5e5);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;height:36px;padding:8px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.jc-gps-btn:hover:not(:disabled){color:#22c55e;background:#22c55e1a;border-color:#22c55e66}.jc-gps-btn:disabled{opacity:.6;cursor:not-allowed}.jc-gps-link{color:var(--primary,#22c55e);opacity:.85;align-items:center;gap:4px;margin-top:6px;font-size:.75rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.jc-gps-link:hover{opacity:1;text-decoration:underline}@media (max-width:768px){.jc-expanded-panel{flex-direction:column;gap:12px;padding:12px}.jc-action-grid{grid-template-columns:repeat(3,1fr)}.jc-gps-row{flex-wrap:wrap}.jc-gps-field{flex:40%}.jc-field-row{flex-direction:column;gap:8px}}@media (max-width:480px){.jc-action-grid{grid-template-columns:repeat(2,1fr)}.jc-status-row{flex-wrap:wrap}}.bookings{padding:0 0 60px}.bookings-header{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.bookings-header h1{color:var(--foreground,#1a1a1a);letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.bookings-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.bookings-new-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.bookings-new-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.bookings-new-btn.hire{color:#fff;background:#22c55e}.bookings-new-btn.offhire{color:#fff;background:#f59e0b}.bookings-new-btn.purchase{color:#fff;background:#3b82f6}.bookings-refresh{border:1px solid var(--border,#e2e8f0);background:var(--background,#fff);cursor:pointer;color:#94a3b8;border-radius:8px;align-items:center;padding:7px 10px;transition:all .15s;display:flex}.bookings-refresh:hover{color:#475569;border-color:#94a3b8}.bookings-pipeline{gap:0;margin-bottom:20px;display:flex;position:relative}.bookings-pipeline:after{content:"";background:var(--border,#e2e8f0);height:2px;position:absolute;bottom:0;left:0;right:0}.bookings-tab{cursor:pointer;color:#94a3b8;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:color .2s;display:flex;position:relative}.bookings-tab:after{content:"";z-index:1;background:0 0;border-radius:3px 3px 0 0;height:3px;transition:background .2s;position:absolute;bottom:0;left:8px;right:8px}.bookings-tab.active{color:var(--foreground,#1a1a1a)}.bookings-tab.active:after{background:#ff6b35}.bookings-tab:hover:not(.active){color:#64748b}.bookings-tab-count{color:#94a3b8;background:#f1f5f9;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700;transition:all .2s}.bookings-tab.active .bookings-tab-count{color:#ff6b35;background:#ff6b3518}.bookings-filters{gap:6px;margin-bottom:16px;display:flex}.bookings-filter{cursor:pointer;border:1.5px solid var(--border,#e2e8f0);background:var(--background,#fff);color:#64748b;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.bookings-filter:hover{border-color:#94a3b8}.bookings-filter.active{border-color:var(--foreground,#1a1a1a);background:var(--foreground,#1a1a1a);color:var(--background,#fff)}.bookings-filter.active-hire{color:#fff;background:#22c55e;border-color:#22c55e}.bookings-filter.active-offhire{color:#fff;background:#f59e0b;border-color:#f59e0b}.bookings-filter.active-purchase{color:#fff;background:#3b82f6;border-color:#3b82f6}.bookings-list{flex-direction:column;gap:8px;display:flex}.bookings-empty{text-align:center;color:#94a3b8;border:1.5px dashed var(--border,#e2e8f0);border-radius:12px;padding:48px 16px;font-size:14px}.booking-card{border:1px solid var(--border,#e2e8f0);background:var(--background,#fff);border-radius:10px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.booking-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.booking-card-main{cursor:pointer;align-items:center;gap:14px;padding:14px 16px;display:flex}.booking-card-type{border-radius:4px;flex-shrink:0;align-self:stretch;width:4px}.booking-card-type.hire{background:#22c55e}.booking-card-type.offhire{background:#f59e0b}.booking-card-type.purchase{background:#3b82f6}.booking-card-body{flex:1;min-width:0}.booking-card-top{align-items:center;gap:8px;margin-bottom:4px;display:flex}.booking-card-customer{color:var(--foreground,#1a1a1a);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.booking-card-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;flex-shrink:0;padding:1px 7px;font-size:10px;font-weight:700}.booking-card-badge.hire{color:#166534;background:#dcfce7}.booking-card-badge.offhire{color:#92400e;background:#fef3c7}.booking-card-badge.purchase{color:#1d4ed8;background:#dbeafe}.booking-card-units{color:#64748b;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500}.booking-card-notes{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:400px;margin-top:2px;font-size:12px;font-style:italic;line-height:1.3;overflow:hidden}.booking-card-meta{color:#94a3b8;align-items:center;gap:12px;margin-top:2px;font-size:11px;display:flex}.booking-card-meta .age-warn{color:#f59e0b;font-weight:600}.booking-card-meta .age-danger{color:#ef4444;font-weight:600}.booking-card-progress{flex-shrink:0;align-items:center;gap:6px;min-width:80px;display:flex}.booking-card-progress-bar{background:#e2e8f0;border-radius:2px;width:50px;height:4px;overflow:hidden}.booking-card-progress-fill{border-radius:2px;height:100%;transition:width .4s}.booking-card-progress-text{color:#94a3b8;white-space:nowrap;font-size:11px;font-weight:600}.booking-cancel-btn{cursor:pointer;color:#cbd5e1;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .15s}.booking-card:hover .booking-cancel-btn{opacity:1;color:#f87171}.booking-cancel-btn:hover{color:#dc2626!important;background:#fef2f2!important}.booking-card-chevron{color:#cbd5e1;flex-shrink:0;transition:color .15s}.booking-card:hover .booking-card-chevron{color:#94a3b8}.booking-card-actions{border-top:1px solid var(--border,#e2e8f0);background:#fafbfc;flex-direction:column;gap:0;display:flex}.booking-action{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:10px 16px 10px 24px;font-size:13px;display:flex}.booking-action:last-child{border-bottom:none}.booking-action-label{color:#92400e;flex:1;align-items:center;gap:6px;font-weight:500;display:flex}.booking-action-label svg{flex-shrink:0}.booking-action input[type=date]{color:var(--foreground,#1a1a1a);background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:12px}.booking-action input[type=date]:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 2px #ff6b3520}.booking-action-btn{cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s}.booking-action-btn.schedule{color:#fff;background:#ff6b35}.booking-action-btn.schedule:hover{background:#e55a2b}.booking-action-btn.schedule:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.booking-action-btn.complete{color:#fff;background:#22c55e}.booking-action-btn.complete:hover{background:#16a34a}.bookings-loading{text-align:center;color:#94a3b8;padding:60px}@keyframes bookings-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.bookings-actions{width:100%;padding-bottom:4px;overflow-x:auto}.bookings-pipeline{overflow-x:auto}.booking-card-main{padding:12px 14px}.booking-card-progress{display:none}}.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-files-summary{justify-content:space-between;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);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs);display:flex}.ff-files-summary-stats{align-items:center;gap:var(--spacing-lg);color:var(--muted-foreground);display:flex}.ff-files-summary-stats span{align-items:center;gap:4px;display:flex}.ff-files-summary-stats .ff-total-stat{color:var(--foreground);font-weight:600}.ff-files-summary-stats .ff-raw-stat{color:#f59e0b}.ff-files-summary-actions{align-items:center;gap:var(--spacing-sm);display:flex}.ff-copy-links-btn{color:#3b82f6;border-radius:var(--radius);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap;background:#3b82f614;border:1px solid #3b82f633;align-items:center;gap:4px;padding:4px 10px;font-weight:500;transition:all .15s;display:flex}.ff-copy-links-btn:hover:not(:disabled){background:#3b82f626}.ff-copy-links-btn:disabled{color:#1a9948;cursor:default;background:#21c45d1f;border-color:#21c45d40}.ff-cleanup-btn{color:#ef4444;border-radius:var(--radius);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef444433;align-items:center;gap:4px;padding:4px 10px;font-weight:500;transition:all .15s;display:flex}.ff-cleanup-btn.raw-only{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.ff-cleanup-btn:hover:not(:disabled){opacity:.85}.ff-cleanup-btn:disabled{opacity:.5;cursor:not-allowed}.ff-storage-note{border-radius:var(--radius);color:#b45309;margin-bottom:var(--spacing-md);background:#f59e0b0f;border:1px solid #f59e0b1f;align-items:center;gap:6px;padding:6px 10px;font-size:.7rem;display:flex}.ff-raw-toggle{background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-xs);color:var(--muted-foreground);margin-bottom:var(--spacing-sm);align-items:center;gap:6px;padding:8px 12px;font-weight:500;transition:all .15s;display:flex}.ff-raw-toggle:hover{background:var(--muted);border-color:var(--muted-foreground)}.ff-raw-toggle svg.rotated{transform:rotate(180deg)}.ff-raw-toggle svg{transition:transform .2s}.ff-option-hint{font-size:var(--font-size-xs);color:var(--muted-foreground);padding-left:30px;font-style:italic}.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}}.ff-header-actions{align-items:center;gap:var(--spacing-sm);display:flex}.ff-new-request-btn{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:opacity .15s;display:flex}.ff-new-request-btn:hover{opacity:.9}.ff-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-lg);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ff-modal{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:640px;max-height:85vh;display:flex;box-shadow:0 20px 60px #00000026}.ff-modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.ff-modal-header h2{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--foreground);margin:0;font-weight:600;display:flex}.ff-modal-close{color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:4px;display:flex}.ff-modal-close:hover{color:var(--foreground);background:var(--muted)}.ff-modal form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ff-modal-body{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ff-modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border);display:flex}.ff-form-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.ff-form-label{font-size:var(--font-size-sm);color:var(--foreground);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-weight:600;display:flex}.ff-selected-count{font-weight:400;font-size:var(--font-size-xs);color:var(--primary);text-transform:none;letter-spacing:0;margin-left:auto}.ff-camera-search{background:var(--input);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground);align-items:center;gap:8px;padding:8px 12px;display:flex}.ff-camera-search input{color:var(--foreground);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.ff-camera-search input::placeholder{color:var(--muted-foreground)}.ff-camera-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);max-height:280px;overflow-y:auto}.ff-camera-loading,.ff-camera-empty{padding:var(--spacing-xl);text-align:center;color:var(--muted-foreground);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:8px;display:flex}.ff-unit-group{border-bottom:1px solid var(--border)}.ff-unit-group:last-child{border-bottom:none}.ff-unit-header{cursor:pointer;font-size:var(--font-size-sm);background:var(--card);align-items:center;gap:8px;padding:8px 12px;transition:background .15s;display:flex}.ff-unit-header:hover{background:var(--muted)}.ff-unit-header.selected{background:#ff6b3514}.ff-unit-header.partial{background:#ff6b350a}.ff-unit-header input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:14px;height:14px}.ff-unit-no{color:var(--foreground);font-family:monospace;font-weight:600}.ff-unit-meta{color:var(--muted-foreground);font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ff-camera-item{cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:8px;padding:6px 12px 6px 32px;transition:background .15s;display:flex}.ff-camera-item:hover{background:var(--muted)}.ff-camera-item.selected{background:#ff6b350f}.ff-camera-item input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:14px;height:14px}.ff-cam-position{color:var(--foreground);text-transform:capitalize;min-width:50px;font-weight:500}.ff-cam-name{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ff-cam-model{color:var(--muted-foreground);font-size:var(--font-size-xs);opacity:.7;font-family:monospace}.ff-time-inputs{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.ff-time-field{flex-direction:column;gap:4px;display:flex}.ff-time-field label{font-size:var(--font-size-xs);color:var(--muted-foreground);font-weight:500}.ff-time-field input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-sm);outline:none;padding:8px 12px}.ff-time-field input:focus{border-color:var(--primary)}.ff-options-grid{gap:var(--spacing-sm);flex-direction:column;display:flex}.ff-option{font-size:var(--font-size-sm);color:var(--foreground);cursor:pointer;align-items:center;gap:8px;display:flex}.ff-option input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:14px;height:14px}.ff-option-sub{font-size:var(--font-size-sm);color:var(--muted-foreground);align-items:center;gap:8px;padding-left:30px;display:flex}.ff-fps-input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:60px;color:var(--foreground);font-size:var(--font-size-sm);text-align:center;outline:none;padding:4px 8px}.ff-fps-input:focus{border-color:var(--primary)}.ff-submit-error{border-radius:var(--radius);color:var(--destructive);font-size:var(--font-size-sm);background:#dc354514;border:1px solid #dc354540;align-items:center;gap:8px;padding:10px 14px;display:flex}.ff-cancel-btn{background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;padding:8px 16px;transition:all .15s}.ff-cancel-btn:hover{background:var(--muted)}.ff-submit-btn{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 20px;font-weight:500;transition:opacity .15s;display:flex}.ff-submit-btn:hover:not(:disabled){opacity:.9}.ff-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ff-cancel-job-btn{border-radius:var(--radius);width:30px;height:30px;color:var(--muted-foreground);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .15s;display:flex}.ff-table tbody tr:hover .ff-cancel-job-btn{opacity:1}.ff-cancel-job-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef444433}.ff-timezone-hint{font-size:var(--font-size-xs);color:var(--muted-foreground);align-items:center;gap:6px;margin-top:4px;display:flex}.ff-timezone-hint strong{color:var(--foreground)}.ff-timezone-warning{font-size:var(--font-size-xs);color:#f59e0b;align-items:center;gap:6px;margin-top:4px;display:flex}.ff-check-btn{background:var(--muted);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 14px;font-weight:500;transition:all .15s;display:flex}.ff-check-btn:hover:not(:disabled){background:var(--border)}.ff-check-btn:disabled{opacity:.5;cursor:not-allowed}.ff-check-results{flex-direction:column;gap:8px;margin-top:4px;display:flex}.ff-check-summary{border-radius:var(--radius);font-size:var(--font-size-sm);align-items:center;gap:8px;padding:8px 12px;font-weight:500;display:flex}.ff-check-summary.ok{color:#16a34a;background:#22c55e14;border:1px solid #22c55e33}.ff-check-summary.warn{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.ff-check-estimate{border-radius:var(--radius);font-size:var(--font-size-xs);color:#3b82f6;background:#3b82f60f;border:1px solid #3b82f626;align-items:center;gap:6px;padding:6px 12px;display:flex}.ff-check-estimate strong{color:#2563eb}.ff-check-cameras{flex-direction:column;gap:4px;display:flex}.ff-check-cam{border-radius:var(--radius);font-size:var(--font-size-xs);align-items:center;gap:8px;padding:5px 10px;display:flex}.ff-check-cam.ok{color:#16a34a}.ff-check-cam.fail{color:#ef4444;background:#ef44440a}.ff-check-cam-name{color:var(--foreground);font-weight:500}.ff-check-cam-info{color:var(--muted-foreground);margin-left:auto}.ff-check-cam-error{margin-left:auto;font-style:italic}.ff-email-input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:var(--font-size-sm);box-sizing:border-box;outline:none;width:100%;padding:8px 12px}.ff-email-input:focus{border-color:var(--primary)}.ff-email-hint{font-size:var(--font-size-xs);color:var(--muted-foreground)}.ff-optional-label{font-weight:400;font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:none;letter-spacing:0;margin-left:6px}@media (max-width:640px){.ff-modal-overlay{padding:var(--spacing-md)}.ff-modal{max-height:90vh}.ff-time-inputs{grid-template-columns:1fr}.ff-new-request-btn span{display:none}}.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}.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%}}.generation-banners{z-index:1000;flex-direction:column;gap:.75rem;max-width:420px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.gen-banner{border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1.25rem;animation:.3s ease-out genSlideIn;display:flex;box-shadow:0 8px 24px #0003}@keyframes genSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.gen-banner-progress{background:var(--primary,#ff6b35);color:#fff}.gen-banner-progress.gen-banner-report{background:#3b82f6}.gen-banner-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.gen-banner-text strong{font-size:.85rem}.gen-banner-detail{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.gen-banner-complete{background:var(--card,#1a1a2e);border:1px solid var(--success,#22c55e);color:var(--foreground,#fff);flex-wrap:wrap}.gen-banner-info{color:var(--success,#22c55e);align-items:center;gap:.4rem;min-width:0;display:flex}.gen-banner-check{flex-shrink:0}.gen-banner-filename{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.82rem;font-weight:500;overflow:hidden}.gen-banner-actions{align-items:center;gap:.4rem;margin-left:auto;display:flex}.gen-banner-btn{cursor:pointer;border:1px solid var(--border,#ffffff26);color:var(--foreground,#fff);background:0 0;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.78rem;font-weight:500;transition:background .15s;display:flex}.gen-banner-btn:hover{background:#ffffff1a}.gen-banner-btn-primary{color:#fff;background:#22c55e;border-color:#0000}.gen-banner-btn-primary:hover{background:#16a34a}.gen-banner-btn-primary:disabled{opacity:.6;cursor:not-allowed}.gen-banner-dismiss{color:var(--muted-foreground,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.gen-banner-dismiss:hover{color:var(--foreground,#fff);background:#ffffff1a}.gen-banner-failed{color:#fca5a5;background:#7f1d1d;font-size:.85rem}.spinning{animation:1s linear infinite spin}@media (max-width:768px){.generation-banners{bottom:calc(64px + env(safe-area-inset-bottom,0px) + .75rem);z-index:999;max-width:none;left:.75rem;right:.75rem}.gen-banner{padding:.65rem 1rem}.gen-banner-actions{flex-wrap:wrap}.gen-banner-filename{max-width:120px}}.support-page{color:#1a1a1a;background:#fff;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.support-header{background:#0d1117;border-bottom:3px solid #ff6b35}.support-header-inner{max-width:800px;margin:0 auto;padding:1rem 1.5rem}.support-back-link{color:#fff9;align-items:center;gap:.375rem;margin-bottom:1rem;font-size:.8125rem;text-decoration:none;transition:color .15s;display:inline-flex}.support-back-link:hover{color:#ff6b35}.support-brand{align-items:center;gap:1rem;display:flex}.support-logo{border-radius:8px;width:auto;height:48px}.support-title{color:#fff;letter-spacing:.02em;font-size:1.5rem;font-weight:700;line-height:1.2}.support-tagline{color:#ff6b35;margin-top:.125rem;font-size:.875rem;font-weight:500}.support-content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2.5rem 1.5rem}.support-section{margin-bottom:3rem}.support-section-title{color:#1a1a1a;border-bottom:2px solid #f0f0f0;margin-bottom:.5rem;padding-bottom:.75rem;font-size:1.375rem;font-weight:700}.support-section-desc{color:#6c757d;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.support-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.support-card{background:#f8f9fa;border:1px solid #00000014;border-radius:10px;padding:1.5rem}.support-card-icon{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#e85d2c 100%);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.875rem;display:flex}.support-card h3{color:#1a1a1a;margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.support-card a{color:#ff6b35;margin-bottom:.375rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:block}.support-card a:hover{text-decoration:underline}.support-card p{color:#6c757d;font-size:.8125rem;line-height:1.5}.support-hours{font-weight:600;color:#1a1a1a!important}.support-faq{flex-direction:column;gap:.5rem;display:flex}.faq-item{border:1px solid #00000014;border-radius:10px;transition:border-color .15s;overflow:hidden}.faq-item[open]{border-color:#ff6b354d}.faq-item summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:#1a1a1a;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.9375rem;font-weight:500;list-style:none;transition:background .15s;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#6c757d;margin-left:auto;font-size:1.25rem;font-weight:300;transition:transform .15s}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{background:#f8f9fa}.faq-item summary svg{color:#ff6b35;flex-shrink:0}.faq-item p{color:#6c757d;padding:0 1.25rem 1rem 3rem;font-size:.875rem;line-height:1.7}.support-about{color:#6c757d;margin-bottom:.75rem;font-size:.9375rem;line-height:1.7}.support-about a{color:#ff6b35;font-weight:500;text-decoration:none}.support-about a:hover{text-decoration:underline}.support-footer{text-align:center;background:#f8f9fa;border-top:1px solid #00000014;padding:1.5rem}.support-footer p{color:#6c757d;font-size:.8125rem}.support-footer-links{justify-content:center;gap:1.5rem;margin-top:.5rem;display:flex}.support-footer-links a{color:#6c757d;font-size:.8125rem;text-decoration:none}.support-footer-links a:hover{color:#ff6b35}@media (max-width:600px){.support-header-inner{padding:1rem}.support-content{padding:1.5rem 1rem}.support-cards{grid-template-columns:1fr}.support-title{font-size:1.25rem}.faq-item p{padding-left:1.25rem}}.demo-page{color:#fff;background:#0d1117;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.demo-header{background:#0d1117;border-bottom:3px solid #ff6b35}.demo-header-inner{max-width:960px;margin:0 auto;padding:1rem 1.5rem}.demo-back-link{color:#fff9;align-items:center;gap:.375rem;margin-bottom:1rem;font-size:.8125rem;text-decoration:none;transition:color .15s;display:inline-flex}.demo-back-link:hover{color:#ff6b35}.demo-brand{align-items:center;gap:1rem;display:flex}.demo-logo{border-radius:8px;width:auto;height:48px}.demo-title{color:#fff;letter-spacing:.02em;font-size:1.5rem;font-weight:700;line-height:1.2}.demo-tagline{color:#ff6b35;margin-top:.125rem;font-size:.875rem;font-weight:500}.demo-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem 1.5rem}.demo-video-wrapper{background:#000;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006}.demo-video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;display:block}.demo-info{text-align:center;margin-top:2rem}.demo-info h2{color:#fff;margin-bottom:.5rem;font-size:1.375rem;font-weight:700}.demo-info p{color:#fff9;max-width:600px;margin:0 auto;font-size:.9375rem;line-height:1.6}.demo-footer{text-align:center;background:#ffffff08;border-top:1px solid #ffffff14;padding:1.5rem}.demo-footer p{color:#fff6;font-size:.8125rem}.demo-footer-links{justify-content:center;gap:1.5rem;margin-top:.5rem;display:flex}.demo-footer-links a{color:#fff6;font-size:.8125rem;text-decoration:none}.demo-footer-links a:hover{color:#ff6b35}@media (max-width:600px){.demo-header-inner,.demo-content{padding:1rem}.demo-title{font-size:1.25rem}.demo-info h2{font-size:1.125rem}}.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}}.hret-container{margin-top:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.hret-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.hret-header h3{font-size:var(--font-size-lg);flex:1;margin:0}.hret-items{margin-bottom:var(--spacing-lg)}.hret-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border);display:flex}.hret-item:last-child{border-bottom:none}.hret-checkbox{cursor:pointer;width:20px;height:20px}.hret-item-info{flex:1;min-width:0}.hret-item-code{font-family:monospace;font-weight:600;font-size:var(--font-size-sm)}.hret-item-desc{font-size:var(--font-size-xs);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hret-condition{min-width:120px}.hret-condition select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);padding:4px 8px}.hret-condition-notes{min-width:160px}.hret-condition-notes input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);padding:4px 8px}.hret-options{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.hret-field{flex-direction:column;gap:4px;display:flex}.hret-field label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;font-weight:600}.hret-field input[type=date]{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);padding:4px 8px}.hret-field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);resize:vertical;min-height:60px;padding:6px 10px}.hret-checkbox-label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer;display:flex}.hret-footer{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.hret-selected-count{font-size:var(--font-size-sm);color:var(--muted-foreground)}.hret-success{color:#16a34a;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#22c55e1a;border:1px solid #22c55e40}.hret-error{color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);background:#fef2f2}.hdoc-container{padding:var(--spacing-lg);max-width:900px;margin:0 auto}.hdoc-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.hdoc-header h2{flex:1;margin:0}.hdoc-actions{gap:var(--spacing-sm);display:flex}.hdoc-print-area{color:#333;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;padding:24px}.hdoc-print-header{border-bottom:2px solid #333;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;display:flex}.hdoc-print-header h1{color:#333;margin:0;font-size:22px}.hdoc-company{color:#666;text-align:right;font-size:12px}.hdoc-company strong{color:#333;font-size:14px;display:block}.hdoc-meta{grid-template-columns:auto 1fr auto 1fr;gap:6px 16px;margin-bottom:20px;font-size:13px;display:grid}.hdoc-meta dt{color:#666;font-weight:600}.hdoc-meta dd{margin:0}.hdoc-items-table{border-collapse:collapse;width:100%;margin-bottom:20px}.hdoc-items-table th{text-align:left;text-transform:uppercase;color:#333;background:#f5f5f5;border-bottom:2px solid #ddd;padding:8px 12px;font-size:12px}.hdoc-items-table td{color:#333;border-bottom:1px solid #eee;padding:8px 12px;font-size:13px}.hdoc-notes{color:#333;background:#f9f9f9;border-radius:4px;margin-top:20px;padding:12px;font-size:13px}.hdoc-signature{gap:40px;margin-top:40px;display:flex}.hdoc-sig-line{flex:1}.hdoc-sig-line label{color:#666;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.hdoc-sig-line .line{color:#333;border-bottom:1px solid #333;height:30px;font-size:14px}.hdoc-check-col{width:60px}.hdoc-condition-col{min-width:160px}.hdoc-condition-input{color:#333;background:#fff;border:1px solid #ddd;border-radius:3px;width:100%;padding:4px 8px;font-size:12px}.hdoc-condition-input:focus{border-color:#6366f1;outline:none}.hdoc-instructions{color:#333;background:#fff8e1;border:1px solid #ffe082;border-radius:4px;margin-top:20px;padding:12px;font-size:13px}.print-only{font-size:18px;display:none}@media print{.hdoc-header,.hdoc-actions,.no-print{display:none!important}.print-only{display:inline!important}.hdoc-container{max-width:none;padding:0}.hdoc-print-area{box-shadow:none;border:none;padding:0}.hdoc-instructions{background:#f9f9f9;border-color:#ddd}}.hnew-container{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.hnew-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.hnew-header h2{font-size:var(--font-size-xl);flex:1;margin:0}.hnew-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.hnew-section h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);align-items:center;gap:var(--spacing-sm);display:flex}.hnew-form-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.hnew-field{flex-direction:column;gap:4px;display:flex}.hnew-field.wide{grid-column:1/-1}.hnew-field label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.hnew-field input,.hnew-field select{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);padding:6px 10px}.hnew-field input:focus,.hnew-field select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #3b82f626}.hnew-customer-search{position:relative}.hnew-customer-results{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:10;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.hnew-customer-option{cursor:pointer;font-size:var(--font-size-sm);border-bottom:1px solid var(--border);padding:8px 12px}.hnew-customer-option:hover{background:var(--muted)}.hnew-customer-option:last-child{border-bottom:none}.hnew-customer-selected{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:#3b82f614;border:1px solid #3b82f640;padding:6px 10px;display:flex}.hnew-customer-selected .name{flex:1;font-weight:600}.hnew-item-search{margin-bottom:var(--spacing-md);position:relative}.hnew-item-results{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:10;max-height:250px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.hnew-item-option{cursor:pointer;font-size:var(--font-size-sm);border-bottom:1px solid var(--border);gap:var(--spacing-sm);padding:8px 12px;display:flex}.hnew-item-option:hover{background:var(--muted)}.hnew-item-option .code{min-width:80px;font-family:monospace;font-weight:600}.hnew-item-option .desc{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hnew-item-option .rate{color:var(--muted-foreground);font-family:monospace}.hnew-items-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.hnew-items-table th{background:var(--muted);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;color:var(--muted-foreground);border-bottom:1px solid var(--border)}.hnew-items-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border)}.hnew-items-table input{border:1px solid var(--border);border-radius:var(--radius-sm);width:80px;font-size:var(--font-size-sm);text-align:right;background:var(--background);color:var(--foreground);padding:4px 8px;font-family:monospace}.hnew-items-table .total-col{text-align:right;font-family:monospace;font-weight:600}.hnew-running-total{justify-content:flex-end;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);display:flex}.hnew-running-total span{font-family:monospace}.hnew-running-total strong{text-align:right;min-width:90px}.hnew-svc-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:center;display:flex}.hnew-svc-row input,.hnew-svc-row select{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);padding:4px 8px}.hnew-svc-row input.desc{flex:1;min-width:200px}.hnew-svc-row input.num{text-align:right;width:70px;font-family:monospace}.hnew-summary{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.hnew-totals{gap:var(--spacing-xl);display:flex}.hnew-total-item{text-align:center}.hnew-total-item .label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase}.hnew-total-item .value{font-size:var(--font-size-xl);font-family:monospace;font-weight:700}.hnew-total-item .value.grand{color:var(--primary)}.hnew-error{color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);background:#fef2f2}.hnew-empty-items{text-align:center;color:var(--muted-foreground);font-size:var(--font-size-sm);padding:24px}.hnew-credit-bar{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);display:flex}.hnew-credit-bar.ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.hnew-credit-bar.warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.hnew-credit-bar.over{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}@media (max-width:768px){.hnew-form-grid{grid-template-columns:1fr}.hnew-summary{flex-direction:column}.hnew-totals{flex-wrap:wrap}}.hcon-container{padding:var(--spacing-lg);max-width:1500px;margin:0 auto}.hcon-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.hcon-header h2{font-size:var(--font-size-xl);flex:1;margin:0}.hcon-import-result{color:#166534;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-sm);background:#dcfce7;display:flex}.hcon-error{color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);background:#fef2f2}.hcon-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.hcon-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);text-align:center;cursor:pointer;min-width:100px;transition:border-color .15s}.hcon-stat:hover{border-color:var(--primary)}.hcon-stat-val{font-size:var(--font-size-2xl);color:var(--foreground);font-weight:700;display:block}.hcon-stat-label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.hcon-stat.total .hcon-stat-val{color:var(--foreground)}.hcon-stat.active .hcon-stat-val{color:#3b82f6}.hcon-stat.on_hire .hcon-stat-val{color:#22c55e}.hcon-stat.rolled .hcon-stat-val{color:#8b5cf6}.hcon-stat.returned .hcon-stat-val{color:#94a3b8}.hcon-stat.credit_note .hcon-stat-val{color:#f59e0b}.hcon-stat.revenue .hcon-stat-val{color:#059669;font-size:var(--font-size-lg)}.hcon-stat.outstanding .hcon-stat-val{color:#dc2626;font-size:var(--font-size-lg)}.hcon-actions{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.hcon-filters{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.hcon-search-form{gap:4px;display:flex}.hcon-search-input{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--card);color:var(--foreground);width:220px;padding:4px 10px}.hcon-filter-info{font-size:var(--font-size-sm);color:var(--muted-foreground);align-items:center;gap:var(--spacing-sm);display:flex}.hcon-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.hcon-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.hcon-table th{background:var(--muted);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap}.hcon-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);vertical-align:middle}.hcon-row{cursor:pointer;transition:background .1s}.hcon-row:hover{background:var(--muted)}.hcon-row-returned{opacity:.6}.hcon-cell-no{white-space:nowrap;font-family:monospace;font-weight:600}.hcon-cell-customer{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.hcon-cell-po{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:var(--font-size-xs);color:var(--muted-foreground);overflow:hidden}.hcon-cell-ref{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:var(--font-size-xs);color:var(--muted-foreground);overflow:hidden}.hcon-cell-amount{text-align:right;white-space:nowrap;font-family:monospace}.hcon-cell-amount.has-balance{color:#dc2626;font-weight:600}.hcon-cell-count{text-align:center;font-size:var(--font-size-xs)}.hcon-badge{white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.hcon-no-results{text-align:center;color:var(--muted-foreground);padding:40px}.hcon-pagination{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}.hcon-page-info{font-size:var(--font-size-sm);color:var(--muted-foreground)}.hcon-empty{text-align:center;color:var(--muted-foreground);padding:60px 20px}.hcon-empty p{margin:16px 0}.hcon-detail{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.hcon-detail-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.hcon-detail-header h2{font-size:var(--font-size-xl);flex:1;margin:0}.hcon-detail-meta{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.hcon-meta-item label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;display:block}.hcon-meta-item span{font-size:var(--font-size-sm);font-weight:500}.hcon-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-sm);display:flex}.hcon-tab{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--muted-foreground);background:0 0;border:none;border-bottom:2px solid #0000;transition:all .15s}.hcon-tab:hover{color:var(--foreground)}.hcon-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.hcon-tab-count{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-left:4px}.hcon-summary-bar{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.hcon-summary-item{text-align:center}.hcon-summary-item .label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase}.hcon-summary-item .value{font-size:var(--font-size-lg);font-family:monospace;font-weight:700}.hcon-summary-item .value.paid{color:#22c55e}.hcon-summary-item .value.due{color:#dc2626}@media (max-width:768px){.hcon-stats{flex-wrap:wrap}.hcon-stat{min-width:80px;padding:var(--spacing-sm);flex:1}.hcon-stat-val{font-size:var(--font-size-lg)}.hcon-actions{flex-direction:column}.hcon-filters{flex-wrap:wrap}.hcon-search-input{width:150px}}.hitm-container{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.hitm-loading{text-align:center;padding:var(--spacing-xl);color:var(--muted-foreground);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.hitm-header{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.hitm-header-main{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.hitm-code{font-family:monospace;font-size:var(--font-size-xl);margin:0}.hitm-desc{color:var(--muted-foreground);font-size:var(--font-size-sm);margin:0}.hitm-meta{gap:var(--spacing-lg);margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--muted-foreground);display:flex}.hitm-meta span{align-items:center;gap:4px;display:flex}.hitm-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.hitm-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;gap:4px;min-width:120px;display:flex}.hitm-stat-label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;font-weight:600}.hitm-stat-value{font-size:var(--font-size-base);font-variant-numeric:tabular-nums;font-weight:700}.hitm-section-title{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);display:flex}.hitm-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.hitm-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.hitm-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--border);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap}.hitm-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.hitm-table tbody tr:hover{background:var(--accent)}.hitm-table .right{text-align:right}.hitm-mono{font-family:monospace;font-weight:600}.hitm-name-cell{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.hitm-pagination{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--muted-foreground);display:flex}@media (max-width:768px){.hitm-container{padding:var(--spacing-md)}.hitm-stats{gap:var(--spacing-sm)}.hitm-stat{min-width:90px;padding:var(--spacing-sm)}.hitm-name-cell{max-width:140px}}.hinv-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.hinv-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.hinv-header h2{font-size:var(--font-size-xl);flex:1;margin:0}.hinv-import-result{color:#166534;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-sm);background:#dcfce7;display:flex}.btn-close-sm{cursor:pointer;color:#166534;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:14px}.hinv-error{color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);background:#fef2f2}.hinv-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.hinv-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);text-align:center;min-width:90px;transition:border-color .15s}.hinv-stat:hover{border-color:var(--primary)}.hinv-stat-val{font-size:var(--font-size-2xl);color:var(--foreground);font-weight:700;display:block}.hinv-stat-label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.hinv-stat.total .hinv-stat-val{color:var(--foreground)}.hinv-stat.on_hire .hinv-stat-val{color:#3b82f6}.hinv-stat.available .hinv-stat-val{color:#22c55e}.hinv-stat.returned .hinv-stat-val{color:#94a3b8}.hinv-stat.sold .hinv-stat-val{color:#f59e0b}.hinv-stat.scrapped .hinv-stat-val{color:#94a3b8}.hinv-stat.linked .hinv-stat-val{color:#8b5cf6}.hinv-actions{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.hinv-filters{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.hinv-search-form{gap:4px;display:flex}.hinv-search-input{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--card);color:var(--foreground);width:200px;padding:4px 10px}.hinv-filter-info{font-size:var(--font-size-sm);color:var(--muted-foreground);align-items:center;gap:var(--spacing-sm);display:flex}.hinv-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.hinv-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.hinv-table th{background:var(--muted);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap}.hinv-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);vertical-align:middle}.hinv-row:hover{background:var(--muted)}.hinv-row-scrapped,.hinv-row-sold{opacity:.5}.hinv-cell-code{white-space:nowrap;align-items:center;gap:6px;font-family:monospace;font-weight:600;display:flex}.hinv-linked-badge{color:#5b21b6;background:#ede9fe;border-radius:3px;padding:1px 4px;font-family:sans-serif;font-size:9px;font-weight:600}.hinv-category-badge{background:var(--muted);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block}.hinv-type{border-radius:4px;padding:2px 6px;font-size:11px}.type-hire{color:#1e40af;background:#dbeafe}.type-service{color:#92400e;background:#fef3c7}.type-sale{color:#166534;background:#dcfce7}.hinv-badge{white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.hinv-cell-customer{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.hinv-cell-location{max-width:200px;font-size:var(--font-size-xs);color:var(--muted-foreground)}.hinv-cell-location span{align-items:center;gap:4px;display:flex}.hinv-cell-rate{text-align:right;white-space:nowrap;color:var(--muted-foreground);font-family:monospace}.hinv-no-results{text-align:center;color:var(--muted-foreground);padding:40px}.hinv-pagination{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}.hinv-page-info{font-size:var(--font-size-sm);color:var(--muted-foreground)}.hinv-empty{text-align:center;color:var(--muted-foreground);padding:60px 20px}.hinv-empty p{margin:16px 0}@media (max-width:768px){.hinv-stats{flex-wrap:wrap}.hinv-stat{min-width:70px;padding:var(--spacing-sm);flex:1}.hinv-stat-val{font-size:var(--font-size-lg)}.hinv-actions{flex-direction:column}.hinv-filters{flex-wrap:wrap}.hinv-search-input{width:150px}}.hbook-container{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.hbook-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.hbook-header h2{flex:1;margin:0}.hbook-filters{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.hbook-select,.hbook-input{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);padding:6px 10px}.hbook-select:focus,.hbook-input:focus{border-color:var(--primary);outline:none}textarea.hbook-input{resize:vertical;font-family:inherit}.hbook-search-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);flex:1;align-items:center;gap:6px;min-width:200px;padding:0 8px;display:flex}.hbook-search-wrap .hbook-input{border:none;padding:6px 0}.hbook-loading{text-align:center;padding:var(--spacing-md);color:var(--muted-foreground);justify-content:center;align-items:center;gap:8px;display:flex}.hbook-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.hbook-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.hbook-table th{background:var(--card);text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.hbook-table td{border-bottom:1px solid var(--border);color:var(--foreground);padding:8px 12px}.hbook-table .right{text-align:right}.hbook-row{cursor:pointer;transition:background .15s}.hbook-row:hover{background:var(--accent)}.hbook-name-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.hbook-pagination{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--muted-foreground);display:flex}.hbook-detail-actions{gap:var(--spacing-sm);display:flex}.hbook-detail-grid{gap:var(--spacing-sm) var(--spacing-md);padding:var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.hbook-detail-item label{text-transform:uppercase;color:var(--muted-foreground);margin-bottom:2px;font-size:11px;display:block}.hbook-detail-item span{font-size:var(--font-size-sm)}.hbook-converted-banner{background:var(--accent);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--primary);margin-bottom:var(--spacing-md);padding:10px 16px}.hbook-converted-banner:hover{background:var(--primary);color:#fff}.hbook-form{max-width:900px}.hbook-form-grid{gap:var(--spacing-sm) var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.hbook-form-field label{color:var(--muted-foreground);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.hbook-form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border);justify-content:flex-end;display:flex}.hbook-cell-input{border:1px solid var(--border);width:100%;font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);border-radius:3px;padding:4px 6px}.hbook-cell-input:focus{border-color:var(--primary);outline:none}.hbook-customer-search{position:relative}.hbook-customer-results{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:20;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.hbook-customer-option{cursor:pointer;font-size:var(--font-size-sm);padding:8px 12px}.hbook-customer-option:hover{background:var(--accent)}.hbook-selected-customer{background:var(--accent);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);align-items:center;gap:8px;padding:6px 12px;display:flex}.hbook-selected-customer span{flex:1;font-weight:600}.hbook-attachments-list{flex-direction:column;gap:4px;display:flex}.hbook-attachment-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);align-items:center;gap:8px;padding:6px 10px;display:flex}.hbook-attachment-icon{color:var(--muted-foreground);flex-shrink:0}.hbook-attachment-name{text-overflow:ellipsis;white-space:nowrap;color:var(--primary);flex:1;text-decoration:none;overflow:hidden}a.hbook-attachment-name:hover{text-decoration:underline}.hbook-attachment-size{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.hbook-upload-zone{border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--muted-foreground);font-size:var(--font-size-sm);flex-direction:column;align-items:center;gap:4px;padding:16px;transition:border-color .15s,background .15s;display:flex}.hbook-upload-zone:hover{border-color:var(--primary);background:var(--accent)}@media (max-width:768px){.hbook-form-grid{grid-template-columns:1fr}.hbook-filters{flex-direction:column}.hbook-detail-grid{grid-template-columns:1fr 1fr}}.hroll-container{max-width:1200px;margin:0 auto;padding:24px}.hroll-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.hroll-header h2{flex:1;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.hroll-msg{font-size:var(--font-size-sm);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;display:flex}.hroll-msg-success{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e40}.hroll-msg-error{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}.hroll-msg-warning{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}.hroll-empty{text-align:center;color:var(--muted-foreground);padding:60px 20px}.hroll-empty p{margin:8px 0}.hroll-batch-list{flex-direction:column;gap:12px;display:flex}.hroll-batch-card{border:1px solid var(--border);cursor:pointer;background:var(--card);border-radius:8px;padding:16px;transition:border-color .15s,box-shadow .15s}.hroll-batch-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000f}.hroll-batch-card-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.hroll-batch-ref{font-family:monospace;font-size:15px;font-weight:700}.hroll-batch-card-meta{color:var(--muted-foreground);font-size:var(--font-size-sm);margin-bottom:12px}.hroll-batch-card-stats{gap:24px;display:flex}.hroll-batch-card-stats>div{flex-direction:column;display:flex}.hroll-stat-val{font-size:15px;font-weight:600}.hroll-stat-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.hroll-batch-meta{background:var(--muted);font-size:var(--font-size-sm);color:var(--muted-foreground);border-radius:6px;flex-wrap:wrap;gap:20px;margin-bottom:16px;padding:12px 16px;display:flex}.hroll-actions{gap:8px;margin-bottom:16px;display:flex}.hroll-form{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:20px}.hroll-form-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.hroll-form-row label{font-weight:500;font-size:var(--font-size-sm);min-width:100px}.hroll-form-row input[type=date]{border:1px solid var(--border);font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);border-radius:4px;padding:6px 10px}.hroll-form-actions{gap:8px;margin-top:16px;display:flex}.hroll-preview{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px}.hroll-preview h3{margin:0 0 8px;font-size:15px}.hroll-preview p{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:4px 0}.hroll-editor{padding:12px}.hroll-editor-header{font-size:var(--font-size-sm);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;display:flex}.hroll-editor input{border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:3px;padding:3px 6px}@keyframes hroll-spin{to{transform:rotate(360deg)}}.hroll-container .spinning{animation:1s linear infinite hroll-spin}.hdel-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.hdel-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.hdel-header h2{font-size:var(--font-size-xl);margin:0}.hdel-filters{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.hdel-filters input,.hdel-filters select{font-size:var(--font-size-sm)}.hdel-loading{text-align:center;padding:var(--spacing-xl);color:var(--muted-foreground);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.hdel-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.hdel-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;gap:2px;min-width:100px;display:flex}.hdel-stat-label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;font-weight:600}.hdel-stat-value{font-size:var(--font-size-base);font-variant-numeric:tabular-nums;font-weight:700}.hdel-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.hdel-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.hdel-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--border);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap}.hdel-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border)}.hdel-table tbody tr:hover{background:var(--accent)}.hdel-name-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.hdel-addr-cell{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:var(--font-size-xs);color:var(--muted-foreground);overflow:hidden}.hdel-inline-input{border:1px solid var(--border);width:100%;font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);border-radius:4px;padding:4px 6px}.hdel-inline-input:focus{border-color:var(--primary);outline:none}.hdel-status-btn{border:1px solid var(--border);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;transition:background .15s}.hdel-status-btn:hover{background:var(--accent)}.hdel-pagination{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--muted-foreground);display:flex}@media (max-width:768px){.hdel-container{padding:var(--spacing-md)}.hdel-addr-cell{display:none}.hdel-name-cell{max-width:120px}}.hrpt-container{padding:var(--spacing-lg);max-width:1500px;margin:0 auto}.hrpt-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.hrpt-header h2{font-size:var(--font-size-xl);margin:0}.hrpt-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.hrpt-tab{padding:var(--spacing-sm) var(--spacing-md);color:var(--muted-foreground);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;transition:color .15s,border-color .15s;display:flex}.hrpt-tab:hover{color:var(--foreground)}.hrpt-tab.active{color:var(--foreground);border-bottom-color:var(--primary);font-weight:600}.hrpt-loading{text-align:center;padding:var(--spacing-xl);color:var(--muted-foreground);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.hrpt-section{animation:.2s hrptFadeIn}@keyframes hrptFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hrpt-stats-row{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.hrpt-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;gap:4px;min-width:140px;display:flex}.hrpt-stat-label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.02em;font-weight:600}.hrpt-stat-value{font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:700}.hrpt-danger{color:#dc2626}.hrpt-warn{color:#d97706}.hrpt-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.hrpt-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.hrpt-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--border);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap}.hrpt-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.hrpt-table tbody tr:hover{background:var(--accent)}.hrpt-table .right{text-align:right}.hrpt-table tfoot td{border-top:2px solid var(--border);background:var(--card);border-bottom:none}.hrpt-totals-row{font-weight:600}.hrpt-name-cell{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.hrpt-col-danger{color:#dc2626}.hrpt-pct-bar-wrap{align-items:center;gap:var(--spacing-sm);display:flex}.hrpt-pct-bar{background:#3b82f6;border-radius:4px;min-width:2px;height:8px;transition:width .3s}.hrpt-pct-label{font-size:var(--font-size-xs);color:var(--muted-foreground);white-space:nowrap;min-width:40px}.hrpt-chart{height:120px;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-end;gap:3px;display:flex}.hrpt-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.hrpt-chart-bar{cursor:pointer;background:#3b82f6;border-radius:3px 3px 0 0;width:100%;max-width:50px;transition:background .15s}.hrpt-chart-bar:hover{background:#2563eb}.hrpt-chart-label{color:var(--muted-foreground);white-space:nowrap;margin-top:4px;font-size:10px}@media (max-width:768px){.hrpt-container{padding:var(--spacing-md)}.hrpt-stats-row{gap:var(--spacing-sm)}.hrpt-stat{padding:var(--spacing-sm);min-width:100px}.hrpt-stat-value{font-size:var(--font-size-base)}.hrpt-name-cell{max-width:160px}.hrpt-chart{height:80px}.hrpt-chart-label{display:none}}.hmgmt-container{width:100%}.hmgmt-tabs{padding:0 var(--spacing-lg);border-bottom:1px solid var(--border);background:var(--card);z-index:10;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;display:flex;position:sticky;top:0;overflow-x:auto}.hmgmt-tabs::-webkit-scrollbar{display:none}.hmgmt-tab{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;flex-shrink:0;align-items:center;gap:6px;padding:12px 16px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.hmgmt-tab:hover{color:var(--foreground)}.hmgmt-tab.active{color:var(--foreground);border-bottom-color:var(--primary);font-weight:600}.hmgmt-content{min-height:400px}@media (max-width:768px){.hmgmt-tabs{padding:0 var(--spacing-sm)}.hmgmt-tab{padding:10px 12px;font-size:13px}.hmgmt-tab-label{display:none}.hmgmt-tab{gap:0}}.hcust-container{padding:var(--spacing-lg);max-width:1500px;margin:0 auto}.hcust-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.hcust-header h2{font-size:var(--font-size-xl);flex:1;margin:0}.hcust-error{color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);background:#fef2f2}.hcust-summary{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.hcust-summary-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);text-align:center;min-width:140px;transition:border-color .15s}.hcust-summary-card.clickable{cursor:pointer}.hcust-summary-card.clickable:hover{border-color:var(--primary)}.hcust-summary-card.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--card))}.hcust-summary-val{font-size:var(--font-size-2xl);color:var(--foreground);font-weight:700;display:block}.hcust-summary-val.on-hire{color:#22c55e}.hcust-summary-val.outstanding{color:#dc2626;font-size:var(--font-size-lg)}.hcust-summary-label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.hcust-actions{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.hcust-filters{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.hcust-search-form{gap:4px;display:flex}.hcust-search-input{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--card);color:var(--foreground);width:220px;padding:4px 10px}.hcust-checkbox-label{font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:4px;display:flex}.hcust-filter-info{font-size:var(--font-size-sm);color:var(--muted-foreground);align-items:center;gap:var(--spacing-sm);display:flex}.hcust-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.hcust-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.hcust-table th{background:var(--muted);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap}.hcust-table th.text-right{text-align:right}.hcust-table th.text-center{text-align:center}.hcust-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);vertical-align:middle}.hcust-row{cursor:pointer;transition:background .1s}.hcust-row:hover{background:var(--muted)}.hcust-cell-name{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-weight:600;overflow:hidden}.hcust-cell-email{font-size:var(--font-size-xs);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.hcust-cell-amount{text-align:right;white-space:nowrap;font-family:monospace}.hcust-cell-amount.has-balance{color:#dc2626;font-weight:600}.hcust-cell-count{text-align:center;font-size:var(--font-size-xs)}.hcust-cell-date{white-space:nowrap;font-size:var(--font-size-xs);color:var(--muted-foreground)}.hcust-items-badge{color:#166534;background:#dcfce7;border-radius:12px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.hcust-no-results{text-align:center;color:var(--muted-foreground);padding:40px}.hcust-pagination{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}.hcust-page-info{font-size:var(--font-size-sm);color:var(--muted-foreground)}.hcust-detail{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.hcust-detail-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.hcust-detail-header h2{font-size:var(--font-size-xl);flex:1;margin:0}.hcust-detail-badges{gap:var(--spacing-sm);display:flex}.hcust-badge{white-space:nowrap;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.hcust-badge-items{color:#166534;background:#dcfce7}.hcust-badge-balance{color:#dc2626;background:#fef2f2}.hcust-contact-card{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.hcust-contact-item label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;display:block}.hcust-contact-item span{font-size:var(--font-size-sm);font-weight:500}.hcust-stats-row{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.hcust-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);text-align:center;flex:1;min-width:120px}.hcust-stat-card .value{font-size:var(--font-size-xl);font-family:monospace;font-weight:700;display:block}.hcust-stat-card .value.revenue{color:#059669}.hcust-stat-card .value.paid{color:#22c55e}.hcust-stat-card .value.outstanding{color:#dc2626}.hcust-stat-card .value.items{color:#3b82f6}.hcust-stat-card .label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.hcust-chart-section{margin-bottom:var(--spacing-lg)}.hcust-chart-section h3{font-size:var(--font-size-sm);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.hcust-chart{height:80px;padding:var(--spacing-sm);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-end;gap:3px;display:flex}.hcust-chart-bar{cursor:default;background:#3b82f6;border-radius:2px 2px 0 0;flex:1;min-width:16px;transition:background .15s;position:relative}.hcust-chart-bar:hover{background:#2563eb}.hcust-chart-bar .tooltip{background:var(--foreground);color:var(--background);white-space:nowrap;z-index:10;border-radius:4px;padding:2px 6px;font-size:10px;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.hcust-chart-bar:hover .tooltip{display:block}.hcust-chart-labels{padding:2px var(--spacing-sm) 0;gap:3px;display:flex}.hcust-chart-labels span{text-align:center;min-width:16px;color:var(--muted-foreground);flex:1;font-size:9px}.hcust-items-section{margin-bottom:var(--spacing-lg)}.hcust-items-section h3{font-size:var(--font-size-sm);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-sm);display:flex}.hcust-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-sm);display:flex}.hcust-tab{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--muted-foreground);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:4px;transition:all .15s;display:flex}.hcust-tab:hover{color:var(--foreground)}.hcust-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.hcust-tab-count{font-size:var(--font-size-xs);color:var(--muted-foreground)}.hcust-timeline{margin:0;padding:0;list-style:none}.hcust-timeline-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border);font-size:var(--font-size-sm);display:flex}.hcust-timeline-item:last-child{border-bottom:none}.hcust-timeline-date{min-width:90px;font-size:var(--font-size-xs);color:var(--muted-foreground);white-space:nowrap;padding-top:2px}.hcust-timeline-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.hcust-timeline-icon.contract{color:#3b82f6;background:#dbeafe}.hcust-timeline-icon.payment{color:#22c55e;background:#dcfce7}.hcust-timeline-icon.return{color:#f59e0b;background:#fef3c7}.hcust-timeline-desc{flex:1}.hcust-timeline-amount{white-space:nowrap;font-family:monospace;font-weight:600}.hcust-timeline-amount.payment{color:#22c55e}.hcust-timeline-amount.contract{color:var(--foreground)}@media (max-width:768px){.hcust-summary{flex-wrap:wrap}.hcust-summary-card{min-width:100px;padding:var(--spacing-sm);flex:1}.hcust-summary-val{font-size:var(--font-size-lg)}.hcust-actions{flex-direction:column}.hcust-filters{flex-wrap:wrap}.hcust-search-input{width:150px}.hcust-stats-row{flex-wrap:wrap}.hcust-stat-card{min-width:100px;padding:var(--spacing-sm)}.hcust-stat-card .value{font-size:var(--font-size-lg)}.hcust-contact-card{grid-template-columns:1fr 1fr}}.hcust-inline-input{border:1px solid var(--border);font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);border-radius:4px;width:120px;padding:4px 8px}.hcust-inline-input:focus{border-color:var(--primary);outline:none}.hcust-contacts-section{margin-bottom:var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.hcust-contacts-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border);display:flex}.hcust-contacts-list{background:var(--background)}.hcust-contact-row{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.hcust-contact-row:last-child{border-bottom:none}.hcust-contact-form{background:var(--accent)}.hcust-contact-form .hcust-inline-input{flex:1;min-width:100px}.hcust-contact-form select.hcust-inline-input{flex:none;width:auto}.cmp-container{background:var(--surface-secondary,#1a1a2e);border-radius:12px;margin-bottom:20px;padding:20px}.cmp-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cmp-header h3{color:var(--text-primary,#fff);align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.cmp-header-actions{gap:8px;display:flex}.cmp-history-btn,.cmp-refresh-btn{background:var(--surface-tertiary,#252540);border:1px solid var(--border-color,#333);color:var(--text-secondary,#aaa);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:all .2s;display:flex}.cmp-history-btn:hover,.cmp-refresh-btn:hover{background:var(--surface-hover,#303050);color:var(--text-primary,#fff)}.cmp-loading{color:var(--text-secondary,#aaa);justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.cmp-loading .spinning{animation:1s linear infinite spin}.cmp-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.cmp-error button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;margin-left:auto;padding:6px 12px}.cmp-section{margin-bottom:20px}.cmp-section-title{color:var(--text-primary,#fff);align-items:center;gap:8px;margin:0 0 12px;font-size:.95rem;font-weight:600;display:flex}.cmp-section-title .green{color:#22c55e}.cmp-section-title .red{color:#ef4444}.cmp-matches{flex-direction:column;gap:12px;display:flex}.cmp-match-card{background:var(--surface-tertiary,#252540);border-radius:8px;overflow:hidden}.cmp-match-header{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.cmp-match-header:hover{background:var(--surface-hover,#303050)}.cmp-match-org{align-items:center;gap:10px;display:flex}.cmp-org-name{color:var(--text-primary,#fff);font-weight:500}.cmp-expand-icon{color:var(--text-secondary,#aaa);transition:transform .2s}.cmp-expand-icon.expanded{transform:rotate(90deg)}.cmp-match-details{border-top:1px solid var(--border-color,#333);background:#0003;padding:16px}.cmp-contact-info{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.cmp-contact-row{color:var(--text-secondary,#aaa);align-items:center;gap:8px;font-size:.9rem;display:flex}.cmp-contact-row .cmp-label{color:var(--text-tertiary,#666)}.cmp-contact-row .cmp-value{color:var(--text-primary,#fff)}.cmp-contact-row .cmp-value.outstanding{color:#ef4444}.cmp-match-actions{gap:8px;display:flex}.cmp-unlink-btn,.cmp-change-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.cmp-unlink-btn{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.cmp-unlink-btn:hover{background:#ef444433}.cmp-change-btn{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f64d}.cmp-change-btn:hover{background:#3b82f633}.cmp-confidence-badge{align-items:center;gap:6px;font-size:.8rem;display:flex}.cmp-confidence-indicator{border-radius:50%;width:8px;height:8px}.cmp-confidence-indicator.green{background:#22c55e}.cmp-confidence-indicator.amber{background:#f59e0b}.cmp-confidence-indicator.orange{background:#f97316}.cmp-confidence-indicator.red{background:#ef4444}.cmp-confidence-label{color:var(--text-secondary,#aaa)}.cmp-strategy-label{color:var(--text-tertiary,#666);font-size:.75rem}.cmp-unmatched{flex-direction:column;gap:12px;display:flex}.cmp-unmatched-card{background:var(--surface-tertiary,#252540);border-radius:8px;padding:16px}.cmp-unmatched-header{justify-content:space-between;align-items:center;display:flex}.cmp-unmatched-org{align-items:center;gap:10px;display:flex}.cmp-unmatched-badge{color:#ef4444;background:#ef44441a;border-radius:4px;padding:2px 8px;font-size:.75rem}.cmp-search-btn{color:#3b82f6;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.cmp-search-btn:hover{background:#3b82f633}.cmp-potential-matches{border-top:1px solid var(--border-color,#333);margin-top:12px;padding-top:12px}.cmp-potential-label{color:var(--text-tertiary,#666);margin-bottom:8px;font-size:.85rem;display:block}.cmp-potential-item{cursor:pointer;background:#0003;border-radius:6px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;transition:background .2s;display:flex}.cmp-potential-item:hover{background:#22c55e1a}.cmp-potential-name{color:var(--text-primary,#fff);font-size:.9rem}.cmp-link-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:.8rem;transition:background .2s;display:flex}.cmp-link-btn:hover{background:#16a34a}.cmp-linking{color:var(--text-secondary,#aaa);margin-left:auto;font-size:.8rem}.cmp-all-matched{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.9rem;display:flex}.cmp-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cmp-search-modal,.cmp-history-modal{background:var(--surface-secondary,#1a1a2e);border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:70vh;display:flex}.cmp-modal-header{border-bottom:1px solid var(--border-color,#333);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cmp-modal-header h3{color:var(--text-primary,#fff);align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.cmp-modal-close{width:32px;height:32px;color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cmp-modal-close:hover{background:var(--surface-hover,#303050);color:var(--text-primary,#fff)}.cmp-search-input{border-bottom:1px solid var(--border-color,#333);align-items:center;gap:10px;padding:12px 20px;display:flex}.cmp-search-input input{color:var(--text-primary,#fff);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.cmp-search-input input::placeholder{color:var(--text-tertiary,#666)}.cmp-search-results{flex:1;padding:12px;overflow-y:auto}.cmp-empty{text-align:center;color:var(--text-secondary,#aaa);padding:40px}.cmp-search-result{cursor:pointer;border-radius:8px;padding:12px 16px;transition:background .2s}.cmp-search-result:hover{background:var(--surface-hover,#303050)}.cmp-result-main{flex-direction:column;gap:2px;display:flex}.cmp-result-name{color:var(--text-primary,#fff);font-weight:500}.cmp-result-email{color:var(--text-secondary,#aaa);font-size:.85rem}.cmp-result-details{margin-top:4px}.cmp-result-outstanding{color:#ef4444;align-items:center;gap:4px;font-size:.8rem;display:flex}.cmp-history-list{flex:1;padding:12px;overflow-y:auto}.cmp-history-item{background:var(--surface-tertiary,#252540);border-radius:8px;margin-bottom:8px;padding:12px 16px}.cmp-history-action{align-items:center;gap:8px;margin-bottom:6px;display:flex}.cmp-action-badge{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500}.cmp-action-badge.link{color:#22c55e;background:#22c55e1a}.cmp-action-badge.unlink{color:#ef4444;background:#ef44441a}.cmp-action-badge.change{color:#3b82f6;background:#3b82f61a}.cmp-action-badge.auto_match{color:#a855f7;background:#a855f71a}.cmp-history-org{color:var(--text-secondary,#aaa);font-size:.85rem}.cmp-history-details{color:var(--text-primary,#fff);margin-bottom:6px;font-size:.9rem}.cmp-history-meta{color:var(--text-tertiary,#666);gap:16px;font-size:.8rem;display:flex}.cmp-unmatched-actions{gap:8px;display:flex}.cmp-create-btn{color:#22c55e;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.cmp-create-btn:hover{background:#22c55e33}.cmp-create-modal{background:var(--surface-secondary,#1a1a2e);border-radius:12px;flex-direction:column;width:100%;max-width:560px;max-height:85vh;display:flex;overflow:hidden}.cmp-create-form{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.cmp-form-section{flex-direction:column;gap:4px;display:flex}.cmp-form-label{color:var(--text-secondary,#aaa);align-items:center;gap:4px;font-size:.8rem;font-weight:500;display:flex}.cmp-form-input{background:var(--surface-tertiary,#252540);border:1px solid var(--border-color,#333);color:var(--text-primary,#fff);border-radius:6px;outline:none;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.cmp-form-input:focus{border-color:#3b82f6}.cmp-form-input::placeholder{color:var(--text-tertiary,#555)}select.cmp-form-select{cursor:pointer;appearance:auto}.cmp-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cmp-form-row-3{grid-template-columns:1fr 1fr 1fr}.cmp-form-checkbox{flex-direction:row}.cmp-form-checkbox label{color:var(--text-secondary,#aaa);cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.cmp-form-checkbox input[type=checkbox]{accent-color:#22c55e}.cmp-create-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:10px 14px;font-size:.85rem}.cmp-create-actions{border-top:1px solid var(--border-color,#333);justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.cmp-btn-cancel{background:var(--surface-tertiary,#252540);border:1px solid var(--border-color,#333);color:var(--text-secondary,#aaa);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.85rem;transition:all .2s}.cmp-btn-cancel:hover{background:var(--surface-hover,#303050);color:var(--text-primary,#fff)}.cmp-btn-create{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:500;transition:background .2s;display:flex}.cmp-btn-create:hover{background:#16a34a}.cmp-btn-create:disabled{opacity:.6;cursor:not-allowed}.cmp-btn-create .spinning{animation:1s linear infinite spin}.cmp-import-section{margin-bottom:4px}.cmp-import-btn{color:#a855f7;cursor:pointer;background:#a855f71a;border:1px dashed #a855f766;border-radius:8px;align-items:center;gap:6px;width:100%;padding:10px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.cmp-import-btn:hover{background:#a855f726;border-color:#a855f799}.cmp-import-btn:disabled{opacity:.6;cursor:not-allowed}.cmp-import-btn .spinning{animation:1s linear infinite spin}.cmp-import-picker{background:var(--surface-tertiary,#252540);border:1px solid var(--border-color,#333);border-radius:8px;overflow:hidden}.cmp-import-picker-header{color:var(--text-secondary,#aaa);border-bottom:1px solid var(--border-color,#333);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8rem;display:flex}.cmp-import-picker-header button{color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.cmp-import-list{max-height:200px;overflow-y:auto}.cmp-import-item{cursor:pointer;border-bottom:1px solid #ffffff0a;padding:10px 14px;transition:background .15s}.cmp-import-item:last-child{border-bottom:none}.cmp-import-item:hover{background:#a855f71a}.cmp-import-item-name{color:var(--text-primary,#fff);font-size:.9rem;font-weight:500}.cmp-import-item-meta{color:var(--text-tertiary,#666);gap:12px;margin-top:2px;font-size:.75rem;display:flex}.cmp-import-empty{text-align:center;color:var(--text-secondary,#aaa);padding:20px;font-size:.85rem}.cl-container{padding:var(--spacing-lg) var(--spacing-xl);max-width:1100px;margin:0 auto}.cl-page-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.cl-page-header h1{color:var(--foreground)}.cl-page-header>svg{color:var(--muted-foreground)}.cl-summary{margin-bottom:var(--spacing-lg);margin:-4px -4px calc(var(--spacing-lg) - 4px) -4px;gap:8px;padding:4px;display:flex;overflow-x:auto}.cl-scard{background:var(--card);border:2px solid var(--border);cursor:pointer;min-width:80px;font-family:var(--font-family);color:var(--muted-foreground);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:14px 20px;transition:all .2s;display:flex}.cl-scard:hover{border-color:var(--muted-foreground);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.cl-scard.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--card));box-shadow:0 2px 12px color-mix(in srgb, var(--primary) 15%, transparent)}.cl-scard-danger.active{background:#fef2f2;border-color:#ef4444;box-shadow:0 2px 12px #ef44441f}.cl-scard svg{color:var(--muted-foreground)}.cl-scard svg.green{color:#22c55e}.cl-scard svg.blue{color:#3b82f6}.cl-scard svg.purple{color:#8b5cf6}.cl-scard svg.amber{color:#f59e0b}.cl-scard svg.red{color:#ef4444}.cl-scard-val{font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;color:var(--foreground);font-weight:800;line-height:1.1}.cl-scard.active .cl-scard-val{color:var(--primary)}.cl-scard-danger.active .cl-scard-val{color:#ef4444}.cl-scard-label{text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.cl-toolbar{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.cl-toolbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.cl-result-count{font-size:var(--font-size-xs);color:var(--muted-foreground);white-space:nowrap}.cl-search-wrap{flex:1;align-items:center;max-width:360px;display:flex;position:relative}.cl-search-icon{color:var(--muted-foreground);pointer-events:none;position:absolute;left:12px}.cl-search{border:1px solid var(--border);width:100%;font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--background);color:var(--foreground);border-radius:10px;padding:9px 34px 9px 36px;transition:all .2s}.cl-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent);outline:none}.cl-search-clear{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;border-radius:4px;padding:2px;display:flex;position:absolute;right:8px}.cl-search-clear:hover{color:var(--foreground)}.cl-sort-wrap{align-items:center;display:flex;position:relative}.cl-sort-icon{pointer-events:none;color:var(--muted-foreground);position:absolute;left:9px}.cl-sort{appearance:none;border:1px solid var(--border);font-size:var(--font-size-xs);font-family:var(--font-family);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:10px;padding:8px 12px 8px 28px;font-weight:500;transition:border-color .2s}.cl-sort:hover{border-color:var(--muted-foreground)}.cl-icon-btn{border:1px solid var(--border);background:var(--background);width:36px;height:36px;color:var(--muted-foreground);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cl-icon-btn:hover{border-color:var(--muted-foreground);color:var(--foreground)}.cl-icon-btn:disabled{opacity:.4;cursor:not-allowed}.cl-error{color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);background:#fef2f2;border-radius:10px}.cl-list{border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.cl-empty{color:var(--muted-foreground);font-size:var(--font-size-sm);flex-direction:column;align-items:center;gap:10px;padding:56px;display:flex}.cl-empty-reset{border:1px solid var(--border);font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--primary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;transition:all .15s}.cl-empty-reset:hover{background:var(--card)}.cl-row{cursor:pointer;border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);transition:background .12s;position:relative;overflow:hidden}.cl-row:last-child{border-bottom:none}.cl-row:hover{background:var(--card)}.cl-row.blocked{background:color-mix(in srgb, #ef4444 2%, var(--background));border-left:3px solid #ef4444}.cl-row.attention{background:color-mix(in srgb, #f59e0b 3%, var(--background));border-left:3px solid #f59e0b}.cl-row.attention:hover{background:color-mix(in srgb, #f59e0b 6%, var(--card))}.cl-row-content{align-items:center;gap:var(--spacing-md);padding:12px 16px;display:flex;position:relative}.cl-avatar{background:var(--muted);width:38px;height:38px;color:var(--muted-foreground);font-weight:700;font-size:var(--font-size-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cl-avatar.has-revenue{background:color-mix(in srgb, var(--primary) 10%, var(--muted));color:var(--primary)}.cl-avatar.blocked{color:#dc2626;background:#fef2f2}.cl-row-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cl-row-info{flex-direction:column;gap:1px;min-width:0;display:flex}.cl-row-name{font-weight:600;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;line-height:1.3;display:flex;overflow:hidden}.cl-attention-icon{color:#f59e0b;flex-shrink:0}.cl-row-sub{align-items:center;gap:12px;display:flex;overflow:hidden}.cl-row-email,.cl-row-phone{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:11px;line-height:1.3;display:inline-flex;overflow:hidden}.cl-row-email svg,.cl-row-phone svg{opacity:.6;flex-shrink:0}.cl-row-stats{flex-shrink:0;align-items:center;gap:5px;display:flex}.cl-stat-chip{white-space:nowrap;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.cl-stat-chip.service{color:#2563eb;background:#eff6ff}.cl-stat-chip.unit{color:#7c3aed;background:#f5f3ff}.cl-stat-chip.hire{color:#a16207;background:#fefce8}.cl-stat-chip.contracts{background:var(--muted);color:var(--muted-foreground);font-weight:500}.cl-stat-chip.xero{color:#059669;background:#ecfdf5}.cl-stat-chip.blocked-chip{color:#dc2626;background:#fef2f2}.cl-row-right{text-align:right;flex-shrink:0;min-width:64px}.cl-revenue{font-weight:700;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--foreground)}.cl-no-revenue{color:var(--muted-foreground);font-size:var(--font-size-xs)}.cl-pagination{margin-top:var(--spacing-lg);justify-content:center;align-items:center;gap:4px;display:flex}.cl-page-btn{border:1px solid var(--border);background:var(--background);width:34px;height:34px;color:var(--foreground);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cl-page-btn:hover{background:var(--card)}.cl-page-btn:disabled{opacity:.3;cursor:not-allowed}.cl-page-num{width:34px;height:34px;color:var(--muted-foreground);cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-family);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-weight:500;transition:all .15s;display:flex}.cl-page-num:hover{background:var(--card);color:var(--foreground)}.cl-page-num.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.spin{animation:1s linear infinite cust-spin}@keyframes cust-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cust-status-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.cust-status-ok{color:#166534;background:#dcfce7}.cust-status-overdue{color:#92400e;background:#fef3c7}.cust-status-blocked{color:#991b1b;background:#fecaca}.cust-status-warning{color:#854d0e;background:#fef9c3}.cust-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:4px;padding:6px 12px;transition:all .15s;display:inline-flex}.cust-btn:hover{background:var(--muted)}.cust-btn:disabled{opacity:.5;cursor:not-allowed}.cust-btn-sm{font-size:var(--font-size-xs);padding:3px 8px}.cust-btn-ghost{background:0 0;border:none}.cust-btn-ghost:hover{background:var(--muted)}@media (max-width:768px){.cl-container{padding:var(--spacing-sm)}.cl-summary{gap:6px}.cl-scard{min-width:64px;padding:10px 12px}.cl-scard-val{font-size:var(--font-size-lg)}.cl-toolbar{flex-direction:column;align-items:stretch}.cl-toolbar-right{justify-content:flex-end}.cl-search-wrap{max-width:none}.cl-row-stats{display:none}.cl-row-right{min-width:40px}.cl-row-sub{display:none}}.cust-detail{padding:0 var(--spacing-lg) var(--spacing-lg);max-width:1400px;margin:0 auto}.cust-detail-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin:0 calc(-1 * var(--spacing-lg)) var(--spacing-md);z-index:50;background:color-mix(in srgb, var(--background) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.cust-detail-title{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.cust-detail-title h2{font-size:var(--font-size-lg);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.cust-breadcrumb{font-size:var(--font-size-xs);color:var(--muted-foreground);align-items:center;gap:6px;margin-bottom:2px;display:flex}.cust-breadcrumb a{color:var(--muted-foreground);text-decoration:none;transition:color .15s}.cust-breadcrumb a:hover{color:var(--primary)}.cust-breadcrumb-current{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:600;overflow:hidden}.cust-loading-text{text-align:center;color:var(--muted-foreground);padding:var(--spacing-xl)}.cust-stats-strip{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;margin-bottom:10px;padding:8px 0;display:flex;overflow-x:auto}.cust-stat{flex-direction:column;flex:1;align-items:center;min-width:70px;padding:0 16px;display:flex}.cust-stat-sep{background:var(--border);flex-shrink:0;width:1px;height:28px}.cust-stat-val{font-size:var(--font-size-lg);white-space:nowrap;font-weight:700;line-height:1.2}.cust-stat-val.green{color:#22c55e}.cust-stat-val.red{color:#dc2626}.cust-stat-val.blue{color:#3b82f6}.cust-stat-lbl{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:10px}.cust-contact-strip{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.cust-chip{background:var(--muted);font-size:var(--font-size-xs);color:var(--foreground);white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;text-decoration:none;transition:background .15s;display:inline-flex}a.cust-chip:hover{background:var(--border)}.cust-chip-xero{color:#1e40af;background:#dbeafe}.cust-chart-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.cust-chart-section h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);font-weight:600}.cust-chart{align-items:flex-end;gap:3px;height:80px;display:flex}.cust-chart-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.cust-chart-bar{background:#3b82f6;border-radius:3px 3px 0 0;width:100%;max-width:40px;min-height:2px;transition:height .3s;position:relative}.cust-chart-bar:hover{background:#2563eb}.cust-chart-tooltip{background:var(--foreground);color:var(--background);white-space:nowrap;z-index:10;border-radius:4px;padding:4px 8px;font-size:11px;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.cust-chart-bar:hover .cust-chart-tooltip{display:block}.cust-chart-label{color:var(--muted-foreground);margin-top:2px;font-size:10px}.cust-section{margin-bottom:var(--spacing-md)}.cust-section h3{align-items:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);font-weight:600;display:flex}.cust-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md,10px);overflow-x:auto}.cust-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.cust-table thead{background:var(--muted);border-bottom:1px solid var(--border)}.cust-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.cust-table th.text-right{text-align:right}.cust-table th.text-center{text-align:center}.cust-table td{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);color:var(--foreground);vertical-align:middle;padding:8px 12px}.cust-table tbody tr:last-child td{border-bottom:none}.cust-table tbody tr:hover{background:color-mix(in srgb, var(--primary) 3%, var(--card))}.cust-cell-mono{font-family:monospace;font-size:12px;font-weight:500}.cust-cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.cust-cell-xs{font-size:var(--font-size-xs)}.cust-cell-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:monospace;font-size:12px}.cust-cell-amount.has-balance{color:#ef4444;font-weight:600}.cust-cell-count{text-align:center;font-weight:600}.cust-cell-center{text-align:center;color:var(--muted-foreground);padding:20px 12px}.cust-pagination{justify-content:center;align-items:center;gap:var(--spacing-sm);border-top:1px solid var(--border);padding:10px;display:flex}.cust-page-info{font-size:var(--font-size-xs);color:var(--muted-foreground)}.cust-tabs{border-bottom:1px solid var(--border);background:var(--card);border-radius:var(--radius) var(--radius) 0 0;padding:0 var(--spacing-xs);gap:0;margin-bottom:0;display:flex;overflow-x:auto}.cust-tabs::-webkit-scrollbar{height:0}.cust-tab{font-size:var(--font-size-sm);color:var(--muted-foreground);cursor:pointer;white-space:nowrap;font-family:var(--font-family);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 16px;font-weight:500;transition:all .15s;display:inline-flex}.cust-tab:hover{color:var(--foreground)}.cust-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.cust-tab svg{opacity:.6}.cust-tab.active svg{opacity:1}.cust-tab-count{opacity:.5;font-size:11px;font-weight:400}.cust-tab-content{padding:var(--spacing-md) 0}.cust-tab-content .cd-header{display:none}.cust-tab-content .cd-container{padding:0}.cust-badge{white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.cust-badge-info{color:#1e40af;background:#dbeafe}.cust-badge-success{color:#166534;background:#dcfce7}.cust-badge-purple{color:#5b21b6;background:#ede9fe}.cust-badge-muted{background:var(--muted);color:var(--muted-foreground)}.cust-badge-warning{color:#92400e;background:#fef3c7}.cust-timeline{padding:var(--spacing-xs) 0}.cust-timeline-item{gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-left:2px solid var(--border);padding-left:var(--spacing-md);margin-left:8px;display:flex;position:relative}.cust-timeline-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:-5px}.cust-timeline-content{flex:1}.cust-timeline-date{font-size:var(--font-size-xs);color:var(--muted-foreground)}.cust-timeline-desc{font-size:var(--font-size-sm)}.cust-timeline-amount{font-family:monospace;font-size:var(--font-size-sm);color:#22c55e;font-weight:600}.cust-empty{text-align:center;padding:var(--spacing-lg);color:var(--muted-foreground)}.cust-layout{gap:var(--spacing-lg);grid-template-columns:260px 1fr;max-width:1400px;margin:0 auto;display:grid}.cust-sidebar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);height:fit-content;max-height:calc(100vh - 90px);padding:var(--spacing-md);flex-direction:column;gap:0;display:flex;position:sticky;top:72px;overflow-y:auto}.cust-sidebar::-webkit-scrollbar{width:4px}.cust-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cust-sidebar-identity{gap:var(--spacing-xs);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.cust-sidebar-identity h3{font-size:var(--font-size-sm);margin:0;font-weight:700;line-height:1.3}.cust-sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);padding:var(--spacing-sm) 0 4px;opacity:.7;font-size:9px;font-weight:700}.cust-sidebar-health{margin-top:4px}.cust-health-bar{background:var(--muted);border-radius:2px;height:4px;overflow:hidden}.cust-health-fill{border-radius:2px;height:100%;transition:width .5s}.cust-health-fill.good{background:#22c55e}.cust-health-fill.warning{background:#f59e0b}.cust-health-fill.bad{background:#ef4444}.cust-health-label{color:var(--muted-foreground);text-align:right;margin-top:2px;font-size:10px}.cust-sidebar-kpis{padding:0 0 var(--spacing-sm);border-bottom:1px solid var(--border);flex-direction:column;gap:2px;display:flex}.cust-kpi{justify-content:space-between;align-items:center;display:flex}.cust-kpi-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.cust-kpi-value{font-size:var(--font-size-sm);font-family:monospace;font-weight:700}.cust-kpi-value.green{color:#22c55e}.cust-kpi-value.red{color:#dc2626}.cust-kpi-value.amber{color:#f59e0b}.cust-sidebar-contacts{padding:0 0 var(--spacing-sm);border-bottom:1px solid var(--border);flex-direction:column;gap:2px;display:flex}.cust-sidebar-contacts a,.cust-sidebar-contacts span{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:11px;text-decoration:none;transition:all .15s;display:flex;overflow:hidden}.cust-sidebar-contacts a:hover{color:var(--primary);background:var(--muted)}.cust-sidebar-contacts svg{color:var(--muted-foreground);flex-shrink:0}.cust-sidebar-contact-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.cust-sidebar-counts{padding:0 0 var(--spacing-sm);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:4px;display:grid}.cust-sidebar-count-item{background:var(--muted);cursor:default;border-radius:6px;flex-direction:column;align-items:center;padding:8px 4px;transition:background .15s;display:flex}.cust-sidebar-count-item:hover{background:color-mix(in srgb, var(--primary) 6%, var(--muted))}.cust-sidebar-count-val{font-size:var(--font-size-base);font-weight:700;line-height:1.2}.cust-sidebar-count-lbl{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;margin-top:1px;font-size:9px}.cust-sidebar-xero{padding-top:var(--spacing-xs)}.cust-sidebar-xero h4{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:10px;font-weight:600}.cust-sidebar-xero .cust-chip{text-overflow:ellipsis;margin-bottom:4px;font-size:11px;display:block;overflow:hidden}.cust-main{min-width:0}.cust-detail-actions{align-items:center;gap:var(--spacing-sm);margin-left:auto;display:flex}.cust-btn-primary{border-radius:var(--radius-sm,6px);background:var(--primary);color:#fff;font-size:var(--font-size-sm);cursor:pointer;font-weight:600;font-family:var(--font-family);border:none;align-items:center;gap:4px;padding:6px 14px;transition:all .15s;display:inline-flex}.cust-btn-primary:hover{filter:brightness(.9)}.cust-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1024px){.cust-layout{grid-template-columns:1fr}.cust-sidebar{align-items:flex-start;gap:var(--spacing-md);flex-flow:wrap;max-height:none;position:static}.cust-sidebar-identity{border-bottom:none;padding-bottom:0}.cust-sidebar-kpis{gap:var(--spacing-lg);border-bottom:none;flex-direction:row;flex:1;min-width:300px;padding:0}.cust-sidebar-contacts{gap:var(--spacing-sm);border-bottom:none;flex-flow:wrap;padding:0}.cust-sidebar-counts{border-bottom:none;grid-template-columns:repeat(4,1fr);width:100%;padding:0}.cust-sidebar-xero{gap:var(--spacing-xs);flex-wrap:wrap;align-items:center;display:flex}.cust-sidebar-xero h4{margin:0}.cust-sidebar-xero .cust-chip{margin-bottom:0;display:inline-flex}}@media (max-width:768px){.cust-container,.cust-detail{padding:var(--spacing-sm)}.cust-stats-strip{padding:6px 0}.cust-stat{min-width:56px;padding:0 10px}.cust-stat-val{font-size:var(--font-size-md)}.cust-contact-strip{gap:4px}.cust-summary{flex-wrap:wrap}.cust-summary-card{flex:1;min-width:110px}}.cust-note-badge{color:#d97706;cursor:default;background:#f59e0b26;border-radius:12px;flex-shrink:1;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.cust-notes-edit-section .cd-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cust-notes-edit-section .cd-section-header h3{font-size:var(--font-size-sm);color:var(--foreground);align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.cust-notes-textarea{background:var(--surface-primary,var(--card));width:100%;color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);resize:vertical;outline:none;min-height:60px;padding:10px 12px;transition:border-color .15s}.cust-notes-textarea:focus{border-color:var(--primary)}.cust-notes-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.cust-notes-display p{font-size:var(--font-size-sm);color:var(--foreground);margin:0;line-height:1.6}.cust-notes-empty{font-style:italic;color:var(--muted-foreground)!important}.cd-form-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.cd-form-group label{color:var(--muted-foreground);font-size:.8rem;font-weight:500}.cd-form-group input,.cd-form-group textarea{background:var(--surface-primary,var(--card));width:100%;color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm,6px);box-sizing:border-box;outline:none;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.cd-form-group input:focus,.cd-form-group textarea:focus{border-color:var(--primary)}.cd-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cust-detail-fields{flex-direction:column;gap:10px;display:flex}.cust-field-row{align-items:baseline;gap:12px;font-size:.9rem;display:flex}.cust-field-label{min-width:130px;color:var(--muted-foreground);flex-shrink:0;font-weight:500}.cust-field-row>span:last-child{color:var(--foreground)}.cd-danger-zone{border-top:2px solid #ef44444d;margin-top:12px}@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}}.hcm-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.hcm-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.hcm-header h2{font-size:var(--font-size-xl);margin:0}.hcm-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.hcm-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);text-align:center;min-width:100px}.hcm-stat-val{font-size:var(--font-size-2xl);color:var(--foreground);font-weight:700;display:block}.hcm-stat-label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.hcm-stat.confirmed .hcm-stat-val{color:#22c55e}.hcm-stat.auto .hcm-stat-val{color:#3b82f6}.hcm-stat.review .hcm-stat-val{color:#f59e0b}.hcm-stat.new .hcm-stat-val{color:#8b5cf6}.hcm-stat.rejected .hcm-stat-val{color:#94a3b8}.hcm-actions{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.hcm-filters,.hcm-bulk-actions{gap:var(--spacing-sm);display:flex}.hcm-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.hcm-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.hcm-table th{background:var(--muted);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap}.hcm-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);vertical-align:top}.hcm-row:hover{background:var(--muted)}.hcm-row-confirmed{opacity:.6}.hcm-row-rejected{opacity:.4}.hcm-row-new_customer{background:#8b5cf608}.hcm-row-needs_review{background:#f59e0b08}.hcm-cell-name{white-space:nowrap;font-weight:500}.hcm-cell-email{font-size:var(--font-size-xs);color:var(--muted-foreground)}.hcm-strategy{background:var(--muted);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;display:inline-block}.hcm-badge{white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-success{color:#166534;background:#dcfce7}.badge-info{color:#1e40af;background:#dbeafe}.badge-warning{color:#92400e;background:#fef3c7}.badge-purple{color:#5b21b6;background:#ede9fe}.badge-muted{color:#64748b;background:#f1f5f9}.hcm-conf{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600;display:inline-block}.conf-high{color:#166534;background:#dcfce7}.conf-med{color:#92400e;background:#fef3c7}.conf-low{color:#dc2626;background:#fef2f2}.hcm-actions-cell{white-space:nowrap;gap:4px;display:flex}.btn-success{color:#fff!important;background:#22c55e!important;border:none!important}.btn-success:hover{background:#16a34a!important}.hcm-pagination{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}.hcm-page-info{font-size:var(--font-size-sm);color:var(--muted-foreground)}.hcm-empty{text-align:center;color:var(--muted-foreground);padding:60px 20px}.hcm-empty p{margin:16px 0}.hcm-search-results{max-height:400px;overflow-y:auto}.hcm-search-item{border-bottom:1px solid var(--border);cursor:pointer;padding:10px 12px;transition:background .15s}.hcm-search-item:hover{background:var(--muted)}.hcm-notes-section{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--muted);border-radius:var(--radius-md)}.hcm-notes-section h4{font-size:var(--font-size-sm);margin:0 0 8px}.hcm-note{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-bottom:4px}@media (max-width:768px){.hcm-stats{flex-flow:wrap}.hcm-stat{min-width:80px;padding:var(--spacing-sm);flex:1}.hcm-stat-val{font-size:var(--font-size-lg)}.hcm-actions{flex-direction:column}}.sg-draft-saved{color:#22c55e;z-index:100;background:#22c55e14;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;animation:3s forwards sg-draft-fade;display:flex;position:fixed;bottom:16px;right:16px}@keyframes sg-draft-fade{0%,70%{opacity:1}to{opacity:0}}.sg-forms-page{color:#e8e6e3;background:#0c0c0c;min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.sg-forms-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ff6b3505 1px,#0000 1px),linear-gradient(90deg,#ff6b3505 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.sg-forms-page .sg-form-header h2{color:#fff}.sg-forms-page .sg-form-header p{color:#e8e6e380}.sg-forms-page .sg-form-back{color:#e8e6e380;border-color:#e8e6e31a}.sg-forms-page .sg-form-back:hover{color:#ff6b35;border-color:#ff6b354d}.sg-forms-page .sg-form-section{background:#ffffff08;border-color:#ffffff0f}.sg-forms-page .sg-form-section:hover{border-color:#ff6b351f}.sg-forms-page .sg-form-section-title{border-bottom-color:#ffffff0f}.sg-forms-page .sg-field>label{color:#e8e6e3b3}.sg-forms-page .sg-field input,.sg-forms-page .sg-field select,.sg-forms-page .sg-field textarea{color:#1a1a1a;caret-color:#ff6b35;background:#fff;border-color:#00000026}.sg-forms-page .sg-field input::placeholder,.sg-forms-page .sg-field textarea::placeholder{color:#999}.sg-forms-page .sg-field input:focus,.sg-forms-page .sg-field select:focus,.sg-forms-page .sg-field textarea:focus{background:#fff;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526}.sg-forms-page .sg-field input::selection,.sg-forms-page .sg-field textarea::selection,.sg-forms-page .sg-field select::selection{color:#1a1a1a;background:#ff6b3540}.sg-forms-page .sg-radio-option,.sg-forms-page .sg-checkbox-option{background:#ffffff08;border-color:#ffffff0f}.sg-forms-page .sg-radio-option:hover,.sg-forms-page .sg-checkbox-option:hover{background:#ff6b3508;border-color:#ff6b3533}.sg-forms-page .sg-radio-option span,.sg-forms-page .sg-checkbox-option span{color:#e8e6e3b3}.sg-forms-page .sg-radio-option input[type=radio]:checked+span{color:#fff}.sg-forms-page .sg-signature-canvas{background:#fff;border-color:#ffffff1a}.sg-forms-page .sg-signature-canvas:hover{border-color:#ff6b3533}.sg-forms-page .sg-signature-clear{color:#e8e6e366}.sg-forms-page .sg-form-success{background:#ffffff08;border-color:#ffffff0f}.sg-forms-page .sg-form-success p{color:#e8e6e380}.sg-forms-page .sg-form-success button{color:#ff6b35;border-color:#ff6b354d}.sg-forms-page .sg-form-success button:hover{background:#ff6b3514}.sg-forms-page .sg-form-error{color:#f87171;background:#ef444414;border-color:#ef444433}.sg-forms-page .field-hint{color:#e8e6e359}.sg-forms-page .sg-info-box{color:#e8e6e3cc;background:#ff6b350f}.sg-forms-page .sg-option-card{background:#ffffff08;border-color:#ffffff14}.sg-forms-page .sg-option-card:hover{background:#ff6b350a;border-color:#ff6b3559}.sg-forms-page .sg-option-card.selected{background:#ff6b350f;border-color:#ff6b35}.sg-forms-page .sg-option-card-title{color:#e8e6e3}.sg-forms-page .sg-option-card-desc{color:#e8e6e373}.sg-forms-page .sg-signature-watermark{color:#0000001a}.sg-forms-topbar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.4);background:#0c0c0cd9;border-bottom:1px solid #ff6b3526;position:sticky;top:0}.sg-forms-topbar-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:14px 24px;display:flex}.sg-forms-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.sg-forms-brand img{width:auto;height:36px}.sg-forms-brand-text{letter-spacing:-.01em;color:#e8e6e3;font-size:15px;font-weight:600}.sg-forms-brand-text span{color:#ff6b35}.sg-forms-login-link{color:#e8e6e380;border:1px solid #e8e6e31f;border-radius:6px;padding:6px 14px;font-size:13px;text-decoration:none;transition:all .2s}.sg-forms-login-link:hover{color:#ff6b35;border-color:#ff6b354d}.sg-forms-stripe{opacity:.6;background:repeating-linear-gradient(90deg,#ff6b35 0 12px,#0000 12px 18px);height:3px}.sg-form{z-index:1;max-width:680px;margin:0 auto;padding:40px 24px 100px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.sg-form-header{margin-bottom:36px}.sg-form-back{color:var(--muted-foreground,#6c757d);border:1px solid var(--border,#0000001a);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-bottom:24px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.sg-form-back:hover{color:#ff6b35;border-color:#ff6b354d}.sg-form-header h2{color:var(--foreground,#1a1a1a);letter-spacing:-.02em;margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:28px;font-weight:700;line-height:1.2}.sg-form-header p{color:var(--muted-foreground,#6c757d);font-size:15px;line-height:1.6}.sg-form-section{background:var(--card,#f8f9fa);border:1px solid var(--border,#00000014);border-radius:12px;margin-bottom:16px;padding:28px;transition:border-color .3s;position:relative}.sg-form-section:hover{border-color:#ff6b3533}.sg-form-section-title{color:#ff6b35;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border,#00000014);margin-bottom:24px;padding-bottom:12px;font-family:JetBrains Mono,DM Sans,monospace;font-size:12px;font-weight:600}.sg-field{margin-bottom:20px}.sg-field:last-child{margin-bottom:0}.sg-field>label{color:var(--foreground,#1a1a1a);letter-spacing:.01em;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.sg-field label .required{color:#ff6b35;margin-left:3px;font-weight:400}.sg-field input[type=text],.sg-field input[type=email],.sg-field input[type=tel],.sg-field input[type=number],.sg-field input[type=date],.sg-field input[type=time],.sg-field input[type=password],.sg-field select,.sg-field textarea{background:var(--background,#fff);border:1px solid var(--border,#0000001f);width:100%;color:var(--foreground,#1a1a1a);border-radius:8px;outline:none;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:15px;transition:all .2s}.sg-field input::placeholder,.sg-field textarea::placeholder{color:var(--muted-foreground,#adb5bd)}.sg-field input::selection,.sg-field textarea::selection,.sg-field select::selection{color:var(--foreground,#1a1a1a);background:#ff6b3533}.sg-field input:focus,.sg-field select:focus,.sg-field textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.sg-field textarea{resize:vertical;min-height:90px;line-height:1.5}.sg-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ff6b35' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.sg-field .field-hint{color:var(--muted-foreground,#6c757d);margin-top:6px;font-size:12px;line-height:1.4}.sg-field.has-error input,.sg-field.has-error select,.sg-field.has-error textarea{border-color:var(--error,#dc3545)}.sg-field .field-error{color:var(--error,#dc3545);margin-top:6px;font-size:12px}.sg-name-block{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sg-address-block{flex-direction:column;gap:10px;display:flex}.sg-address-row{grid-template-columns:1fr 1fr 110px;gap:10px;display:grid}.sg-radio-group{flex-direction:column;gap:8px;display:flex}.sg-radio-group.horizontal{flex-flow:wrap;gap:10px}.sg-radio-option{cursor:pointer;background:var(--background,#fff);border:1px solid var(--border,#0000001a);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.sg-radio-option:hover{background:#ff6b3505;border-color:#ff6b354d}.sg-radio-option input[type=radio]{accent-color:#ff6b35;cursor:pointer;flex-shrink:0;width:18px;height:18px}.sg-radio-option span{color:var(--foreground,#1a1a1a);font-size:14px;transition:color .2s}.sg-checkbox-option{cursor:pointer;background:var(--background,#fff);border:1px solid var(--border,#0000001a);border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.sg-checkbox-option:hover{border-color:#ff6b354d}.sg-checkbox-option input[type=checkbox]{accent-color:#ff6b35;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:1px}.sg-checkbox-option span{color:var(--foreground,#1a1a1a);font-size:14px;line-height:1.5}.sg-info-box{color:var(--foreground,#1a1a1a);background:#ff6b350d;border-left:3px solid #ff6b35;border-radius:0 8px 8px 0;margin-bottom:20px;padding:14px 16px;font-size:14px;line-height:1.55}.sg-option-cards{flex-direction:column;gap:8px;display:flex}.sg-option-card{background:var(--background,#fff);border:1.5px solid var(--border,#0000001a);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:14px 16px;font-family:DM Sans,sans-serif;transition:all .2s;display:flex}.sg-option-card:hover{background:#ff6b3505;border-color:#ff6b3559}.sg-option-card.selected{background:#ff6b350a;border-color:#ff6b35;border-left-width:4px}.sg-option-card-title{color:var(--foreground,#1a1a1a);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.sg-option-card-price{color:#ff6b35;background:#ff6b3514;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.sg-option-card-desc{color:var(--muted-foreground,#6c757d);font-size:13px;line-height:1.45}.sg-signature-pad{position:relative}.sg-signature-watermark{color:#0000001f;pointer-events:none;z-index:1;font-family:DM Sans,sans-serif;font-size:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sg-signature-canvas{border:1px solid var(--border,#0000001f);cursor:crosshair;touch-action:none;background:#fff;border-radius:8px;width:100%;height:160px;transition:border-color .2s}.sg-signature-canvas:hover{border-color:#ff6b354d}.sg-signature-actions{justify-content:flex-end;margin-top:6px;display:flex}.sg-signature-clear{color:var(--muted-foreground,#6c757d);cursor:pointer;background:0 0;border:none;font-family:DM Sans,sans-serif;font-size:12px;transition:color .2s}.sg-signature-clear:hover{color:var(--error,#dc3545)}.sg-conditional{transition:max-height .35s,opacity .35s;overflow:hidden}.sg-conditional.hidden{opacity:0;max-height:0;margin:0;padding:0}.sg-conditional.visible{opacity:1;max-height:3000px}.sg-form-submit{flex-direction:column;gap:12px;margin-top:28px;display:flex}.sg-form-submit-btn{color:#fff;letter-spacing:.01em;cursor:pointer;background:#ff6b35;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.sg-form-submit-btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 50%);position:absolute;inset:0}.sg-form-submit-btn:hover:not(:disabled){background:#e85d2c;transform:translateY(-1px);box-shadow:0 8px 24px #ff6b3533}.sg-form-submit-btn:active:not(:disabled){transform:translateY(0)}.sg-form-submit-btn:disabled{opacity:.5;cursor:not-allowed}.sg-form-submit-btn .spinning{animation:1s linear infinite sg-spin}@keyframes sg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sg-form-error{color:var(--error,#dc3545);background:#dc35450f;border:1px solid #dc354533;border-radius:8px;padding:14px 16px;font-size:14px;line-height:1.5}.sg-form-success{background:var(--card,#f8f9fa);border:1px solid var(--border,#00000014);text-align:center;border-radius:16px;max-width:480px;margin:60px auto;padding:48px 32px}.sg-form-success h3{color:var(--success,#28a745);margin-top:16px;margin-bottom:8px;font-size:22px;font-weight:700}.sg-form-success p{color:var(--muted-foreground,#6c757d);font-size:15px;line-height:1.6}.sg-form-success button{color:#ff6b35;cursor:pointer;background:0 0;border:1px solid #ff6b354d;border-radius:8px;margin-top:24px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.sg-form-success button:hover{background:#ff6b350f;border-color:#ff6b35}.sg-doc-agreement{margin-bottom:20px}.sg-doc-hint{color:var(--muted-foreground,#6c757d);margin-bottom:12px;font-size:13px;line-height:1.4}.sg-doc-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.sg-doc-btn{background:var(--background,#fff);border:1px solid var(--border,#0000001a);color:var(--foreground,#1a1a1a);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s;display:flex}.sg-doc-btn:hover{background:#ff6b3508;border-color:#ff6b35}.sg-doc-btn.opened{background:#22c55e0a;border-color:#22c55e}.sg-doc-btn .sg-doc-ext{color:var(--muted-foreground,#adb5bd);flex-shrink:0;margin-left:auto}.sg-doc-btn .sg-doc-check{color:#22c55e;flex-shrink:0;margin-left:auto}.sg-doc-checkbox.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.sg-doc-blocked{color:#ff6b35;margin-top:6px;font-size:12px}.sg-forms-page .sg-doc-hint{color:#e8e6e373}.sg-forms-page .sg-doc-btn{color:#e8e6e3;background:#1a1a1a;border-color:#ffffff1a}.sg-forms-page .sg-doc-btn:hover{background:#ff6b350f;border-color:#ff6b35}.sg-forms-page .sg-doc-btn.opened{background:#22c55e0f;border-color:#22c55e}.sg-forms-page .sg-doc-btn .sg-doc-ext{color:#e8e6e34d}.sg-forms-page .sg-doc-blocked{color:#ff6b35}@media (max-width:640px){.sg-form{padding:24px 16px 100px}.sg-form-header h2{font-size:22px}.sg-form-section{border-radius:10px;padding:20px 16px}.sg-name-block,.sg-address-row{grid-template-columns:1fr}.sg-radio-group.horizontal{flex-direction:column}.sg-forms-topbar-inner{padding:12px 16px}}.forms-hub{z-index:1;max-width:1120px;margin:0 auto;padding:0 24px 100px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.forms-hub-hero{padding:40px 0 36px;position:relative}.forms-hub-hero:after{content:"";background:linear-gradient(90deg,#0000,#ff6b3533,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.forms-hub-back{color:var(--muted-foreground,#6c757d);border:1px solid var(--border,#0000001a);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-bottom:24px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.forms-hub-back:hover{color:#ff6b35;border-color:#ff6b354d}.forms-hub-hero h1{color:var(--foreground,#1a1a1a);letter-spacing:-.03em;margin-bottom:12px;font-family:DM Sans,sans-serif;font-size:38px;font-weight:700;line-height:1.1}.forms-hub-hero h1 span{color:#ff6b35}.forms-hub-hero p{color:var(--muted-foreground,#6c757d);max-width:520px;font-size:16px;line-height:1.6}.forms-hub-search{background:var(--card,#f8f9fa);border:1px solid var(--border,#00000014);border-radius:10px;align-items:center;gap:10px;margin-top:24px;padding:10px 16px;transition:border-color .2s;display:flex}.forms-hub-search:focus-within{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3514}.forms-hub-search svg{color:var(--muted-foreground,#adb5bd);flex-shrink:0}.forms-hub-search input{color:var(--foreground,#1a1a1a);background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:15px}.forms-hub-search input::placeholder{color:var(--muted-foreground,#adb5bd)}.forms-category{margin-top:36px}.forms-category-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.forms-category-number{color:#ff6b35;letter-spacing:.04em;background:#ff6b350f;border:1px solid #ff6b3526;border-radius:4px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.forms-category-title{color:var(--muted-foreground,#6c757d);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.forms-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.forms-card{background:var(--card,#f8f9fa);border:1px solid var(--border,#00000012);cursor:pointer;text-align:left;border-radius:12px;align-items:flex-start;gap:14px;width:100%;padding:18px 20px;font-family:DM Sans,sans-serif;transition:all .25s;display:flex;position:relative;overflow:hidden}.forms-card:before{content:"";opacity:0;background:#ff6b35;width:3px;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.forms-card:hover{border-color:#ff6b3540;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.forms-card:hover:before{opacity:1}.forms-card-icon{color:#ff6b35;background:#ff6b3514;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex}.forms-card:hover .forms-card-icon{background:#ff6b3524}.forms-card-content{flex:1;min-width:0}.forms-card-title{color:var(--foreground,#1a1a1a);margin-bottom:3px;font-size:14px;font-weight:600;line-height:1.3}.forms-card-desc{color:var(--muted-foreground,#6c757d);font-size:13px;line-height:1.4}.forms-card-arrow{color:var(--border,#00000026);flex-shrink:0;align-self:center;transition:all .25s}.forms-card:hover .forms-card-arrow{color:#ff6b35;transform:translate(3px)}.forms-hub-footer{border-top:1px solid var(--border,#0000000f);text-align:center;margin-top:48px;padding-top:20px}.forms-hub-footer p{color:var(--muted-foreground,#adb5bd);font-size:13px;line-height:1.5}.forms-hub-footer a{color:#ff6b35;text-decoration:none}.forms-hub-footer a:hover{text-decoration:underline}.sg-forms-page .forms-hub-hero h1{color:#fff}.sg-forms-page .forms-hub-hero p{color:#e8e6e373}.sg-forms-page .forms-hub-search{background:#ffffff08;border-color:#ffffff0f}.sg-forms-page .forms-hub-search input{color:#e8e6e3}.sg-forms-page .forms-hub-search input::placeholder,.sg-forms-page .forms-hub-search svg{color:#e8e6e34d}.sg-forms-page .forms-hub-back{color:#e8e6e380;border-color:#e8e6e31a}.sg-forms-page .forms-hub-back:hover{color:#ff6b35;border-color:#ff6b354d}.sg-forms-page .forms-category-title{color:#e8e6e366}.sg-forms-page .forms-card{background:#ffffff05;border-color:#ffffff0d}.sg-forms-page .forms-card:hover{background:#ff6b350a;border-color:#ff6b3526;box-shadow:0 8px 32px #0000004d}.sg-forms-page .forms-card-title{color:#e8e6e3}.sg-forms-page .forms-card-desc{color:#e8e6e366}.sg-forms-page .forms-card-arrow{color:#e8e6e326}.sg-forms-page .forms-card:hover .forms-card-arrow{color:#ff6b35}.sg-forms-page .forms-hub-footer{border-top-color:#ffffff0a}.sg-forms-page .forms-hub-footer p{color:#e8e6e340}@media (max-width:640px){.forms-hub{padding:0 16px 100px}.forms-hub-hero{padding:28px 0 24px}.forms-hub-hero h1{font-size:26px}.forms-grid{grid-template-columns:1fr}.forms-category{margin-top:24px}}.fmsub{max-width:1100px;margin:0 auto;padding:0 0 120px}.fmsub-header{margin-bottom:20px}.fmsub-title-row{align-items:center;gap:12px;display:flex}.fmsub-title-row h2{font-size:var(--font-size-2xl);margin:0;font-weight:700}.fmsub-count{font-size:var(--font-size-sm);color:var(--muted-foreground);background:var(--muted);border-radius:12px;padding:2px 10px}.fmsub-filters{gap:10px;margin-bottom:16px;display:flex}.fmsub-filters select{border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-family);font-size:var(--font-size-sm);background:var(--background);color:var(--foreground);cursor:pointer;padding:8px 12px}.fmsub-loading{color:var(--muted-foreground);justify-content:center;align-items:center;gap:8px;padding:40px;display:flex}.fmsub-empty{text-align:center;color:var(--muted-foreground);padding:40px}.fmsub-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.fmsub-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.fmsub-table th{text-align:left;background:var(--muted);color:var(--muted-foreground);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px}.fmsub-table td{border-bottom:1px solid var(--border);color:var(--foreground);padding:10px 14px}.fmsub-table tr:last-child td{border-bottom:none}.fmsub-table tr.is-new{background:#ff6b3508}.fmsub-form-title{font-weight:500}.fmsub-date{white-space:nowrap;color:var(--muted-foreground);font-size:var(--font-size-xs)}.fmsub-status{text-transform:uppercase;letter-spacing:.03em;border:1px solid;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.fmsub-actions{gap:4px;display:flex}.fmsub-actions button{border:1px solid var(--border);cursor:pointer;color:var(--muted-foreground);background:0 0;border-radius:6px;padding:5px;transition:all .2s;display:flex}.fmsub-actions button:hover{color:var(--primary);border-color:var(--primary)}.fmsub-pagination{font-size:var(--font-size-sm);color:var(--muted-foreground);justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.fmsub-pagination button{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;padding:6px 14px}.fmsub-pagination button:disabled{opacity:.4;cursor:not-allowed}.fmsub-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.fmsub-modal{background:var(--background);border-radius:12px;width:100%;max-width:700px;box-shadow:0 16px 48px #0003}.fmsub-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.fmsub-modal-header h3{font-size:var(--font-size-lg);margin:0;font-weight:600}.fmsub-modal-header button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:4px}.fmsub-modal-body{max-height:70vh;padding:20px;overflow-y:auto}.fmsub-meta{border-bottom:1px solid var(--border);font-size:var(--font-size-sm);color:var(--foreground);flex-wrap:wrap;gap:8px 20px;margin-bottom:20px;padding-bottom:16px;display:flex}.fmsub-detail-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.fmsub-detail-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 0}.fmsub-detail-label{color:var(--muted-foreground);width:180px;padding-right:16px;font-weight:500}.fmsub-detail-value{color:var(--foreground);word-break:break-word}.fmsub-modal-actions{border-top:1px solid var(--border);gap:8px;margin-top:20px;padding-top:16px;display:flex}.fmsub-btn-review,.fmsub-btn-archive{border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;border:1px solid;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:inline-flex}.fmsub-btn-review{color:#22c55e;background:#22c55e14;border-color:#22c55e33}.fmsub-btn-archive{color:#6c757d;background:#6c757d14;border-color:#6c757d33}.fmsub-create-customer{border-radius:var(--radius);background:#22c55e0d;border:1px dashed #22c55e4d;margin-top:16px;padding:16px}.fmsub-create-header{font-size:var(--font-size-sm);color:#22c55e;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.fmsub-create-row{align-items:center;gap:10px;display:flex}.fmsub-org-select{background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm,6px);font-size:var(--font-size-sm);cursor:pointer;flex:1;padding:8px 12px}.fmsub-btn-create{color:#fff;border-radius:var(--radius-sm,6px);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:#22c55e;border:none;align-items:center;gap:6px;padding:8px 18px;font-weight:500;transition:background .2s;display:inline-flex}.fmsub-btn-create:hover{background:#16a34a}.fmsub-btn-create:disabled{opacity:.6;cursor:not-allowed}.fmsub-btn-create .spinning{animation:1s linear infinite spin}.fmsub-create-success{color:#22c55e;font-weight:500;font-size:var(--font-size-sm);align-items:center;gap:8px;display:flex}.fmsub-create-error{color:#ef4444;font-size:var(--font-size-sm);margin-top:8px}@media (max-width:640px){.fmsub-filters{flex-direction:column}.fmsub-table th:nth-child(3),.fmsub-table td:nth-child(3),.fmsub-table th:nth-child(4),.fmsub-table td:nth-child(4){display:none}}