*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Arial,sans-serif}.toolbar{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex;box-shadow:0 1px 3px #0000000d}.toolbar-left{align-items:center;display:flex}.toolbar-logo{width:auto;height:36px;display:block}.toolbar-right{align-items:center;gap:.5rem;display:flex}.toolbar-label{color:#d84a4a;white-space:nowrap;font-size:.8rem;font-weight:500}.toolbar-select{color:#444;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:.35rem .5rem;font-size:.8rem}.toolbar-btn{cursor:pointer;white-space:nowrap;border-radius:4px;padding:.35rem .85rem;font-size:.8rem}.toolbar-btn-ghost{color:#444;background:0 0;border:1px solid #ccc}.toolbar-btn-ghost:hover{background:#f5f5f5}.toolbar-btn-filled{color:#fff;background:#d84a4a;border:1px solid #d84a4a}.toolbar-btn-filled:hover{background:#c43e3e;border-color:#c43e3e}.toolbar-btn-outline{color:#444;background:#fff;border:1px solid #ccc}.toolbar-btn-outline:hover{background:#f5f5f5}.toolbar-message{z-index:10;border-radius:4px;padding:.4rem .75rem;font-size:.8rem;position:absolute;top:56px;right:1.25rem;box-shadow:0 2px 6px #0000001a}.toolbar-message-error{color:#a62020;background:#fef1f1;border:1px solid #d84a4a}.toolbar-message-info{color:#0057a6;background:#f1f7fe;border:1px solid #0057a6}.sidebar{background:#fff;border-right:1px solid #e8e8e8;flex-direction:column;width:300px;min-width:300px;display:flex}.sidebar-scroll{flex:1;padding:1.25rem 1.25rem .5rem;overflow-y:auto}.sidebar-section{border-bottom:1px solid #f0f0f0;margin-bottom:1rem;padding-bottom:1rem}.sidebar-section:last-child{border-bottom:none}.sidebar-section-title{text-transform:uppercase;letter-spacing:.06em;color:#999;margin:0 0 .75rem;font-size:.7rem;font-weight:700}.sidebar-label{color:#555;margin-bottom:.65rem;font-size:.82rem;display:block}.sidebar-label .required{color:#d84a4a}.sidebar-label--bold{color:#333;font-weight:600}.validation-hint{color:#d84a4a;margin-top:.25rem;font-size:.7rem;display:block}.sidebar-input{color:#333;box-sizing:border-box;background:0 0;border:none;border-bottom:1px solid #ccc;border-radius:0;outline:none;width:100%;margin-top:.2rem;padding:.4rem 0;font-size:.82rem;transition:border-color .15s;display:block}.sidebar-input:focus{border-bottom-color:#d84a4a}.sidebar-input::placeholder{color:#bbb}input[type=text].sidebar-input{background:#f5f6f8;border:1px solid #e8e8e8;border-radius:4px;padding:.4rem .5rem}input[type=text].sidebar-input:focus{border-color:#d84a4a}select.sidebar-input{cursor:pointer;appearance:auto;background:#fff;border:1px solid #ccc;border-radius:4px;padding:.4rem .5rem}select.sidebar-input:focus{border-color:#d84a4a}.sidebar-textarea{resize:vertical;background:#f5f6f8;border:1px solid #e8e8e8;border-radius:4px;padding:.4rem .5rem;font-family:inherit}.sidebar-textarea:focus{border-color:#d84a4a}.sidebar-checkbox{align-items:center;gap:.5rem;font-weight:400;display:flex}.sidebar-checkbox input[type=checkbox]{accent-color:#d84a4a;margin:0}.sidebar-fieldset{border:none;margin:0 0 .6rem;padding:0}.radio-group{flex-direction:column;gap:.35rem;margin-top:.3rem;display:flex}.radio-label{color:#555;cursor:pointer;align-items:center;gap:.4rem;padding:.2rem 0;font-size:.82rem;transition:color .1s;display:flex}.radio-label:hover{color:#111827}.radio-label input[type=radio]{accent-color:#d84a4a;margin:0}.radio-group-disabled .radio-label{color:#9ca3af;cursor:not-allowed}.radio-group-disabled .radio-label:hover{color:#9ca3af}.radio-label-disabled{color:#9ca3af;cursor:not-allowed}.radio-label-disabled:hover{color:#9ca3af}.sidebar-hint{color:#6b7280;margin:.35rem 0 0;font-size:.75rem;font-style:italic}.counter-control{align-items:center;gap:.5rem;margin-top:.3rem;display:flex}.counter-btn{cursor:pointer;color:#555;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:background-color .1s;display:flex}.counter-btn:hover{background:#f5f5f5}.counter-value{text-align:center;color:#1f2937;min-width:2rem;font-size:.85rem;font-weight:600}.counter-input{text-align:center;color:#1f2937;-moz-appearance:textfield;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:3.25rem;padding:.3rem;font-size:.85rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.counter-input:focus{border-color:#d84a4a;outline:none}.counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.counter-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.collapsible-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin:0 0 .5rem;padding:0;display:flex}.collapsible-header-left{align-items:center;gap:.4rem;display:flex}.collapse-icon-toggle{color:#d84a4a;text-align:center;width:1rem;font-size:.9rem;font-weight:700;line-height:1}.collapsible-header-label{text-transform:uppercase;letter-spacing:.06em;color:#999;font-size:.7rem;font-weight:700}.server-summary{color:#999;flex-wrap:wrap;gap:.2rem .6rem;margin-bottom:.25rem;font-size:.75rem;display:flex}.collapsible-content{animation:.15s ease-out slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.collapsible-content{animation:none}}.camera-groups-empty{color:#999;margin:0;font-size:.8rem;font-style:italic}.camera-group-entry{color:#6b7280;background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;margin-bottom:.35rem;padding:.4rem .5rem;font-size:.8rem}.camera-group-entry-header{justify-content:space-between;align-items:center;display:flex}.camera-group-entry-name{color:#1f2937;font-weight:600}.camera-group-entry-count{color:#374151;font-weight:500}.camera-group-entry-retention{color:#999;font-size:.72rem}.sidebar-footer{background:#f7f7f7;border-top:1px solid #e8e8e8;flex-shrink:0;padding:.75rem 1.25rem}.footer-stats{flex-direction:column;gap:.3rem;display:flex}.footer-stat-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.footer-stat-label{color:#666}.footer-stat-value{color:#333;font-weight:500}.footer-status-incomplete{color:#d84a4a;font-weight:600}.footer-status-ready{color:#2e7d32;font-weight:600}.footer-hint{color:#999;margin:.35rem 0 0;font-size:.72rem}.camera-group-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1rem 1.25rem;transition:border-color .15s;position:relative;box-shadow:0 1px 3px #0000000f}.camera-group-card:hover{border-color:#d1d5db}.camera-group-layout{flex-direction:column;gap:1rem;display:flex}@media (width>=640px){.camera-group-layout{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem}}.camera-group-content{flex:1;min-width:0}.camera-group-name-row{align-items:center;margin-bottom:.5rem;display:flex}.group-name-text{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0 .75rem 0 0;font-size:1.125rem;font-weight:700;overflow:hidden}.camera-count-badge{color:#1f2937;white-space:nowrap;background:#f3f4f6;border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.camera-group-details{grid-template-columns:1fr;gap:.5rem;display:grid}@media (width>=640px){.camera-group-details{grid-template-columns:1fr 1fr;gap:.5rem 2rem}}.detail-item{color:#4b5563;align-items:center;font-size:.875rem;display:flex}.detail-dot{background:#9ca3af;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:.5rem}.camera-group-footer{border-top:1px solid #f3f4f6;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.storage-icon{color:#6b7280;flex-shrink:0;width:16px;height:16px}.storage-text{color:#6b7280;font-size:.875rem}.storage-value{color:#111827;margin-left:.25rem}.camera-group-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (width>=640px){.camera-group-actions{align-self:flex-start}}.btn-edit-group{color:#333;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.btn-edit-group:hover{background:#f5f5f5;border-color:#999}.btn-edit-group:focus-visible{outline-offset:2px;outline:2px solid #1a73e8}.edit-icon{flex-shrink:0;width:13px;height:13px}.btn-delete-group{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:color .15s,background .15s;display:inline-flex}.btn-delete-group:hover{color:#ef4444;background:#fef2f2}.btn-delete-group:focus-visible{outline-offset:2px;outline:2px solid #e53935}.trash-icon{width:16px;height:16px}.delete-confirm-overlay{z-index:1;background:#fffffff2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.delete-confirm-overlay p{color:#333;margin:0;font-size:.9rem;font-weight:600}.delete-confirm-actions{gap:.5rem;display:flex}.btn-confirm-delete{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:4px;padding:.35rem 1rem;font-size:.8rem;font-weight:500}.btn-confirm-delete:hover{background:#c62828}.btn-cancel-delete{color:#333;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.35rem 1rem;font-size:.8rem;font-weight:500}.btn-cancel-delete:hover{background:#f5f5f5}.edit-panel{background:#f8f9fa;flex-direction:column;height:100%;display:flex}.edit-panel-header{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.edit-panel-header-left{min-width:0}.edit-panel-title{color:#333;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.edit-panel-subtitle{color:#888;margin:.15rem 0 0;font-size:.8rem}.edit-panel-header-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.edit-panel-cancel{color:#666;cursor:pointer;background:0 0;border:none;padding:.4rem .5rem;font-size:.85rem}.edit-panel-cancel:hover{color:#333;text-decoration:underline}.edit-panel-save{color:#fff;cursor:pointer;background:#e8604c;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600}.edit-panel-save:hover{background:#d4503e}.edit-panel-body{flex:1;min-height:0;padding:2rem 1.5rem;overflow-y:auto}.edit-panels-container{justify-content:center;align-items:flex-start;gap:1.5rem;display:flex}.edit-basic-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;flex-shrink:0;width:100%;max-width:480px;padding:1.5rem}.edit-advanced-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;flex-shrink:0;width:100%;max-width:420px;padding:1.5rem;animation:.25s ease-out slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.edit-advanced-card .edit-section-title{margin-bottom:1.25rem}.edit-section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.edit-section-title{color:#333;margin:0;font-size:1.1rem;font-weight:600}.btn-show-advanced{color:#555;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;display:inline-flex}.btn-show-advanced:hover{background:#f9fafb;border-color:#aaa}.btn-advanced-icon{font-size:.9rem}.edit-field{margin-bottom:1.25rem}.edit-field-label{color:#333;margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.required-asterisk{color:#e53935;font-weight:700}.edit-field-input{box-sizing:border-box;color:#333;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.85rem}.edit-field-input:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 2px #1a73e826}.edit-field-input:disabled{color:#999;background:#f5f5f5}.edit-field-input--readonly{color:#666;cursor:default;background:#f5f5f5}.edit-counter{align-items:center;gap:.5rem;display:flex}.edit-counter-btn{cursor:pointer;color:#555;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;line-height:1;display:flex}.edit-counter-btn:hover{background:#f0f0f0;border-color:#aaa}.edit-counter-input{text-align:center;color:#1f2937;-moz-appearance:textfield;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:4rem;padding:.4rem;font-size:.85rem;font-weight:600}.edit-counter-input:focus{border-color:#d84a4a;outline:none}.edit-counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-counter-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-field-row{gap:1rem;display:flex}.edit-field-half{flex-direction:column;flex:1;display:flex}.edit-field-half .edit-field-label{flex-shrink:0}.edit-field-half .edit-field-input{margin-top:auto}.edit-viewpoint-notice{color:#e65100;background:#fff3e0;border:1px solid #ffe0b2;border-radius:6px;width:100%;margin:0 0 1.25rem;padding:.5rem .75rem;font-size:.8rem}.edit-checkboxes{flex-direction:column;gap:.75rem;display:flex}.edit-checkbox-label{color:#555;cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.edit-checkbox-label input[type=checkbox]{accent-color:#d84a4a}.recommended-defaults-box{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;margin:1.5rem 0;padding:.75rem 1rem}.recommended-defaults-header{color:#2e7d32;letter-spacing:.03em;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.recommended-defaults-list{flex-flow:column wrap;gap:.25rem;display:flex}.recommended-item{color:#2e7d32;font-size:.8rem}.storage-summary{text-align:right;margin-top:1rem}.storage-summary-row{justify-content:flex-end;gap:.5rem;margin-bottom:.25rem;display:flex}.storage-summary-label{color:#666;font-size:.8rem}.storage-summary-value{color:#333;text-align:right;min-width:100px;font-size:.8rem;font-weight:600}.adv-section{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1.25rem}.adv-section:last-of-type{border-bottom:none;margin-bottom:1rem;padding-bottom:0}.adv-section-label{color:#888;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .75rem;font-size:.7rem;font-weight:700}.nowrap{white-space:nowrap}.info-icon{color:#999;cursor:help;vertical-align:middle;justify-content:center;align-items:center;margin-left:.25rem;font-size:.85rem;display:inline-flex}.onvif-info-box{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;margin-bottom:.5rem;padding:.65rem .85rem}.onvif-info-title{color:#2e7d32;margin-bottom:.2rem;font-size:.8rem;font-weight:700}.onvif-info-text{color:#2e7d32;font-size:.78rem;line-height:1.35}.event-recording-info-box{background:#f0f6ff;border:1px solid #d4e4f7;border-radius:8px;margin-top:.75rem;padding:.75rem .85rem}.event-recording-info-box .edit-field-label{color:#1a56db;margin-bottom:.5rem}.event-hours-row{align-items:center;gap:.6rem;display:flex}.event-hours-unit{color:#1a56db;font-size:.82rem;font-weight:500}.event-hours-helper{color:#3b6fd4;margin:.45rem 0 0;font-size:.75rem;line-height:1.35}.radio-card-row{gap:.75rem;display:flex}.radio-card{cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:8px;flex-direction:column;flex:1;padding:.75rem;transition:border-color .15s;display:flex}.radio-card:hover{border-color:#bbb}.radio-card--selected{background:#fef5f4;border-color:#e8604c}.radio-card:focus-within,.radio-stack-item:focus-within,.radio-inline-item:focus-within{outline-offset:2px;outline:2px solid #1a73e8}.radio-card-input{opacity:0;width:0;height:0;position:absolute}.radio-card-title{color:#333;font-size:.82rem;font-weight:600}.radio-card-desc{color:#888;margin-top:.15rem;font-size:.75rem}.radio-stack{flex-direction:column;gap:.5rem;margin-top:.35rem;display:flex}.radio-stack-item{cursor:pointer;align-items:flex-start;gap:.5rem;padding:.35rem 0;display:flex}.radio-stack-item input[type=radio]{accent-color:#e8604c;margin-top:.15rem}.radio-stack-content{flex-direction:column;display:flex}.radio-stack-title{color:#333;font-size:.82rem;font-weight:500}.radio-stack-desc{color:#888;font-size:.75rem}.radio-inline{gap:1.25rem;margin-top:.35rem;display:flex}.radio-inline-item{color:#555;cursor:pointer;align-items:center;gap:.35rem;font-size:.85rem;display:flex}.radio-inline-item input[type=radio]{accent-color:#e8604c}.multi-imager-config{margin-top:.75rem}.multi-imager-notice{color:#666;margin-top:.5rem;font-size:.8rem;font-style:italic}.secondary-stream-toggle{margin-bottom:.5rem}.secondary-stream-gate-notice{margin-top:.5rem}.secondary-stream-fields{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-top:.75rem;padding:.9rem 1rem}.secondary-stream-fields .edit-field:last-of-type{margin-bottom:.5rem}.secondary-stream-impact{color:#1a56db;background:#f0f6ff;border:1px solid #d4e4f7;border-radius:6px;margin:.85rem 0 0;padding:.55rem .75rem;font-size:.78rem;line-height:1.35}.adv-footer{text-align:center;margin-top:1.25rem}.btn-save-all{color:#fff;cursor:pointer;background:#e8604c;border:none;border-radius:6px;padding:.6rem 2rem;font-size:.85rem;font-weight:600}.btn-save-all:hover{background:#d4503e}.metadata-config{border-top:1px solid #e5e7eb;margin-top:.85rem;padding-top:.85rem}.edit-inline-error{color:#b42318;margin:.35rem 0 0;font-size:.75rem}.metadata-scene-block{margin-top:.85rem}.metadata-scene-intro{color:#475467;margin:0 0 .65rem;font-size:.78rem;line-height:1.4}.metadata-scene-row{gap:.75rem;display:flex}.metadata-scene-tier{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.metadata-scene-label{align-items:center;gap:.25rem;display:flex}.metadata-scene-name{font-weight:600}.metadata-scene-subtext{color:#667085;margin:.15rem 0 .4rem;font-size:.7rem;line-height:1.3}.metadata-validation-line{margin:.7rem 0 0;font-size:.8rem;font-weight:600}.metadata-validation-line--valid{color:#15803d}.metadata-validation-line--invalid{color:#b42318}.metadata-storage-impact{background:#f0f6ff;border:1px solid #d4e4f7;border-radius:6px;margin-top:.85rem;padding:.7rem .85rem}.metadata-storage-impact-title{color:#1a56db;margin:0 0 .5rem;font-size:.8rem;font-weight:700}.metadata-storage-row{color:#344054;justify-content:space-between;gap:1rem;padding:.15rem 0;font-size:.78rem;display:flex}.metadata-storage-note{color:#667085;margin:.5rem 0 0;font-size:.72rem;font-style:italic}.main-content{background:#f8f9fa;flex:1;min-height:0;padding:1.5rem 2rem;overflow-y:auto}.main-content--editing{padding:0;overflow:hidden}.main-header{margin-bottom:1.5rem}.main-title{color:#333;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.main-subtitle{color:#888;margin:0;font-size:.9rem}.section-label{color:#888;letter-spacing:.05em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:700}.empty-state{text-align:center;color:#999;padding:3rem 1rem}.empty-icon-circle{background:#eee;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1rem;display:inline-flex}.empty-icon-svg{color:#999;width:32px;height:32px}.empty-state h2{color:#333;letter-spacing:.02em;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.empty-state p{color:#888;max-width:400px;margin:0 auto 1.25rem;font-size:.9rem}.empty-state .empty-hint{color:#aaa;margin-top:.75rem;font-size:.8rem}.btn-add-first-group{color:#fff;cursor:pointer;background:#e8604c;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-add-first-group:hover{background:#d4503e}.btn-add-group{color:#333;cursor:pointer;background:#fff;border:2px dashed #ccc;border-radius:6px;align-items:center;gap:.3rem;max-width:800px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;display:inline-flex}.btn-add-group:hover{background:#f5f5f5;border-color:#999}.btn-add-another{justify-content:center;width:100%;margin-top:.5rem;padding:.75rem}.error-banner{color:#c62828;background:#ffebee;border:1px solid #ef9a9a;border-radius:6px;margin:1rem 0;padding:.75rem 1rem;font-size:.85rem}.generate-bar{border-top:1px solid #e0e0e0;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.btn-generate-main{cursor:pointer;color:#fff;background:#1a73e8;border:none;border-radius:6px;flex:1;padding:.7rem 1.25rem;font-size:.9rem;font-weight:500}.btn-generate-main:hover:not(:disabled){background:#1557b0}.btn-generate-main:disabled{color:#888;cursor:not-allowed;background:#ccc}.btn-generate-pricing{background:#2e7d32}.btn-generate-pricing:hover:not(:disabled){background:#1b5e20}.camera-groups-container{width:100%;max-width:800px;margin:0 auto}.btn-add-another{width:100%}.bottom-bar{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;box-shadow:0 -2px 8px #0000000f}.bottom-bar-left{align-items:center;gap:1rem;display:flex}.bottom-bar-stat{color:#374151;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;display:flex}.bottom-bar-icon{color:#6b7280;flex-shrink:0}.bottom-bar-divider{color:#d1d5db;-webkit-user-select:none;user-select:none;font-size:.9rem}.bottom-bar-right{align-items:center;gap:1rem;display:flex}.bottom-bar-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:0;padding:.3rem .6rem;font-size:.75rem}.btn-generate-ghost{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.8rem;font-weight:600;transition:color .15s,background-color .15s}.btn-generate-ghost:after{content:" ›"}.btn-generate-ghost:hover:not(:disabled){color:#111827;background:#f3f4f6}.btn-generate-ghost:disabled{color:#9ca3af;cursor:not-allowed}.btn-generate-coral{color:#fff;cursor:pointer;background:#f97066;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;transition:background-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000f}.btn-generate-coral:after{content:" ›"}.btn-generate-coral:hover:not(:disabled){background:#ef5350;box-shadow:0 1px 3px #0000001a}.btn-generate-coral:active:not(:disabled){background:#e53935}.btn-generate-coral:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#e5e7eb}.dtw-footer{color:#6b7280;background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;padding:.25rem 1rem;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:12px;line-height:1.5;display:flex}.dtw-footer__text{font-variant-numeric:tabular-nums;white-space:nowrap}.dtw-footer__badge{letter-spacing:.5px;border:1px solid #0000;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.dtw-footer__badge--staging{color:#92400e;background:#fef3c7;border-color:#f59e0b}.dtw-footer__badge--local{color:#374151;background:#e5e7eb;border-color:#d1d5db}.dtw-footer__badge--fallback{color:#3730a3;background:#e0e7ff;border-color:#818cf8}.quote-modal{border:1px solid var(--border,#ccc);border-radius:8px;width:92%;max-width:560px;padding:0;overflow:hidden}.quote-modal::backdrop{background:#0006}.quote-modal-content{text-align:left;max-height:calc(100vh - 80px);padding:24px;overflow-y:auto}.quote-modal__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.quote-modal-content h2{margin:0;font-size:1.25rem}.quote-modal__close{appearance:none;cursor:pointer;color:#6b7280;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.quote-modal__close:hover{color:#111}.quote-modal__summary{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}.quote-modal__intro{color:#374151;margin:0 0 16px;font-size:.9rem}.quote-modal__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quote-modal__field{flex-direction:column;margin-bottom:12px;display:flex}.quote-modal__row .quote-modal__field{margin-bottom:12px}.quote-modal__field label{color:#374151;margin-bottom:4px;font-size:.85rem;font-weight:500}.quote-modal__required{color:#dc2626}.quote-modal__field input,.quote-modal__field select,.quote-modal__field textarea{font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:8px 10px}.quote-modal__field input:focus,.quote-modal__field select:focus,.quote-modal__field textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb33}.quote-modal__helper{color:#6b7280;margin-top:4px;font-size:.75rem}.quote-modal__checkbox{align-items:center;gap:8px;margin:4px 0 12px;display:flex}.quote-modal__checkbox label{color:#374151;cursor:pointer;margin:0;font-size:.9rem}.quote-modal__error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}.quote-modal__actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.quote-modal-content button{cursor:pointer;border-radius:4px;margin-top:0;padding:8px 20px}.quote-modal__success{text-align:center;padding:12px 0}.quote-modal__success h2{color:#065f46;margin-bottom:8px}.quote-modal__success p{color:#374151;margin-bottom:16px}.quote-modal__success .quote-modal__actions{justify-content:center}@media (width<=480px){.quote-modal__row{grid-template-columns:1fr}}.results-page{color:#374151;background:#f5f6f8;max-width:1200px;margin:0 auto;padding:24px 32px;font-family:system-ui,Segoe UI,Roboto,sans-serif}.results-page__empty{text-align:center;padding:80px 24px}.results-page__empty h2{color:#1f2937;margin-bottom:8px}.results-page__empty p{color:#6b7280;margin-bottom:24px}.results-page__no-options{text-align:center;color:#6b7280;padding:48px 24px}.results-page__section-heading{color:#1f2937;margin:0 0 16px;font-size:20px;font-weight:600}.results-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin:-24px -32px 24px;padding:16px 32px;display:flex}.results-header__left{align-items:center;gap:14px;display:flex}.results-header__logo{width:auto;height:28px}.results-header__project{color:#1f2937;font-size:16px;font-weight:500}.results-header__actions{align-items:center;gap:12px;display:flex}.results-header__pricing-label{color:#6b7280;font-size:13px}.save-error{color:#dc2626;font-size:13px}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s}.btn--primary{color:#fff;background:#1f2937;border-color:#1f2937}.btn--primary:hover{background:#374151}.btn--secondary{color:#374151;background:#fff;border-color:#d1d5db}.btn--secondary:hover{background:#f9fafb}.btn--outline{color:#374151;background:#fff;border-color:#d1d5db}.btn--outline:hover{background:#f9fafb}.btn--dark{color:#fff;background:#1f2937;border-color:#1f2937;border-radius:8px;width:100%;padding:10px 20px;font-weight:600}.btn--dark:hover{background:#374151;border-color:#374151}.btn--coral{color:#fff;background:#e8604c;border-color:#e8604c;width:100%;padding:10px 20px;font-weight:600}.btn--coral:hover{background:#d4503e;border-color:#d4503e}.btn:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.btn--dark:focus-visible,.btn--coral:focus-visible{outline-color:#3b82f6;box-shadow:0 0 0 4px #3b82f64d}.btn--link{color:#3b82f6;background:0 0;border:none;padding:8px 12px;text-decoration:underline}.pricing-notice{color:#713f12;background:#fefce8;border-left:4px solid #e6a817;border-radius:4px;margin-bottom:20px;padding:12px 16px;font-size:13px}.pricing-notice__icon{margin-right:6px;font-size:14px}.pricing-notice__text{line-height:1.4}.pricing-notice__text p{margin:0 0 6px}.pricing-notice__text p:last-child{margin-bottom:0}.pricing-notice__title{font-weight:700}.pricing-notice__text a{color:#713f12;text-decoration:underline}.warnings{margin-bottom:20px}.warning-item{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:8px;padding:10px 14px;font-size:13px}.option-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1200px;margin-bottom:24px;display:grid}@media (width<=1024px){.option-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.option-cards{grid-template-columns:1fr}}.option-card{cursor:pointer;background:#fff;border:1px solid #e0e2e6;border-radius:12px;flex-direction:column;padding:24px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.option-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #00000014}.option-card--selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f6}.option-card:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.option-card__label{letter-spacing:1.2px;color:#9ca3af;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.option-card__name-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.option-card__server-icon{color:#6b7280;flex-shrink:0;align-items:center;display:flex}.option-card__server-name{color:#1f2937;font-size:20px;font-weight:700}.option-card__diagram{background:#f5f6f8;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;margin-bottom:16px;padding:16px;display:flex}.option-card__diagram-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.option-card__diagram-unit{align-items:center;display:flex}.option-card__diagram-more{color:#9ca3af;font-size:12px;font-weight:500}.option-card__image{object-fit:contain;width:auto;display:block}.option-card__image--rack{max-width:100%;max-height:80px}.option-card__image--tower{max-width:70px;max-height:100px}.option-card__specs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.option-card__spec{align-items:flex-start;gap:8px;display:flex}.option-card__spec-icon{flex-shrink:0;align-items:center;margin-top:2px;display:flex}.option-card__spec-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;margin-bottom:1px;font-size:10px}.option-card__spec-value{color:#1f2937;font-size:13px;font-weight:600;line-height:1.3}.option-card__total{border-top:1px solid #eee;flex-direction:column;margin-bottom:14px;padding:14px 0;display:flex}.option-card__total-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:600}.option-card__total-price{color:#e8604c;font-size:24px;font-weight:700}.option-card__actions{margin-top:auto}.option-card__actions .btn{text-align:center;border-radius:8px}.collapsible-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;overflow:hidden}.collapsible-section__header{cursor:pointer;color:#1f2937;text-align:left;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.collapsible-section__header:hover{background:#f9fafb}.collapsible-section__title{align-items:center;gap:8px;display:flex}.collapsible-section__icon{align-items:center;display:flex}.collapsible-section__chevron{color:#1f2937;font-size:18px;font-weight:700;transition:transform .2s}.collapsible-section__chevron--up{transform:rotate(180deg)}.collapsible-section__content{padding:0 16px 16px}.system-components__rows .collapsible-section{border:none;border-top:1px solid #f3f4f6;border-radius:0;margin-bottom:0}.system-components__rows .collapsible-section:first-child{border-top:none}.system-components__content p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.system-components__specs-label{font-weight:600;color:#374151!important;margin-top:12px!important}.system-components__metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;margin-bottom:12px;display:grid}@media (width<=768px){.system-components__metrics{grid-template-columns:1fr}}.system-components__metric-card{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.system-components__metric-icon{margin-bottom:6px;font-size:22px}.system-components__metric-value{color:#1f2937;margin-bottom:2px;font-size:20px;font-weight:700}.system-components__metric-label{color:#374151;font-size:12px;font-weight:600}.system-components__db-requirement{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;padding:12px 14px;font-size:13px;line-height:1.5}.detail-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:16px;padding:24px}.detail-panel__title{color:#1f2937;margin:0 0 20px;font-size:18px;font-weight:400}.server-config__block{margin-bottom:8px}.server-config__name{color:#374151;margin:0 0 14px;font-size:15px;font-weight:600}.server-config__layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.server-config__layout{grid-template-columns:1fr}}.server-config__utilization{flex-direction:column;gap:14px;display:flex}.server-config__warning{color:#e8604c;margin:4px 0 0;font-size:13px;font-weight:500}.server-config__cameras{overflow-x:auto}.utilization-item{flex-direction:column;gap:5px;display:flex}.utilization-label{color:#374151;justify-content:space-between;font-size:13px;display:flex}.utilization-bar{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.utilization-bar__fill{background:#3b82f6;border-radius:4px;height:100%;transition:width .3s}.camera-table{border-collapse:collapse;width:100%;font-size:13px}.camera-table th{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid #e5e7eb;padding:6px 8px;font-size:11px;font-weight:600}.camera-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:6px 8px}.full-specs__table{border-collapse:collapse;width:100%;font-size:14px}.full-specs__row--even{background:#f9fafb}.full-specs__row--odd{background:#fff}.full-specs__label{color:#374151;width:50%;padding:9px 16px;font-weight:600}.full-specs__value{color:#1f2937;text-align:right;padding:9px 16px}.parts-list__table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:14px}.parts-list__table thead th{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:2px solid #e5e7eb;padding:8px 12px;font-size:12px;font-weight:600}.parts-list__table thead th:last-child{text-align:right}.parts-list__table tbody td{color:#374151;border-bottom:1px solid #f3f4f6;padding:8px 12px}.parts-list__msrp{text-align:right;font-weight:500}.parts-list__total-row td{border-top:2px solid #e5e7eb;padding:12px}.parts-list__total-label{text-align:right;color:#374151;font-weight:600}.parts-list__total-value{text-align:right;color:#e8604c;font-size:18px;font-weight:700}.parts-list__disclaimer{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:14px}.parts-list__disclaimer-text{color:#6b7280;margin:0 0 6px;font-size:13px;font-style:italic;line-height:1.5}.parts-list__disclaimer-price-note{color:#e8604c;margin:0;font-size:13px;font-style:italic;font-weight:500}.notes-disclaimers__card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px;padding:16px}.notes-disclaimers__price-warning{color:#e8604c;margin:0 0 12px;font-size:14px;font-style:italic;font-weight:500}.notes-disclaimers__list{color:#374151;margin:0;padding-left:20px;font-size:13px;line-height:1.7}.notes-disclaimers__list li{margin-bottom:4px}.notes-disclaimers__footer{color:#9ca3af;flex-direction:column;gap:2px;font-size:12px;display:flex}.event-service__intro{color:#374151;margin:0 0 14px;font-size:13px;line-height:1.5}.event-service__warning{background:#fefce8;border:1px solid #fbbf24;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.event-service__warning-icon{color:#d97706;flex-shrink:0;font-size:16px}.event-service__warning p{color:#713f12;margin:0;font-size:13px;line-height:1.5}.event-service__metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}@media (width<=768px){.event-service__metrics{grid-template-columns:1fr}}.event-service__metric-card{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.event-service__metric-icon{margin-bottom:6px;font-size:22px}.event-service__metric-value{color:#1f2937;margin-bottom:2px;font-size:20px;font-weight:700}.event-service__metric-label{color:#374151;font-size:12px;font-weight:600}.event-service__metric-subtext{color:#9ca3af;margin-top:2px;font-size:11px}.event-service__db-requirement{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px;padding:12px 14px;font-size:13px}.event-service__info-row{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.event-service__info-icon{flex-shrink:0;font-size:14px}.server-detail-panel{flex-direction:column;gap:16px;display:flex}.server-detail-panel__banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin:0;padding:12px 16px;font-size:13px;line-height:1.5}.server-block{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 18px}.server-block--variant{background:#fffbeb;border:1px solid #f59e0b}.server-block__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.server-block__name{color:#1f2937;margin:0;font-size:15px;font-weight:600}.server-block__badge{letter-spacing:.3px;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.server-block__badge--count{color:#075985;background:#e0f2fe}.server-block__badge--variant{color:#92400e;background:#fef3c7}.server-block__layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.server-block__layout{grid-template-columns:1fr}}.server-block__utilization{flex-direction:column;gap:14px;display:flex}.utilization-bar--with-threshold{position:relative}.utilization-bar--with-threshold .utilization-bar__threshold{pointer-events:none;background:#e8604c;width:2px;position:absolute;top:-2px;bottom:-2px;left:75%}.utilization-caption{color:#6b7280;margin-top:2px;font-size:11px}.server-block__cameras-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.server-block__cameras-title{color:#374151;font-size:13px;font-weight:600}.server-block__cameras-total{color:#6b7280;font-size:12px}.camera-assignments{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.camera-assignment{color:#374151;border-left:3px solid #e5e7eb;padding:4px 10px;font-size:12px}.camera-assignment__count{color:#1f2937;margin-bottom:2px;font-size:13px;font-weight:600}.camera-assignment__meta{color:#6b7280;line-height:1.5}.server-block__live-view{color:#4b5563;margin:12px 0 0;font-size:12px;font-style:italic}.results-page--print{color:#1f2937;background:#fff;max-width:none;padding:0}.results-page--print .results-header{background:#fff;border-bottom:1px solid #d1d5db;margin:0 0 16px;padding:12px 0}.results-page--print .option-card,.results-page--print .collapsible-section,.results-page--print .detail-panel,.results-page--print .server-block,.results-page--print .notes-disclaimers__card{box-shadow:none;background:#fff}.results-page--print .option-card{cursor:default;break-inside:avoid;border:1px solid #d1d5db}.results-page--print .option-card--selected{box-shadow:none;background:#fff;border-color:#d1d5db}.results-page--print .option-card:hover{box-shadow:none;border-color:#d1d5db}.results-page--print .collapsible-section{break-inside:avoid;border:1px solid #d1d5db;margin-bottom:12px}.results-page--print .collapsible-section__header--static{cursor:default;background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:10px 16px;font-weight:600}.results-page--print .detail-panel{page-break-before:auto;break-inside:avoid-page;border:1px solid #d1d5db;margin-top:24px}.results-page--print .server-block{break-inside:avoid}.results-page--print .collapsible-section__header:hover{background:inherit}@media print{body{background:#fff!important}.results-page{background:#fff;max-width:none;padding:0}.results-header__actions,.option-card__actions,.btn,.btn--dark,.btn--coral,.btn--outline,.btn--primary,.btn--secondary,.btn--link{display:none!important}.option-card,.collapsible-section,.detail-panel,.server-block,.notes-disclaimers__card{break-inside:avoid;box-shadow:none!important}.detail-panel{page-break-before:auto}a{color:inherit;text-decoration:none}}.app-layout{flex-direction:column;height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}.app-body{flex:1;min-height:0;display:flex}