.sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border-right:1px solid #0000000f;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;height:100vh;padding:2rem 1.5rem;position:sticky;top:0;transition:width .3s ease,padding .3s ease;width:260px;z-index:50}.sidebar-header{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:800;gap:.75rem;letter-spacing:-.02em;margin-bottom:2rem;padding:0 .75rem}.sidebar-logo-icon{align-items:center;display:flex;height:40px;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:40px}.sidebar-logo-img{animation:floatLogo 3s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:100%;object-fit:contain;width:100%}.sidebar-header:hover .sidebar-logo-icon{transform:rotate(5deg) scale(1.1)}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.nav-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;display:flex;font-size:.95rem;font-weight:600;gap:.875rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s cubic-bezier(.25,1,.5,1)}.nav-btn,.nav-btn:hover{color:var(--text-primary)}.nav-btn:hover{background:#00000008;transform:translateX(2px)}.nav-btn.active{background:var(--accent);box-shadow:0 4px 12px #3b82f640;color:#fff;font-weight:600}.nav-btn.active .nav-icon{color:#fff}.nav-icon{align-items:center;color:#6b7280;display:flex;font-size:1.1rem;justify-content:center;transition:color .2s ease}.nav-btn:hover .nav-icon{color:var(--text-primary)}.nav-section-divider{color:#9ca3af;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:1.5rem 0 .5rem;padding:0 1rem;text-transform:uppercase}.nav-btn-logout{background:#ef444405;border:1px solid #ef44441a;color:var(--danger);cursor:pointer;justify-content:flex-start;margin-top:auto;width:100%}.nav-btn-logout:hover{background:#ef444414;border-color:#ef444433;color:var(--danger-hover);transform:translateY(-1px)}.nav-btn-logout .nav-icon{color:var(--danger)}.nav-btn-logout:hover .nav-icon{color:var(--danger-hover)}@media (max-width:1024px){.sidebar{padding:1.5rem 1rem;width:220px}.nav-btn{font-size:.9rem;padding:.65rem .875rem}}@media (max-width:768px){.sidebar{background:var(--bg-card);border-bottom:1px solid var(--border);border-right:none;flex-direction:row;flex-wrap:wrap;gap:.5rem;height:auto;justify-content:flex-start;overflow-x:auto;padding:1rem;position:relative;width:100%}.nav-section-divider,.sidebar-header{display:none}.nav-btn{border-radius:8px;flex:1 1 auto;flex-direction:column;font-size:.85rem;gap:.25rem;justify-content:center;min-width:auto;padding:.6rem 1rem;text-align:center}.nav-btn:hover{transform:none}.nav-icon{font-size:1.2rem;margin-bottom:0}.nav-btn-logout{background:#0000;border:none;flex:0 0 auto;margin-top:0;width:auto}}:root{--bg-page:#f6f7fb;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-alt:#f1f4f9;--border:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--accent:#3b82f6;--success:#10b981;--success-hover:#059669;--danger:#ef4444;--danger-hover:#dc2626;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 8px #00000014;--shadow-lg:0 12px 20px #0000001a;--elevate-speed:160ms}#root,body,html{height:100%;margin:0}body{background:#f6f7fb;background:var(--bg-page);color:#1f2937;color:var(--text-primary);font-family:Manrope,Inter,Segoe UI,Arial,sans-serif}.app-container,body{height:auto;min-height:100%}.app-container{display:flex}::placeholder{color:#a7adb9;font-family:Manrope,sans-serif;opacity:1}.main-section{overflow-x:hidden;padding:2.5rem 3rem;transition:padding .3s ease}.camera-page,.main-section{box-sizing:border-box;flex:1 1}.camera-page{display:flex;flex-wrap:wrap;gap:2rem;padding:2.5rem}.camera-form{max-width:720px}.camera-input,.dropdown-select,.next-button,textarea{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;font-size:.95rem;margin-bottom:1.25rem;padding:.8rem 1rem;width:100%}.dropdown-label{margin:.5rem 0 .3rem}textarea{min-height:110px;resize:vertical}.next-button{background:#3b82f6;background:var(--accent);border:none;color:#fff;cursor:pointer;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s}.next-button:hover{background:#2563eb;background:var(--accent-hover)}.feed-section{display:flex;flex:3 1 520px;flex-direction:column;overflow:hidden}.camera-feed{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;display:flex;flex:1 1;font-weight:600;justify-content:center;min-height:300px}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tab-btn{background:#f1f4f9;background:var(--bg-card-alt);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background .18s}.tab-btn:hover{background:#e2e8f0}.tab-btn.active{background:#3b82f6;background:var(--accent);color:#fff}.logs-panel{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);box-sizing:border-box;flex:1 1 270px;padding:1.75rem 1.5rem}.logs-panel h3{margin:0 0 1.5rem;text-align:center}.log-entry{display:flex;font-size:.9rem;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem}.thumbnail{background:#f1f4f9;background:var(--bg-card-alt);border-radius:6px;flex-shrink:0;height:48px;width:48px}.process-btn{align-self:flex-end;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.6rem 1.25rem;transition:background .18s,transform .18s,box-shadow .18s}.process-btn.start{background:#10b981;background:var(--success)}.process-btn.start:hover{background:#059669;background:var(--success-hover)}.process-btn.stop{background:#ef4444;background:var(--danger)}.process-btn.stop:hover{background:#dc2626;background:var(--danger-hover)}.camera-feed,.camera-input,.dropdown-select,.logs-panel,textarea{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transition:box-shadow .16s ease,transform .16s ease;transition:box-shadow var(--elevate-speed) ease,transform var(--elevate-speed) ease}.camera-feed:hover,.camera-input:focus,.dropdown-select:focus,.logs-panel:hover,.next-button,.process-btn,textarea:focus{box-shadow:0 4px 8px #00000014;box-shadow:var(--shadow-md)}.next-button,.process-btn{transition:transform .16s ease,box-shadow .16s ease,background .16s ease;transition:transform var(--elevate-speed) ease,box-shadow var(--elevate-speed) ease,background var(--elevate-speed) ease}.next-button:hover,.process-btn:hover{box-shadow:0 12px 20px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px) scale(1.015)}.next-button:active,.process-btn:active{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.page-card{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 8px #00000014;box-shadow:var(--shadow-md);padding:2.5rem 3rem;transition:padding .3s ease,box-shadow .3s ease}body{background:radial-gradient(200% 100% at 50% -10%,#dfe4ff 0,#e8ebff 30%,#eef0ff 60%,#f7f8ff 100%) no-repeat fixed}:root{--blur-card:24px;--shadow-deep:0 20px 32px #1a21461f,0 8px 16px #1a214614;--shadow-medium:0 8px 16px #1a21461f,0 4px 8px #1a21460f;--shadow-light:0 2px 4px #1a21460f}.page-card{animation:floatIn .42s cubic-bezier(.24,1.15,.48,1) both;background:#fff;border-radius:24px;border-radius:var(--blur-card);box-shadow:0 20px 32px #1a21461f,0 8px 16px #1a214614;box-shadow:var(--shadow-deep);padding:3rem 3.5rem}.camera-input,.dropdown-select,textarea{background:#fdfdfd;border:none;border-radius:12px;box-shadow:inset 0 1px 2px #0000000a,0 1px 2px #0000000f}.camera-input:focus,.dropdown-select:focus,textarea:focus{box-shadow:0 0 0 4px #3b7bff33,0 2px 4px #1a21460f;box-shadow:0 0 0 4px #3b7bff33,var(--shadow-light);outline:2px solid #3b7bff;outline-offset:1px}.next-button:active,.process-btn:active{transform:translateY(0)}.camera-feed,.logs-panel{background:#fff;border-radius:18px;box-shadow:0 8px 16px #1a21461f,0 4px 8px #1a21460f;box-shadow:var(--shadow-medium)}.camera-feed:hover,.logs-panel:hover{box-shadow:0 20px 32px #1a21461f,0 8px 16px #1a214614;box-shadow:var(--shadow-deep)}@keyframes floatIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-box{background:#fafbff;border:2px dashed #e5e7eb;border:2px dashed var(--border);border-radius:12px;color:#6b7280;color:var(--text-secondary);cursor:pointer;margin-top:1rem;padding:2.5rem 1rem;text-align:center;transition:background .16s,border-color .16s}.upload-box:hover{background:#f0f4ff;border-color:#7aa2ff}.camera-feed-container{background-color:#fff;background-color:var(--bg-card);border:1px solid #ccc;border-radius:18px;box-shadow:0 8px 16px #1a21461f,0 4px 8px #1a21460f;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;flex-grow:1;margin-bottom:20px;overflow:hidden;padding:15px}.feed-header{border-bottom:1px solid #eee;flex-shrink:0;margin-bottom:15px;padding-bottom:10px}.stream-wrapper{aspect-ratio:16/9;background-color:#000;border-radius:4px;flex-grow:1;overflow:hidden;position:relative}#video-stream{display:block;max-height:100%;max-width:100%}.no-stream-placeholder{align-items:center;aspect-ratio:16/9;background-color:#eee;border-radius:4px;color:#888;display:flex;flex-grow:1;justify-content:center;padding:1rem;text-align:center;width:100%}.process-control{align-items:center;border-top:1px solid #eee;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;margin-top:auto;padding-top:15px}.stop-button{align-self:auto;margin-top:0}.process-control .error-message,.process-control .status-message{flex-basis:100%;flex-grow:1;margin-top:0;text-align:left}.no-stream-placeholder.load-error{color:#ef4444;color:var(--danger);font-weight:700}.stream-retry-overlay{background-color:#0009;border-radius:4px;color:#fff;font-size:.8em;left:10px;padding:3px 8px;position:absolute;top:10px;z-index:10}.log-counts{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);flex-shrink:0;margin-bottom:1rem;padding-bottom:1rem}.log-counts h3{margin-bottom:.75rem;text-align:center}.log-counts p{display:flex;font-weight:500;justify-content:space-between;margin:.3rem 0}.count-value{color:#3b82f6;color:var(--accent);min-width:30px;text-align:right}.log-entries-container{flex-grow:1;overflow-y:auto;padding-right:5px}.log-entry-item{align-items:baseline;font-size:.85rem;gap:.5rem;justify-content:space-between;padding:.4rem .2rem}.log-time{color:#6b7280;color:var(--text-secondary);font-size:.8em;white-space:nowrap}.log-event{flex-grow:1;margin-left:.5rem;text-align:left;text-transform:capitalize;word-break:break-word}.log-event:before{color:#3b82f6;color:var(--accent);content:"• ";margin-right:.3em}.log-trackid{color:#999;font-size:.8em;white-space:nowrap}.log-placeholder{color:#6b7280;color:var(--text-secondary);margin-top:2rem;padding:1rem}.calibration-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:20px;padding:20px;text-align:center}.calibration-container h2{color:#333;margin-bottom:15px}.calibration-container p{color:#555;margin-bottom:15px;min-height:1.2em}.calibration-stream-wrapper{border:1px solid #ddd;display:inline-block;margin-bottom:20px;max-width:100%;position:relative}.calibration-stream-wrapper img{display:block;height:auto;max-width:100%}.calibration-canvas{cursor:crosshair;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.calibration-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.calibration-controls button{border:none;border-radius:5px;cursor:pointer;flex-basis:100px;flex-grow:1;font-size:.95em;padding:10px 15px;transition:background-color .2s ease}.calibration-controls button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background-color:#007bff;color:#fff}.button-primary:hover:not(:disabled){background-color:#0056b3}.button-secondary{background-color:#6c757d;color:#fff}.button-secondary:hover:not(:disabled){background-color:#5a6268}.radio-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.chip-bar{color:#555;gap:6px 4px;margin:6px 0 14px}.chip{background:#eef2ff;border-radius:99px;padding:4px 10px;transition:background .15s}.chip:hover{background:#dbe2ff}@media (max-width:1024px){.main-section{padding:2rem 1.5rem}.page-card{padding:2.5rem 2rem}.logs-panel{flex-basis:240px;padding:1.5rem 1.25rem}.camera-page{padding:1.5rem}}@media (max-width:768px){body{background-attachment:scroll;background-color:#fff;background-color:var(--bg-card);font-size:15px}.app-container{flex-direction:column;height:auto;min-height:100vh}.main-section{order:2;padding:1.5rem 1rem}.page-card{animation:none;border-radius:16px;box-shadow:0 8px 16px #1a21461f,0 4px 8px #1a21460f;box-shadow:var(--shadow-medium);padding:1.5rem 1rem}.page-card h1,.page-card h2{font-size:1.5em;margin-bottom:1rem}.camera-input,.dropdown-select,textarea{border-radius:10px;font-size:1rem;padding:.7rem .9rem}textarea{min-height:90px}.dropdown-label{font-size:.9em;margin-bottom:.2rem}.radio-row{gap:.5rem 1rem;margin-bottom:.8rem}.chip-bar{margin-bottom:1rem}.next-button,.process-btn{border-radius:12px;box-sizing:border-box;font-size:1rem;padding:.8rem 1rem;width:100%}.next-button:hover,.process-btn:hover{box-shadow:0 4px 10px #1f6dff4d;transform:none}.next-button:active,.process-btn:active{box-shadow:0 2px 6px #1f6dff40;transform:scale(.98)}.camera-page{gap:1.5rem;padding:1rem}.feed-section{max-height:none}.feed-section,.logs-panel{flex-basis:auto;min-width:0}.logs-panel{border-radius:16px;max-height:400px;padding:1.25rem 1rem}.log-entry{font-size:.85rem;margin-bottom:1rem}.thumbnail{height:40px;width:40px}.calibration-container{padding:15px}.calibration-controls button{flex-basis:45%;font-size:.9em}}.camera-form-steps-container{min-height:400px;overflow-x:hidden;position:relative}.next-button[style*="var(--text-secondary)"]{background:#6b7280!important;background:var(--text-secondary)!important;box-shadow:0 2px 6px #6b728040}.next-button[style*="var(--text-secondary)"]:hover{background:#5a6268!important;box-shadow:0 4px 10px #6b72804d}.next-button,.process-btn{background:linear-gradient(180deg,#2581ff,#1f6dff);border:none;border-radius:14px;box-shadow:0 4px 10px #1f6dff4d;color:#fff;cursor:pointer;display:inline-block;font-weight:600;line-height:1.5;min-width:120px;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.next-button:hover,.process-btn:hover{box-shadow:0 8px 18px #1f6dff59;transform:translateY(-2px)}.next-button:active,.process-btn:active{box-shadow:0 2px 6px #1f6dff40;transform:translateY(0) scale(.98)}.next-button:disabled,.process-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.button-secondary{background-color:#fff;background-color:var(--bg-card);border:1px solid #d1d5db;border-radius:14px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:inline-block;font-weight:600;line-height:1.5;min-width:120px;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease,border-color .18s ease,color .18s ease}.button-secondary:hover{background-color:#f1f4f9;background-color:var(--bg-card-alt);border-color:#9ca3af;box-shadow:0 4px 8px #00000014;box-shadow:var(--shadow-md);color:#1f2937;color:var(--text-primary);transform:translateY(-1px)}.button-secondary:active{background-color:#e5e7eb;box-shadow:inset 0 1px 2px #0000000f;transform:translateY(0)}.button-secondary:disabled{background-color:#f1f4f9;background-color:var(--bg-card-alt);box-shadow:none;color:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.button-group>.button-secondary,.button-group>.next-button{box-sizing:border-box;flex-basis:auto;flex-grow:0;flex-shrink:1;margin-bottom:0!important;width:auto!important}.chip-bar{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px 10px;margin:10px 0 18px;padding-left:5px}.chip-bar>.chip{margin:0}.chip{background:#e0e7ff;border:1px solid #c7d2fe;border-radius:16px;color:#4338ca;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:500;padding:5px 12px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;white-space:nowrap}.chip:hover{background:#c7d2fe;border-color:#a5b4fc;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:768px){.button-group{flex-direction:column;gap:.8rem;justify-content:stretch;margin-top:1.2rem}.button-group>.button-secondary,.button-group>.next-button{flex-basis:100%;min-width:auto;padding:.8rem 1rem;width:100%!important}.chip{font-size:.75rem;padding:4px 10px}.chip-bar{gap:6px 8px;margin-bottom:1rem;padding-left:0}}.camera-page{align-items:flex-start}.logs-panel{max-height:80vh;overflow-y:auto}.step2-main-input-area{min-width:0}.agent-examples-sidebox{background-color:#f1f4f9;background-color:var(--bg-card-alt);border:1px solid #3b82f6;border:1px solid var(--accent);border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);flex:1 1;margin-top:-91px;max-height:320px;overflow-y:auto;padding:1rem}.agent-examples-sidebox h4{color:#3b82f6;color:var(--accent);font-size:.9em;font-weight:600;margin-bottom:.75rem;margin-top:0}.agent-examples-sidebox ul{list-style:none;margin:0;padding:0}.agent-examples-sidebox li{margin-bottom:.5rem}.agent-examples-sidebox li label{align-items:center;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85em}.agent-examples-sidebox li label:hover{color:#1f2937;color:var(--text-primary)}.agent-examples-sidebox li input[type=radio]{accent-color:#3b82f6;accent-color:var(--accent);margin-right:.5rem}@media (max-width:768px){.step2-layout-wrapper{flex-direction:column}.agent-examples-sidebox{flex:none;margin-top:1.5rem;max-height:200px;width:100%}.step2-main-input-area{flex:none;width:100%}}.showcase-prompt{background-color:#f8f9fa!important;border-color:#e5e7eb!important;border-color:var(--border)!important;box-shadow:none!important;color:#555!important;cursor:default!important;font-style:normal}.step2-layout-wrapper{flex-direction:row;gap:2rem}.agent-examples-sidebox{flex:0 0 280px;margin-left:auto}@media (min-width:1600px){.agent-examples-sidebox{flex-basis:320px}}@media (min-width:992px){.camera-form{max-width:100%}}@media (max-width:991.98px){.camera-form{max-width:720px}}.step2-main-input-area{flex:0 1 640px;max-width:640px}.button-group{justify-content:flex-start}@media (max-width:991.98px){.step2-main-input-area{flex:1 1 100%;max-width:100%}}.form-step.step1-content-wrapper{display:flex;flex-direction:column}.step1-main-layout{align-items:flex-start;display:flex;flex-direction:row;gap:2rem;margin-bottom:1.5rem}.step1-radio-group-container{flex:1 1;min-width:200px}.step1-radio-group-container .radio-option{cursor:pointer;display:block;margin-bottom:.75rem}.step1-agent-details-container{flex:2 1;min-width:0}.step1-agent-details-container .dropdown-label{display:block;font-weight:600;margin-bottom:.3rem}.showcase-prompt.prompt-coming-soon{border-color:#fde68a!important}@media (max-width:768px){.step1-main-layout{flex-direction:column;gap:1rem}.step1-agent-details-container,.step1-radio-group-container{flex:1 1 100%;width:100%}}.audio-analysis-log{background-color:#f1f4f9;background-color:var(--bg-card-alt);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:1rem}.audio-analysis-section{margin-bottom:1rem}.audio-analysis-section:last-child{margin-bottom:0}.audio-analysis-section h4{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#3b82f6;color:var(--accent);font-size:1em;margin-bottom:.5rem;margin-top:0;padding-bottom:.3rem}.audio-analysis-section p{font-size:.9em;line-height:1.5;margin:.3rem 0}.audio-analysis-section p strong{color:#1f2937;color:var(--text-primary);margin-right:.5em}.transcript-section .transcript-text{background-color:#f6f7fb;background-color:var(--bg-page);border-radius:4px;font-family:monospace;font-size:.85em;max-height:200px;overflow-y:auto;padding:.5rem;white-space:pre-wrap}.sentiment-positive,.sentiment-very-positive{color:#10b981;color:var(--success);font-weight:700}.sentiment-negative,.sentiment-very-negative{color:#ef4444;color:var(--danger);font-weight:700}.sentiment-neutral{color:#6b7280;color:var(--text-secondary);font-weight:700}.sentiment-mixed{color:#fdba74;font-weight:700}.log-entry-item.generic-log pre{background-color:#f8f9fa;border-radius:4px;font-size:.8em;max-height:150px;overflow-y:auto;padding:.5em;white-space:pre-wrap;word-break:break-all}.log-entry-item.error-log{background-color:#fee2e2;border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.step1-agent-details-container{position:relative}.agent-details-textarea-wrapper{border-radius:14px;overflow:hidden}.agent-details-textarea-wrapper.animate-gradient-border:before{animation:slowGradientBorderShift 20s linear infinite;background:linear-gradient(90deg,#d44697,#c764ec,#5f79f4,#30cdf0,#d44697,#c764ec,#5f79f4,#30cdf0);background:linear-gradient(90deg,var(--phone-gradient-start),var(--phone-gradient-mid1),var(--phone-gradient-mid2),var(--phone-gradient-end),var(--phone-gradient-start),var(--phone-gradient-mid1),var(--phone-gradient-mid2),var(--phone-gradient-end));background-size:400% 100%;bottom:0;left:0;right:0;top:0;z-index:0}@keyframes slowGradientBorderShift{0%{background-position:0 50%}to{background-position:-200% 50%}}.camera-textarea.showcase-prompt{background-color:#f1f4f9;background-color:var(--bg-card-alt);border-radius:11px;color:#555;cursor:default;font-style:normal;padding:1rem;position:relative;z-index:1}.agent-details-label-wrapper{align-items:center;display:flex;margin-bottom:.3rem}.dropdown-label{display:block;font-weight:600}.bouncing-star{animation:bounceStarOnce 2.8s ease-out forwards;font-size:1rem}:root{--gradient-angle:120deg}.agent-details-textarea-wrapper{background:#0000;border-radius:18px;box-shadow:0 10px 30px -10px #0000001a;isolation:isolate;margin-top:.5rem;padding:3px;position:relative}.agent-details-textarea-wrapper.animate-gradient-border:before{animation:spin-gradient 4s linear infinite;background:conic-gradient(from 0deg,#ff2d55,#5856d6,#007aff,#5ac8fa,#007aff,#5856d6,#ff2d55);background:conic-gradient(from var(--gradient-angle),#ff2d55,#5856d6,#007aff,#5ac8fa,#007aff,#5856d6,#ff2d55);border-radius:inherit;content:"";inset:0;padding:3px;position:absolute;z-index:-1}.agent-details-textarea-wrapper.animate-gradient-border:after{animation:spin-gradient 4s linear infinite;background:inherit;border-radius:inherit;content:"";filter:blur(12px);inset:-4px;opacity:.6;position:absolute;z-index:-2}.camera-textarea.showcase-prompt{background-color:#fff;border:none;border-radius:15px;box-sizing:border-box;color:#1d1d1f;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.95rem;font-weight:400;line-height:1.5;margin:0;min-height:110px;outline:none;padding:1.2rem;resize:vertical;transition:background-color .2s ease;width:100%}@media (prefers-color-scheme:dark){.camera-textarea.showcase-prompt{background-color:#1c1c1e;color:#f5f5f7}}@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spin-gradient{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}@supports not (background:paint(something)){@keyframes spin-gradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}.bouncing-star{animation:popInStar .6s cubic-bezier(.175,.885,.32,1.275) forwards;display:inline-block;font-size:1.2rem;margin-left:8px;opacity:0}@keyframes popInStar{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.showcase-prompt.prompt-coming-soon{background-color:#fff9c4!important}:root{--phone-gradient-start:#d44697;--phone-gradient-mid1:#c764ec;--phone-gradient-mid2:#5f79f4;--phone-gradient-end:#30cdf0;--gradient-angle:0deg}@keyframes bounceStarOnce{0%{opacity:0;transform:translateY(10px) scale(.3)}20%{opacity:.8;transform:translateY(0) scale(.8)}40%{opacity:1;transform:translateY(-6px) scale(1.1)}60%{opacity:1;transform:translateY(2px) scale(.9)}80%{opacity:1;transform:translateY(-3px) scale(1)}to{opacity:0;transform:translateY(0) scale(.7)}}.showcase-prompt.prompt-coming-soon{background-color:#fffbeb!important;color:#b45309!important;font-weight:500}.camera-feed-audio-player,.video-player-feed{margin:15px auto;max-width:720px;width:90%}.video-player-feed{background-color:#111;border-radius:6px;display:block;max-height:480px;outline:none}.player-wrapper{flex-direction:column}.player-wrapper,.stream-wrapper{align-items:center;display:flex;width:100%}.stream-wrapper{background-color:#f0f2f5;box-sizing:border-box;justify-content:center;min-height:300px;padding:10px}.status-audio-mode{background-color:#6c5ce7;border-radius:4px;color:#fff;font-size:.9em;font-weight:700;padding:3px 8px}.mjpeg-wrapper{background:#333;border:1px solid #eee;position:relative}.mjpeg-wrapper img{display:block;width:100%}.mjpeg-wrapper .overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;color:#fff;display:flex;font-weight:600;inset:0;justify-content:center;position:absolute}.mjpeg-wrapper .overlay.error{background:#8000008c}.step2-layout-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;width:100%}.step2-main-input-area{display:flex;flex:2 1;flex-direction:column;min-width:300px}.registered-cameras-sidebox{flex:1 1;min-width:260px;position:relative;top:-111px}.registered-cameras-sidebox h4{color:#000;font-size:.95em;font-weight:600;margin-bottom:.75rem;margin-top:0}.registered-cameras-list{background-color:var(--background-secondary);border:1px solid var(--border-color-light);border-radius:var(--border-radius);max-height:200px;overflow-y:auto;padding:.5rem}.camera-card{background-color:var(--background-primary);border:1px solid var(--border-color-extralight);border-radius:var(--border-radius-small);box-shadow:0 1px 3px #0000000d;margin-bottom:.6rem;padding:.8rem 1rem;transition:background-color .2s ease,border-color .2s ease,transform .1s ease-out}.camera-card:last-child{margin-bottom:0}.camera-card:hover{background-color:var(--background-tertiary);border-color:var(--primary-color-light)}.camera-card p{color:#6b7280;color:var(--text-secondary);font-size:.875em;line-height:1.4;margin:.3rem 0;word-break:break-word}.camera-card strong{color:#1f2937;color:var(--text-primary);font-weight:600}.camera-card .card-label{color:var(--text-tertiary);font-weight:500;margin-right:.3rem}.camera-card p.card-name span:not(.card-label){color:#1f2937;color:var(--text-primary);font-weight:500}.camera-card p.card-url{font-family:var(--font-mono);font-size:.8em}.camera-card p.card-location span:not(.card-label){font-style:italic}@media (max-width:768px){.step2-layout-wrapper{flex-direction:column;gap:1rem}.registered-cameras-sidebox,.step2-main-input-area{flex:1 1 100%;min-width:0;min-width:auto;position:static;top:auto;width:100%}}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin-bottom:15px;padding:10px 15px;text-align:left}.camera-form .form-group{margin-bottom:1.5rem}.camera-form label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.camera-form input[type=text],.camera-form select{border:1px solid #ced4da;border-radius:.3rem;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.camera-form input[type=text]:focus,.camera-form select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.camera-form input[type=radio]{margin-right:5px;vertical-align:middle}.camera-form label input[type=radio]+span{vertical-align:middle}.camera-form button.start-button{background-color:#007bff;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:.8rem 1.5rem;transition:background-color .2s ease;width:100%}.camera-form button.start-button:hover:not(:disabled){background-color:#0056b3}.camera-form button.start-button:disabled{background-color:#6c757d;cursor:not-allowed}.camera-form small{color:#6c757d;display:block;font-size:.85em;margin-top:5px}.camera-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;margin-bottom:.75rem;padding:1rem;position:relative;transition:all .2s ease}.camera-card:hover{background:#e9ecef;border-color:#ced4da;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.camera-card-actions{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.camera-card:hover .camera-card-actions{opacity:1}.camera-card-actions button{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.edit-btn:hover{background:#007bff;border-color:#007bff;color:#fff}.delete-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff}#modal-root{isolation:isolate!important;overflow:hidden!important;pointer-events:none!important;z-index:999999!important}#modal-root,#modal-root .modal-overlay{bottom:0!important;height:100vh!important;left:0!important;position:fixed!important;right:0!important;top:0!important;transform:translateZ(0)!important;width:100vw!important}#modal-root .modal-overlay{-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;background:#000000a6!important;box-sizing:border-box!important;margin:0!important;min-height:100vh!important;min-width:100vw!important;opacity:1!important;padding:0!important;place-content:center!important;pointer-events:all!important;transition:all .2s ease-in-out!important;z-index:1000000!important}#modal-root .modal-content{align-self:center!important;background:#fff!important;border:1px solid #fff3!important;border-radius:12px!important;box-shadow:0 25px 50px #0006,0 15px 35px #00000040!important;box-sizing:border-box!important;flex-shrink:0!important;justify-self:center!important;margin:0 auto!important;max-height:85vh!important;max-width:500px!important;min-width:300px!important;outline:none!important;overflow-y:auto!important;padding:0!important;position:relative!important;transform:scale(1)!important;transform:translateZ(0) scale(1)!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;width:90%!important;z-index:1000001!important}#modal-root .modal-header{align-items:center!important;border-bottom:1px solid #dee2e6!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:1.5rem!important}#modal-root .modal-header h3{color:#495057!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important}#modal-root .modal-close{background:none!important;border:none!important;color:#6c757d!important;cursor:pointer!important;font-size:1.5rem!important;line-height:1!important;padding:0!important;transition:color .2s ease!important}#modal-root .modal-close:hover{color:#495057!important;transform:scale(1.1)!important}#modal-root .modal-actions,#modal-root .modal-body{margin:0!important;padding:1.5rem!important}#modal-root .modal-actions{background:#f8f9fa!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;border-top:1px solid #dee2e6!important;display:flex!important;gap:.75rem!important;justify-content:flex-end!important}#modal-root .button-primary{background:#007bff!important;border:1px solid #007bff!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-weight:500!important;margin:0!important;padding:.5rem 1rem!important;transition:all .2s ease!important}#modal-root .button-primary:hover{background:#0056b3!important;border-color:#0056b3!important;transform:translateY(-1px)!important}#modal-root .button-secondary{background:#6c757d!important;border:1px solid #6c757d!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-weight:500!important;margin:0!important;padding:.5rem 1rem!important;transition:all .2s ease!important}#modal-root .button-secondary:hover{background:#545b62!important;border-color:#545b62!important;transform:translateY(-1px)!important}#modal-root .button-danger{background:#dc3545!important;border:1px solid #dc3545!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-weight:500!important;margin:0!important;padding:.5rem 1rem!important;transition:all .2s ease!important}#modal-root .button-danger:hover{background:#c82333!important;border-color:#bd2130!important;transform:translateY(-1px)!important}#modal-root .form-group{margin-bottom:1rem!important;padding:0 1.5rem!important}#modal-root .form-group label{color:#495057!important;display:block!important;font-weight:500!important;margin-bottom:.5rem!important}#modal-root .form-group input{border:1px solid #ced4da!important;border-radius:4px!important;box-sizing:border-box!important;font-size:1rem!important;margin:0!important;padding:.75rem!important;transition:border-color .2s ease!important;width:100%!important}#modal-root .form-group input:focus{border-color:#80bdff!important;box-shadow:0 0 0 .2rem #007bff40!important;outline:none!important}@media (max-width:768px){#modal-root .modal-overlay{align-items:center!important;justify-content:center!important;padding:1rem!important}#modal-root .modal-content{align-self:center!important;justify-self:center!important;margin:0 auto!important;max-height:90vh!important;min-width:280px!important;width:95%!important}#modal-root .form-group{padding:0 1rem!important}#modal-root .modal-actions,#modal-root .modal-body,#modal-root .modal-header{padding:1rem!important}}body.modal-open{overflow:hidden;padding-right:0}.modal-overlay.modal-enter{opacity:0}.modal-overlay.modal-enter-active{opacity:1;transition:opacity .2s ease-in-out}.modal-overlay.modal-exit{opacity:1}.modal-overlay.modal-exit-active{opacity:0;transition:opacity .15s ease-in-out}.modal-content.modal-enter{opacity:0;transform:scale(.9)}.modal-content.modal-enter-active{opacity:1;transform:scale(1);transition:all .2s ease-out}.modal-content.modal-exit{opacity:1;transform:scale(1)}.modal-content.modal-exit-active{opacity:0;transform:scale(.95);transition:all .15s ease-in}#modal-root .warning-text{background:#fff3cd!important;border:1px solid #ffeaa7!important;border-radius:4px!important;color:#856404!important;font-size:.9rem!important;margin-bottom:0!important;margin-top:.5rem!important;padding:.5rem!important}#modal-root .modal-overlay *{box-sizing:border-box!important}#modal-root{contain:layout style paint!important}#modal-root .modal-overlay{-webkit-box-pack:center!important;-webkit-box-align:center!important;display:grid!important;display:-webkit-box!important;display:flex!important;place-items:center!important;align-items:center!important;justify-content:center!important}.custom-audio-player{background:#0000;border-radius:8px;font-family:inherit;max-width:100%;padding:8px 0;width:100%}.custom-audio-player.error{background:#fef2f2;border-color:#fecaca}.error-message{color:#ef4444;color:var(--danger,#ef4444);font-size:14px;gap:8px;justify-content:center;padding:8px;text-align:center}.audio-controls,.error-message{align-items:center;display:flex}.audio-controls{gap:12px;margin:0;min-height:36px;padding:0;width:100%}.play-pause-btn{align-items:center;background:#3b82f6;background:var(--accent,#3b82f6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.play-pause-btn:hover{background:#2563eb;background:var(--accent-hover,#2563eb);transform:scale(1.05)}.play-pause-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.play-pause-btn svg{height:14px;width:14px}.play-pause-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.time-display{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0;font-family:SF Mono,Consolas,Monaco,monospace;font-size:12px;font-weight:500;min-width:35px;text-align:center}.audio-slider{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;cursor:pointer;flex:1 1;height:20px;margin:0;min-width:0;outline:none;padding:0;width:100%}.audio-slider:disabled{cursor:not-allowed;opacity:.5}.audio-slider::-webkit-slider-track{background:#0000;border:none;border-radius:2px;box-shadow:none;height:4px}.audio-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #3b82f6;border:2px solid var(--accent,#3b82f6);border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;height:12px;margin:0;position:relative;top:0;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.audio-slider:hover::-webkit-slider-thumb{box-shadow:0 2px 4px #00000026;transform:scale(1.1)}.audio-slider::-moz-range-track{background:#0000;border:none;border-radius:2px;box-shadow:none;height:4px}.audio-slider::-moz-range-thumb{appearance:none;background:#fff;border:2px solid #3b82f6;border:2px solid var(--accent,#3b82f6);border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;height:12px;margin:0;padding:0;-moz-transition:all .2s ease;transition:all .2s ease;width:12px}.audio-slider:hover::-moz-range-thumb{box-shadow:0 2px 4px #00000026;transform:scale(1.1)}.audio-slider.approaching-end::-webkit-slider-thumb{animation:pulse-end 1s ease-in-out infinite alternate;border-color:#f59e0b}.audio-slider.approaching-end::-moz-range-thumb{animation:pulse-end 1s ease-in-out infinite alternate;border-color:#f59e0b}@keyframes pulse-end{0%{opacity:.8}to{opacity:1}}.audio-slider::-ms-track{background:#0000;border-color:#0000;color:#0000;height:4px}.audio-slider::-ms-thumb{background:#fff;border:2px solid #3b82f6;border:2px solid var(--accent,#3b82f6);border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;height:12px;-ms-transition:all .2s ease;transition:all .2s ease;width:12px}.audio-slider::-ms-fill-lower{background:#3b82f6;background:var(--accent,#3b82f6);border-radius:2px}.audio-slider::-ms-fill-upper{background:#f1f4f9;background:var(--bg-card-alt,#f1f4f9);border-radius:2px}.audio-slider:focus{outline:none}.audio-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px #3b82f64d}.audio-slider:focus::-moz-range-thumb{box-shadow:0 0 0 2px #3b82f64d}.volume-controls{flex-shrink:0;gap:8px}.mute-btn,.volume-controls{align-items:center;display:flex}.mute-btn{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;justify-content:center;padding:4px;transition:all .2s ease}.mute-btn:hover{background:#f1f4f9;background:var(--bg-card-alt,#f1f4f9);color:#1f2937;color:var(--text-primary,#1f2937)}.mute-btn svg{height:14px;width:14px}.volume-slider{appearance:none;-webkit-appearance:none;background:#f1f4f9;background:var(--bg-card-alt,#f1f4f9);border-radius:2px;cursor:pointer;height:3px;outline:none;transition:all .2s ease;width:50px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;background:var(--accent,#3b82f6);border-radius:50%;cursor:pointer;height:10px;-webkit-transition:all .2s ease;transition:all .2s ease;width:10px}.volume-slider::-moz-range-thumb{background:#3b82f6;background:var(--accent,#3b82f6);border:none;border-radius:50%;cursor:pointer;height:10px;-moz-transition:all .2s ease;transition:all .2s ease;width:10px}.volume-slider:hover::-moz-range-thumb,.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.volume-slider::-webkit-slider-track{background:#f1f4f9;background:var(--bg-card-alt,#f1f4f9);border-radius:2px}.volume-slider::-moz-range-track{background:#f1f4f9;background:var(--bg-card-alt,#f1f4f9);border:none;border-radius:2px}@media (max-width:768px){.audio-controls{gap:10px}.volume-controls{display:none}.play-pause-btn{height:32px;width:32px}.time-display{font-size:11px;min-width:30px}}@media (max-width:480px){.custom-audio-player{padding:6px 0}.audio-controls{gap:8px}.play-pause-btn{height:28px;width:28px}.play-pause-btn svg{height:12px;width:12px}}.logs-panel{background-color:#fff;border-radius:8px;box-shadow:0 3px 10px #00000012;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:15px}.logs-main-header{border-bottom:1px solid #e0e0e0;color:#333;font-size:1.15em;font-weight:600;margin-bottom:12px;margin-top:0;padding-bottom:10px}.log-counts{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:15px;padding:12px}.log-counts h3{color:#555;font-size:1em;font-weight:500;margin-bottom:8px;margin-top:0}.log-counts p{color:#444;font-size:.9em;margin:5px 0}.count-value{color:#007bff;font-weight:700}.logs-content-area{flex-grow:1;overflow-y:auto;padding-right:8px}.log-entries-container.sse-logs{font-family:SF Mono,Consolas,Menlo,monospace;font-size:.875em}.log-entry-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:10px;padding:7px 5px;word-break:break-word}.log-entry-item:last-child{border-bottom:none}.log-time{color:#777;flex-shrink:0;font-size:.9em}.log-event{border-radius:4px;font-size:.9em;font-weight:500;padding:3px 6px;text-transform:uppercase}.people-log .log-event.enter{background-color:#e6ffed;border:1px solid #b8e6c3;color:#28a745}.people-log .log-event.exit{background-color:#ffebee;border:1px solid #f5c6cb;color:#dc3545}.vehicle-log .log-event{background-color:#e9ecef;border:1px solid #ced4da;color:#495057}.queue-log .log-event{background-color:#e7f3fe;border:1px solid #b8daff;color:#007bff}.log-lp,.log-queue,.log-trackid,.log-wait{color:#555;font-size:.9em}.log-lp{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;padding:2px 5px}.log-placeholder{color:#6c757d;font-size:.95em;font-style:italic;padding:25px;text-align:center}.log-entries-container.audio-analysis-results{padding-top:5px}.structured-audio-result{border:none;padding:0}.audio-analysis-summary{border-bottom:1px solid #e9ecef;margin-bottom:18px;padding-bottom:12px}.audio-analysis-summary p{align-items:center;display:flex;margin:6px 0}.summary-label{color:#495057;font-size:.9em;font-weight:600;margin-right:8px;min-width:90px}.sentiment-value{border:1px solid #0000;border-radius:12px;display:inline-block;font-size:.85em;font-weight:500;padding:3px 8px}.sentiment-neutral,.sentiment-noise{background-color:#f8f9fa;border-color:#dee2e6;color:#495057}.sentiment-positive{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.sentiment-alert{background-color:#c3e6cb;border-color:#badbcc;color:#0f5132}.sentiment-negative{background-color:#f8f9fa;border-color:#dee2e6;color:#495057}.sentiment-very-negative{background-color:#f5c6cb;border-color:#f1b0b7;color:#58151c}.sentiment-mixed{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.sentiment-error,.sentiment-n-a{background-color:#e2e3e5;border-color:#d6d8db;color:#495057}.expandable-section{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;margin-bottom:12px}.expandable-header{align-items:center;background-color:#f8f9fa;border:none;border-bottom:1px solid #dee2e6;color:#343a40;cursor:pointer;display:flex;font-size:.95em;font-weight:500;justify-content:space-between;padding:10px 15px;text-align:left;width:100%}.expandable-header:hover{background-color:#e9ecef}.expandable-section:last-child .expandable-header{border-bottom:none}.expandable-section .expandable-header+.expandable-content{border-top:none}.expandable-icon{color:#6c757d;font-size:.9em;transition:transform .2s ease-in-out}.expandable-content{padding:12px 15px}.expandable-text-content{color:#495057;font-size:.9em;line-height:1.65;margin:0;white-space:pre-wrap;word-break:break-word}.transcript-text{background-color:#fdfdfd;border:1px solid #f0f0f0;border-radius:4px;font-family:SF Mono,Consolas,Menlo,monospace;font-size:.875em;max-height:200px;overflow-y:auto;padding:8px}.error-log strong{color:#b02a37;font-weight:600}.inline-audio-player{margin:8px 0}.waiting-time-counts{background-color:#f8fffe;border:1px solid #d1ecf1;border-radius:8px;display:block;overflow:auto}.waiting-time-counts.connected{border-left:4px solid #28a745}.waiting-time-counts.connecting{background-color:#f1f8ff;border-left:4px solid #007bff}.waiting-time-counts.disconnected{background-color:#fdf2f2;border-left:4px solid #dc3545}.waiting-time-counts h3{align-items:center;color:#2c3e50;display:flex;font-size:1.1em;font-weight:600;gap:8px;margin:0 0 16px}.waiting-time-counts h4{border-bottom:1px solid #e9ecef;color:#495057;font-size:.95em;font-weight:600;margin:0 0 10px;padding-bottom:6px}.overall-stats{background-color:#fffc;border:1px solid #e9ecef;border-radius:6px;margin-bottom:16px;padding:12px}.overall-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:8px}.stat-item{background-color:#f8f9facc;border:1px solid #dee2e6;border-radius:4px;padding:8px;text-align:center}.stat-label{color:#6c757d;display:block;font-size:.8em;font-weight:500;margin-bottom:4px}.stat-value{color:#495057;display:block;font-size:1.2em;font-weight:700}.stat-value.highlight{background-color:#fff5f5;border-radius:4px;color:#dc3545;padding:2px 6px}.zone-stats{background-color:#f8f9fa4d;border:1px solid #e9ecef;border-radius:6px;contain:layout style;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;max-height:400px;overflow-y:auto;padding:8px;position:relative}.zone-stats::-webkit-scrollbar{width:6px}.zone-stats::-webkit-scrollbar-track{background:#f1f5f980;border-radius:3px}.zone-stats::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:3px}.zone-stats::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.zone-list-container{display:flex;flex-direction:column;gap:10px;max-width:100%;overflow:visible;width:100%}.zone-item{background-color:#fffffff2;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 4px #0000000d;flex-shrink:0;margin:0;min-height:fit-content;overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease}.zone-item.normal{border-left:4px solid #28a745}.zone-item.crowded{background-color:#dc35450d;border-left:4px solid #dc3545}.zone-item.unknown{border-left:4px solid #6c757d}.zone-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px) scale(1.005)}.zone-header{align-items:center;background-color:#f8f9facc;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 12px}.zone-name{color:#495057;font-size:.95em;font-weight:600}.zone-content{word-wrap:break-word;background-color:#ffffff80;overflow:hidden;padding:12px}.zone-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:10px}.zone-metric{background-color:#f8f9fa99;border:1px solid #e9ecef;border-radius:4px;padding:6px 8px;text-align:center}.metric-label{color:#6c757d;display:block;font-size:.75em;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.metric-value{color:#495057;display:block;font-size:.95em;font-weight:700}.status-value{border-radius:12px;font-size:.8em;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-value.status-normal{background-color:#d4edda;color:#155724}.status-value.status-crowded{background-color:#f8d7da;color:#721c24}.status-value.status-unknown{background-color:#e2e3e5;color:#495057}.connection-indicator{background-color:#28a745;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.connection-indicator.connecting{animation:pulse 1.5s ease-in-out infinite;background-color:#007bff}.connection-indicator.disconnected{background-color:#dc3545}.last-updated{border-top:1px solid #e9ecef;color:#6c757d;font-size:.8em;font-style:italic;margin-top:12px;padding-top:8px;text-align:center}.connection-status{font-weight:500;padding:20px;text-align:center}.connection-status .error-log{color:#dc3545;font-weight:600}@media (max-width:768px){.overall-stats-grid,.zone-metrics{grid-template-columns:repeat(2,1fr)}.zone-header{align-items:flex-start;flex-direction:column;gap:6px}.zone-stats{gap:8px;max-height:300px;padding:2px}.zone-item{border-radius:4px;box-shadow:0 1px 3px #0000000d}.zone-content{padding:8px}}.live-logs-container{display:flex;flex-direction:column;height:100%}.active-streams-section{background-color:#f9f9f9;border-radius:8px;margin-top:20px;padding:15px}.active-streams-section h4{border-bottom:1px solid #eee;color:#333;margin-bottom:15px;margin-top:0;padding-bottom:10px}.instance-cards-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.instance-card{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:15px;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.instance-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.instance-card.primary{background-color:#e7f3ff;border-left:5px solid #007bff;cursor:default}.instance-card.primary:hover{box-shadow:0 2px 6px #00000014;transform:none}.instance-card.not-running{background-color:#f8f8f8;cursor:not-allowed;opacity:.7}.instance-card.not-running:hover{box-shadow:none;transform:none}.instance-card-title{color:#2c3e50;font-size:1.1em;font-weight:700;margin-bottom:8px;margin-top:0}.instance-card-details{color:#555;font-size:.85em;line-height:1.4;margin-bottom:10px}.instance-card-status{border-radius:4px;display:inline-block;font-size:.8em;font-weight:700;margin-bottom:10px;padding:3px 6px;text-transform:capitalize}.status-running{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-dead_subprocess,.status-dead_thread,.status-failed_exception,.status-failed_script_error,.status-failed_stream_timeout,.status-inconsistent_state_no_process_obj{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-starting{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.status-not_found,.status-stopped{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.view-stream-button{align-self:flex-start;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;margin-top:auto;padding:8px 12px;transition:background-color .2s}.view-stream-button:hover{background-color:#0056b3}.primary-indicator{align-self:flex-start;color:#007bff;font-size:.85em;font-weight:700;margin-top:auto;padding:5px 0}.tasks-table-section{background-color:var(--background-color-light);border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-top:20px;padding:15px}.table-section-header{border-bottom:1px solid var(--border-color-soft);color:var(--text-primary);font-size:1.4em;margin-bottom:15px;padding-bottom:10px}.table-responsive-wrapper{overflow-x:auto}.tasks-table{border-collapse:collapse;font-size:.9rem;width:100%}.tasks-table td,.tasks-table th{border-bottom:1px solid var(--border-color-soft);padding:10px 12px;text-align:left;vertical-align:middle}.tasks-table th{background-color:var(--background-color);color:var(--text-secondary);font-size:.8em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tasks-table td.radio-cell{padding-right:5px;text-align:center;width:40px}.tasks-table td.radio-cell input[type=radio]{cursor:pointer}.tasks-table td.radio-cell input[type=radio]:disabled{cursor:not-allowed}.task-table-row:hover{background-color:var(--background-color)}.task-table-row.selected{background-color:var(--primary-color-x-light)}.task-table-row.selected td:first-child+td{font-weight:700}.task-table-row.not-running-row{color:var(--text-muted)}.task-table-row.not-running-row .action-button.view-button{cursor:not-allowed;opacity:.6}.task-table-row.not-running-row td.radio-cell input[type=radio]{opacity:.6}.status-cell span{border-radius:12px;display:inline-block;font-size:.85em;font-weight:500;min-width:60px;padding:3px 8px;text-align:center}.status-cell.status-running{color:green;color:var(--success-color,green);font-weight:700}.status-cell.status-completed{color:blue;color:var(--info-color,blue)}.status-cell.status-error,.status-cell.status-failed_exception,.status-cell.status-failed_script_error{color:red;color:var(--danger-color,red)}.status-cell.status-stopped{color:#6c757d;color:var(--text-muted,#6c757d)}.status-cell.status-pending,.status-cell.status-starting{color:orange;color:var(--warning-color,orange)}.item-id{color:#6c757d;color:var(--text-muted,#6c757d);display:block;font-size:.8em;margin-left:5px}.alert-info-cell{color:#495057;color:var(--text-secondary,#495057);font-size:.85em;max-width:250px;vertical-align:middle}.alert-info-content{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;height:2.8em;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.alert-info-cell.alert-active{background-color:#fff3cd;background-color:var(--warning-color-x-light,#fff3cd);border-radius:4px;color:#856404;color:var(--warning-color-dark,#856404);font-weight:500;padding:8px 10px}.alert-info-cell .alert-icon{color:#ffc107;color:var(--warning-color,#ffc107);margin-right:5px}.alert-info-cell .alert-time,.alert-info-cell .internal-info-time{color:#5a6268;color:var(--text-muted-darker,#5a6268);display:inline;font-size:.9em;margin-left:5px;white-space:nowrap}.alert-info-cell .internal-info-time{color:#6c757d;color:var(--text-muted,#6c757d)}.actions-cell .action-button{border:none;border-radius:5px;cursor:pointer;font-size:.85em;margin-right:8px;padding:6px 10px;transition:background-color .2s ease}.actions-cell .action-button.view-button{background-color:#007bff;background-color:var(--primary-color,#007bff);color:#fff}.actions-cell .action-button.view-button:hover{background-color:#0056b3;background-color:var(--primary-color-dark,#0056b3)}.actions-cell .action-button.view-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.actions-cell .action-button.stop-button{background-color:#dc3545;background-color:var(--danger-color,#dc3545);color:#fff}.actions-cell .action-button.stop-button:hover{background-color:#c82333;background-color:var(--danger-color-dark,#c82333)}@media (max-width:768px){.tasks-table td,.tasks-table th{font-size:.85rem;padding:8px 6px}.alert-info-cell{max-width:150px}}.camera-page-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.feed-and-controls-area{display:flex;flex-direction:column}.live-logs-area{max-height:calc(100vh - 100px);overflow-y:auto}@media (max-width:992px){.camera-page-grid{grid-template-columns:1fr}.live-logs-area{margin-top:20px;max-height:400px}}.ask-card h1{margin-bottom:1.5rem;transition:margin-bottom .3s ease,font-size .3s ease}.ask-form .dropdown-label{display:block;margin-bottom:.3rem}.ask-form .camera-input,.ask-form .camera-textarea{margin-bottom:1rem}.ask-form textarea{box-sizing:border-box;display:block;min-height:110px;resize:vertical;width:100%}.ask-form .next-button{margin-top:.5rem}.thanks{line-height:1.4;padding:1rem 0;text-align:center}.thanks h2{margin:0 0 .8rem;transition:margin-bottom .3s ease,font-size .3s ease}.camera-input,.camera-textarea{font-family:Manrope,sans-serif}.camera-input::placeholder,.camera-textarea::placeholder{color:#a7adb9;font-family:Manrope,sans-serif;opacity:1}@media (max-width:1024px){.ask-card h1{margin-bottom:1.3rem}.ask-form .camera-input,.ask-form .camera-textarea{margin-bottom:.9rem}.ask-form textarea{min-height:100px}}@media (max-width:768px){.ask-card h1{font-size:1.4em;margin-bottom:1rem}.ask-form .dropdown-label{font-size:.9em;margin-bottom:.2rem}.ask-form .camera-input,.ask-form .camera-textarea{margin-bottom:.8rem}.ask-form textarea{min-height:80px}.ask-form .next-button{margin-top:.8rem}.thanks h2{font-size:1.2em;margin-bottom:.6rem}.thanks{line-height:1.3;padding:.5rem 0}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#f7f8fc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.historical-logs-page-container{display:flex;min-height:100vh}.filters-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:20px;height:100vh;min-width:280px;overflow-y:auto;padding:24px;position:sticky;top:0;width:280px}.sidebar-title{color:#0f172a;font-size:20px;font-weight:600;margin-bottom:16px;padding-left:4px}.filter-group{margin-bottom:12px}.filter-label{color:#475569;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.react-select-container .react-select__control{background-color:#fff;border:1px solid #cbd5e0;border-radius:8px;box-shadow:none;font-size:14px;min-height:40px}.react-select-container .react-select__control--is-focused{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.react-select-container .react-select__placeholder{color:#94a3b8}.react-select-container .react-select__indicator-separator{display:none}.react-select-container .react-select__dropdown-indicator{color:#94a3b8}.react-select-container .react-select__menu{border-radius:8px;box-shadow:0 4px 12px #0000001a;font-size:14px;z-index:100}.react-select-container .react-select__option{padding:10px 15px}.react-select-container .react-select__option--is-focused{background-color:#eff6ff;color:#1e293b}.react-select-container .react-select__option--is-selected{background-color:#3b82f6;color:#fff}.react-select-container .react-select__single-value{color:#1e293b}.date-picker-input{background-color:#fff;border:1px solid #cbd5e0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:14px;line-height:normal;min-height:40px;padding:8px 10px;width:100%}.date-picker-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.date-picker-input:disabled{background-color:#f1f5f9;cursor:not-allowed}.logs-main-content{background-color:#f7f8fc;flex-grow:1;min-width:0;overflow-y:auto;padding:32px}.main-content-title{color:#0f172a;font-size:24px;font-weight:600;margin-bottom:24px}.logs-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #00000008,0 1px 2px #00000008;overflow-x:auto}.logs-table{border-collapse:collapse;min-width:1000px;table-layout:fixed;width:100%}.logs-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:500;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.logs-table td{word-wrap:break-word;border-bottom:1px solid #eaeef3;color:#334155;font-size:14px;overflow-wrap:break-word;padding:12px 16px;vertical-align:top}.logs-table tr:last-child td{border-bottom:none}.logs-table .col-event-timestamp-utc{color:#475569;width:160px}.logs-table .col-mode{text-align:center;width:100px}.logs-table .col-camera-display-name{width:180px;word-break:break-word}.logs-table .col-alert-status{text-align:center;width:120px}.logs-table .col-audio{box-sizing:border-box;overflow:hidden;padding:8px 12px;position:relative;width:200px}.logs-table .col-alert-reason{width:250px;word-break:break-word}.logs-table .col-details{width:300px;word-break:break-word}.logs-table .col-concern{width:200px;word-break:break-word}.logs-table .col-timestamp{color:#475569;width:160px}.logs-table .col-level{text-align:center;width:80px}.logs-table .col-message{width:300px;word-break:break-word}.logs-table .col-customer-sentiment{text-align:center;width:160px}.logs-table .col-transcript{width:350px;word-break:break-word}.logs-table .col-solution-provided{width:250px;word-break:break-word}.logs-table .col-bounce-type,.logs-table .col-event-type{text-align:center;width:120px}.logs-table .col-event{width:150px;word-break:break-word}.logs-table .col-idle-duration-seconds{text-align:right;width:130px}.logs-table .col-start-time-utc{color:#475569;width:160px}.logs-table .col-car-id{width:100px;word-break:break-all}.logs-table .col-source-id{width:200px;word-break:break-all}.logs-table .col-running-total{text-align:right;width:100px}.logs-table .col-running-enter-count,.logs-table .col-running-exit-count{text-align:right;width:120px}.logs-table .col-track-id{width:100px;word-break:break-all}.logs-table .col-source-type{text-align:center;width:120px}.logs-table td.col-alert-tag{background-color:#fef2f2;color:#b91c1c;font-weight:500}.scrollable-cell-content{word-wrap:break-word;line-height:1.45;max-height:100px;overflow-wrap:break-word;overflow-y:auto;white-space:pre-wrap}.log-value-pre{word-wrap:break-word;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#334155;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.875em;max-height:120px;overflow-x:auto;padding:8px;white-space:pre-wrap}.error-message,.loading-message,.no-logs-message{border-radius:8px;font-size:1em;margin:40px auto;max-width:600px;padding:20px;text-align:center}.error-message{background-color:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.loading-message{color:#2563eb;font-weight:500}.no-logs-message{background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569}.filter-label-checkbox{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:6px 0}.filter-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;margin-right:10px;width:16px}.filter-checkbox:disabled{cursor:not-allowed;opacity:.7}.logs-table td.col-idle-alert{background-color:#fefce8;color:#a16207;font-weight:500}.logs-table tr td.col-idle-alert{background-color:#fefce8!important}.checkbox-group{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding:10px}.checkbox-group .filter-label-checkbox{padding:4px 0}.filter-info-text{background-color:#f8fafc;border-radius:4px;color:#64748b;font-size:13px;margin-top:8px;padding:8px 4px;text-align:center}.sidebar-title{font-size:18px}.view-mode-toggle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e0;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;bottom:4px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:#3b82f6}input:focus+.slider{box-shadow:0 0 1px #3b82f6}input:checked+.slider:before{transform:translateX(22px)}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}.log-cell-with-audio{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-width:100%;width:100%}.col-audio .log-cell-with-audio{max-width:100%;min-width:0;overflow:hidden}.log-text-content{word-wrap:break-word;color:#374151;font-size:14px;line-height:1.4}.log-audio-player{border-top:1px solid #e5e7eb;margin-top:4px;padding:4px 0}.inline-historical-audio-player{font-size:12px;max-width:100%;width:100%}.inline-historical-audio-player .audio-controls{box-sizing:border-box;gap:6px;max-width:100%;min-height:32px;width:100%}.inline-historical-audio-player .play-pause-btn{flex-shrink:0;height:28px;width:28px}.inline-historical-audio-player .play-pause-btn svg{height:12px;width:12px}.inline-historical-audio-player .time-display{flex-shrink:0;font-size:11px;min-width:28px}.inline-historical-audio-player .audio-slider{flex:1 1;max-width:100%;min-width:60px}.inline-historical-audio-player .volume-controls{flex-shrink:0;gap:4px}.inline-historical-audio-player .volume-slider{width:35px}.col-audio .inline-historical-audio-player .audio-controls{gap:4px}.col-audio .inline-historical-audio-player .time-display{min-width:25px}.col-audio .inline-historical-audio-player .volume-slider{width:30px}.col-transcript-with-audio{max-width:500px;min-width:350px}@media (max-width:1200px){.logs-table .col-event-timestamp-utc{width:140px}.logs-table .col-mode{width:80px}.logs-table .col-camera-display-name{width:150px}.logs-table .col-alert-status{width:100px}.logs-table .col-audio{box-sizing:border-box;overflow:hidden;width:180px}.logs-table .col-alert-reason{width:220px}.logs-table .col-details{width:280px}.logs-table .col-concern{width:160px}.logs-table .col-timestamp{width:140px}.logs-table .col-message{width:250px}.logs-table .col-transcript{width:280px}.logs-table .col-solution-provided{width:200px}.logs-table .col-source-id{width:160px}.inline-historical-audio-player .volume-controls{display:none}.col-audio .inline-historical-audio-player .time-display{min-width:22px}.col-transcript-with-audio{max-width:400px;min-width:280px}}@media (max-width:768px){.logs-table .col-event-timestamp-utc{width:120px}.logs-table .col-mode{width:70px}.logs-table .col-camera-display-name{width:120px}.logs-table .col-alert-status{width:90px}.logs-table .col-audio{box-sizing:border-box;overflow:hidden;width:160px}.logs-table .col-alert-reason{width:180px}.logs-table .col-details{width:220px}.logs-table .col-concern,.logs-table .col-timestamp{width:120px}.logs-table .col-message{width:200px}.logs-table .col-transcript{width:220px}.logs-table .col-solution-provided{width:150px}.logs-table .col-source-id{width:140px}.log-audio-player{margin-top:2px;padding:2px 0}.inline-historical-audio-player .audio-controls{gap:4px;min-height:28px}.inline-historical-audio-player .play-pause-btn{height:24px;width:24px}.inline-historical-audio-player .play-pause-btn svg{height:10px;width:10px}.col-audio .inline-historical-audio-player .time-display{font-size:10px;min-width:20px}}@media (max-width:480px){.logs-table{min-width:800px}.logs-table .col-event-timestamp-utc{width:100px}.logs-table .col-mode{width:50px}.logs-table .col-camera-display-name{width:100px}.logs-table .col-alert-status{width:80px}.logs-table .col-audio{box-sizing:border-box;overflow:hidden;width:120px}.logs-table .col-alert-reason{width:120px}.logs-table .col-details{width:150px}.logs-table .col-concern,.logs-table .col-timestamp{width:100px}.logs-table .col-message{width:150px}.logs-table .col-transcript{width:180px}.logs-table .col-solution-provided,.logs-table .col-source-id{width:120px}.inline-historical-audio-player .play-pause-btn{height:20px;width:20px}.inline-historical-audio-player .play-pause-btn svg{height:8px;width:8px}.inline-historical-audio-player .time-display{font-size:10px;min-width:25px}.col-audio .inline-historical-audio-player .audio-controls{gap:2px}.col-audio .inline-historical-audio-player .time-display{font-size:9px;min-width:18px}.col-audio .inline-historical-audio-player .audio-slider{min-width:40px}}.analytics-dashboard-page{background-color:#f7f8fc;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;padding:24px}.analytics-header{margin-bottom:24px}.analytics-title{color:#0f172a;font-size:28px;font-weight:600;margin-bottom:8px}.analytics-subtitle{color:#475569;font-size:16px}.filters-container{align-items:flex-end;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;margin-bottom:32px;padding:20px}.filter-item{display:flex;flex-direction:column}.filter-item label{color:#475569;font-size:14px;font-weight:500;margin-bottom:6px}.filter-item input[type=date],.filter-item select{border:1px solid #cbd5e0;border-radius:6px;font-size:14px;height:38px;min-width:180px;padding:8px 10px}.filter-item input[type=date]:focus,.filter-item select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.chart-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;padding:20px}.chart-title{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.recharts-responsive-container{min-height:300px}.error-message-analytics,.loading-message-analytics,.no-data-message-analytics{border-radius:8px;font-size:16px;padding:40px 20px;text-align:center}.loading-message-analytics{color:#2563eb}.error-message-analytics{background-color:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.no-data-message-analytics{background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569}.recharts-default-tooltip{background-color:#fffffff2!important;border:1px solid #e2e8f0!important;border-radius:6px!important;box-shadow:0 2px 8px #0000001a!important;padding:10px!important}.recharts-tooltip-label{color:#0f172a!important;font-weight:600!important;margin-bottom:5px!important}.filters-container .react-select-container.analytics-filter-select .react-select__control{min-width:180px}.analytics-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.analytics-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;padding:25px 30px;position:relative;width:90%}.analytics-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:24px;font-weight:700;line-height:1;position:absolute;right:15px;top:15px}.analytics-modal-close:hover{color:#333}.analytics-modal-content h3{color:#0f172a;font-size:20px;margin-bottom:20px;margin-top:0}.analytics-modal-content h4{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:16px;margin-bottom:10px;margin-top:25px;padding-bottom:5px}.modal-alerts-table-wrapper{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:20px;max-height:250px;overflow-y:auto}.modal-alerts-table-wrapper table{border-collapse:collapse;font-size:13px;width:100%}.modal-alerts-table-wrapper td,.modal-alerts-table-wrapper th{border-bottom:1px solid #eaeef3;padding:8px 10px;text-align:left}.modal-alerts-table-wrapper th{background-color:#f8fafc;color:#64748b;font-weight:500}.modal-alerts-table-wrapper tr:last-child td{border-bottom:none}:root{--settings-bg:#fafbfc;--accent-teal:#10b981;--logo-gradient-start:#a78bfa;--logo-gradient-end:#8b5cf6}.settings-page-container{background:#0000;color:#1a1d21;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0 auto;max-width:1200px;padding:3rem 2.5rem;padding:var(--spacing-3xl) var(--spacing-2xl)}.org-header-minimal{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:2rem;margin-bottom:3rem;padding-bottom:2rem}.org-logo-wrapper{position:relative}.org-logo{align-items:center;background:linear-gradient(135deg,#a78bfa,#8b5cf6);background:linear-gradient(135deg,var(--logo-gradient-start),var(--logo-gradient-end));border:4px solid #fff;border:4px solid var(--card-bg);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #00000014;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:2.75rem;font-weight:700;height:120px;justify-content:center;transition:transform .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);width:120px}.org-logo:hover{box-shadow:0 4px 12px #8b5cf61f;box-shadow:var(--shadow-purple);transform:scale(1.03) rotate(-1deg)}.org-identity-minimal{flex:1 1}.org-name{color:#1a1d21;color:var(--text-primary);font-size:2.25rem;font-weight:700;letter-spacing:-.03em;margin:0 0 .5rem}.org-id-row{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.org-id-label{color:#5f6368;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.org-id-value{background:#f3f4f6;border-radius:4px;color:#1a1d21;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.9rem;padding:.2rem .5rem}.btn-copy-minimal{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-xs);color:#9aa0a6;color:var(--text-tertiary);cursor:pointer;display:flex;padding:6px;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.btn-copy-minimal:hover{background:#eff6ff;background:var(--accent-light);color:#3b82f6;color:var(--accent-color);transform:scale(1.1)}.btn-copy-minimal:active{transform:scale(.95)}.org-actions{display:flex;gap:1rem}.btn-edit-minimal{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);color:#1a1d21;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-base) var(--ease-out)}.btn-edit-minimal:hover{background:#f8f9fa;background:var(--bg-hover);border-color:#d1d5db;border-color:var(--border-hover);box-shadow:0 1px 3px 0 #00000014,0 1px 2px -1px #00000014;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-edit-minimal:active{transform:translateY(0)}.org-grid{grid-gap:2.5rem;grid-gap:var(--spacing-2xl);display:grid;gap:2.5rem;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.settings-card:first-child{animation:fadeInUp .4s .1s both}.settings-card:nth-child(2){animation:fadeInUp .4s .2s both}.settings-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ddd6fe4d;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #8b5cf60d,0 1px 3px #0000000d;display:flex;flex-direction:column;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-base) var(--ease-out)}.settings-card:hover{background:#ffffffd9;border-color:#c4b5fd66;box-shadow:0 8px 12px #8b5cf614,0 2px 4px #0000000f;transform:translateY(-2px)}.card-body{flex:1 1;padding:1.5rem 2rem 2rem;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.view-list{gap:1.5rem}.view-list,.view-row{display:flex;flex-direction:column}.view-row{gap:.35rem}.view-label{color:#9aa0a6;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.view-value{color:#1a1d21;color:var(--text-primary);font-size:1rem;line-height:1.5}.description-text{color:#5f6368;color:var(--text-secondary)}.text-muted{color:#9aa0a6;color:var(--text-tertiary);font-style:italic}.metadata-list{display:flex;flex-direction:column}.metadata-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-xs);display:flex;justify-content:space-between;padding:.75rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:background .15s cubic-bezier(0,0,.2,1);transition:background var(--duration-fast) var(--ease-out)}.metadata-row:hover{background:#f5f3ff;background:var(--lavender-50)}.metadata-row:last-child{border-bottom:none;padding-bottom:.75rem;padding-bottom:var(--spacing-sm)}.metadata-row:first-child{padding-top:.75rem;padding-top:var(--spacing-sm)}.meta-key{color:#5f6368;color:var(--text-secondary)}.meta-key,.meta-value{font-size:.9rem;font-weight:500}.meta-value{color:#1a1d21;color:var(--text-primary);font-family:SF Mono,monospace;text-align:right}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-group label{color:#1a1d21;color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-sm)}.form-input-modern,.form-textarea-modern{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#1a1d21;color:var(--text-primary);font-size:.9375rem;line-height:1.5;padding:.75rem 1rem;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out);width:100%}.form-input-modern:hover,.form-textarea-modern:hover{border-color:#ddd6fe;border-color:var(--lavender-200)}.form-input-modern:focus,.form-textarea-modern:focus{border-color:#3b82f6;border-color:var(--accent-color);box-shadow:0 0 0 4px #3b82f61a;outline:2px solid #3b82f6;outline:2px solid var(--accent-color);outline-offset:2px}.form-input-modern:focus-visible,.form-textarea-modern:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent-color);outline-offset:2px}.form-textarea-modern{min-height:100px;resize:vertical}.form-actions{display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;margin-top:2rem;margin-top:var(--spacing-xl)}.btn-cancel{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);color:#5f6368;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-base) var(--ease-out)}.btn-cancel:hover{background:#f8f9fa;background:var(--bg-hover);border-color:#d1d5db;border-color:var(--border-hover);box-shadow:0 1px 3px 0 #00000014,0 1px 2px -1px #00000014;box-shadow:var(--shadow-sm);color:#1a1d21;color:var(--text-primary);transform:translateY(-1px)}.btn-cancel:active{transform:translateY(0)}.btn-save{background:#3b82f6;background:var(--accent-color);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #00000014,0 1px 2px -1px #00000014;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-base) var(--ease-out)}.btn-save:hover:not(:disabled){background:#2563eb;background:var(--accent-hover);box-shadow:0 4px 12px #3b82f626;box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-save:active:not(:disabled){box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-state,.loading-state{color:#5f6368;color:var(--text-secondary);padding:4rem 2rem;text-align:center}.spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-top-color:#1a1d21;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--text-primary);height:32px;margin:0 auto 1rem;width:32px}@media (prefers-contrast:high){.btn-cancel,.btn-edit-minimal,.btn-save,.settings-card{border-width:2px}.org-logo{border-width:3px}.form-input-modern,.form-textarea-modern{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.settings-card:first-child,.settings-card:nth-child(2){animation:none}}@media (max-width:768px){.settings-page-container{padding:1.5rem;padding:var(--spacing-lg)}.org-header-minimal{align-items:center;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);text-align:center}.org-identity-minimal{width:100%}.org-id-row{flex-wrap:wrap}.org-actions,.org-id-row{justify-content:center}.org-grid{grid-template-columns:1fr}.metadata-row{flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.meta-value{text-align:left}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}.invitation-management-container{margin:0 auto;max-width:1200px}.invitation-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.invitation-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-input,.form-select{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--accent);outline:none}.form-input:disabled,.form-select:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-full-width{width:100%}.invitations-table{border-collapse:collapse;width:100%}.invitations-table thead{background:var(--bg-card-alt)}.invitations-table th{border-bottom:2px solid var(--border);color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.invitations-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:1rem}.invitations-table tbody tr:hover{background:var(--bg-card-alt)}.code-cell{align-items:center;display:flex;gap:.5rem}.code-text{font-family:Courier New,monospace;font-size:.875rem}.btn-icon{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:color .2s}.btn-icon:hover{color:var(--accent)}.icon-success{color:var(--success)}.status-badge{border-radius:12px;display:inline-block;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-active{color:#065f46}.status-expired{background:#fee2e2;color:#991b1b}.status-used{background:#fef3c7;color:#92400e}.status-revoked{background:#f3f4f6;color:#6b7280}.btn-danger-small{background:#0000;border:1px solid var(--danger);border-radius:4px;color:var(--danger);cursor:pointer;font-size:.875rem;font-weight:600;padding:.375rem .75rem;transition:all .2s}.btn-danger-small:hover:not(:disabled){background:var(--danger);color:#fff}.btn-danger-small:disabled{cursor:not-allowed;opacity:.4}.form-group-full{display:flex;flex-direction:column;gap:.5rem}.form-help-text{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.camera-selection-container{border:1px solid var(--border);border-radius:8px;margin-top:.5rem;overflow:hidden}.camera-selection-header{align-items:center;background:var(--bg-card-alt);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 1rem}.selected-count{color:var(--text-primary)}.btn-link,.selected-count{font-size:.875rem;font-weight:600}.btn-link{background:#0000;border:none;color:var(--accent);cursor:pointer;padding:.25rem .5rem;transition:color .2s}.btn-link:hover:not(:disabled){color:var(--accent-hover);text-decoration:underline}.btn-link:disabled{cursor:not-allowed;opacity:.5}.camera-checkbox-list{max-height:250px;overflow-y:auto}.camera-checkbox-item{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .2s}.camera-checkbox-item:last-child{border-bottom:none}.camera-checkbox-item:hover{background:var(--bg-card-alt)}.camera-checkbox-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.camera-name{color:var(--text-primary);flex:1 1;font-weight:500}.camera-location,.empty-state-small{color:var(--text-secondary);font-size:.875rem}.empty-state-small{padding:1rem;text-align:center}.camera-access-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.camera-access-badge.restricted{background:#fef3c7;color:#92400e}.camera-access-badge.unrestricted{background:#d1fae5;color:#065f46}.text-warning{color:#d97706;font-weight:500}.text-success{color:#059669;font-weight:500}.empty-state,.loading-text{padding:2rem}.modal-header{align-items:center}.modal-field{margin-bottom:1.5rem}.modal-field label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.copy-field{display:flex;gap:.5rem}.modal-input{background:var(--bg-card-alt);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace}.btn-copy,.modal-input{font-size:.875rem;padding:.75rem 1rem}.btn-copy{align-items:center;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;transition:background .2s;white-space:nowrap}.btn-copy:hover{background:var(--accent-hover)}.modal-info{background:var(--bg-card-alt);border-radius:6px;margin-top:1.5rem;padding:1rem}.modal-info p{color:var(--text-primary);margin:.5rem 0}@media (max-width:768px){.invitation-management-container{padding:0}.page-header{font-size:1.5rem}.card-body{padding:1.5rem}.form-row{grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}.invitations-table{min-width:700px}.modal-content{margin:1rem;width:95%}.modal-body{padding:1.5rem}.copy-field{flex-direction:column}.btn-copy{justify-content:center;width:100%}}.user-management-container{margin:0 auto;max-width:1200px}.page-header{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem}.user-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.card-header{align-items:center;background:var(--bg-card-alt);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.card-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.user-count{color:var(--text-secondary);font-size:.875rem;font-weight:500}.card-body{padding:2rem}.filters-section{display:flex;gap:1rem;padding:1.5rem}.filter-group{flex:1 1}.filter-select,.search-input{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.filter-select:focus,.search-input:focus{border-color:var(--accent);outline:none}.table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:var(--bg-card-alt)}.users-table th{border-bottom:2px solid var(--border);color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:1rem}.users-table tbody tr:hover{background:var(--bg-card-alt)}.user-info{align-items:center;display:flex;gap:.75rem}.user-avatar-icon{color:var(--text-secondary);font-size:1.75rem}.roles-cell{display:flex;flex-wrap:wrap;gap:.5rem}.no-roles{color:var(--text-secondary);font-size:.875rem;font-style:italic}.role-badge{border-radius:12px;font-size:.75rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.role-admin{background:#dbeafe;color:#1e40af}.role-manager{background:#d1fae5;color:#065f46}.role-viewer{background:#f3f4f6;color:#6b7280}.btn-manage{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background .2s}.btn-manage:hover{background:var(--accent-hover)}.empty-state,.loading-text{color:var(--text-secondary);padding:3rem;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.modal-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.modal-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:.5rem;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:2rem}.modal-section{margin-bottom:2rem}.modal-section:last-child{margin-bottom:0}.modal-section-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.empty-roles{background:var(--bg-card-alt);border-radius:6px;color:var(--text-secondary);font-style:italic;padding:1rem;text-align:center}.current-roles-list{display:flex;flex-direction:column;gap:.75rem}.role-item{align-items:center;background:var(--bg-card-alt);border:1px solid var(--border);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem 1rem}.btn-remove-role{background:#0000;border:none;color:var(--danger);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:color .2s}.btn-remove-role:hover{color:var(--danger-hover)}.assign-role-form{display:flex;gap:.75rem}.form-select{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s}.form-select:focus{border-color:var(--accent);outline:none}.form-select:disabled{cursor:not-allowed;opacity:.6}.btn-assign{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:background .2s;white-space:nowrap}.btn-assign:hover:not(:disabled){background:var(--accent-hover)}.btn-assign:disabled{cursor:not-allowed;opacity:.6}.user-info-grid{background:var(--bg-card-alt);border-radius:6px;padding:1rem}.info-row{border-bottom:1px solid var(--border);padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-weight:600;min-width:100px}.info-value{flex:1 1}.modal-footer{border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:1.5rem 2rem}.btn-secondary{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:var(--bg-card-alt)}@media (max-width:768px){.user-management-container{padding:0}.page-header{font-size:1.5rem}.card-body{padding:1.5rem}.filters-section{flex-direction:column;padding:1rem}.table-wrapper{overflow-x:scroll}.users-table{min-width:700px}.modal-content{margin:1rem;width:95%}.modal-body{padding:1.5rem}.assign-role-form{flex-direction:column}.btn-assign{width:100%}}.actions-cell{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.btn-delete{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background .2s}.btn-delete:hover{background:#c82333}.delete-disabled{background:#e0e0e0;border-radius:6px;color:#999;cursor:not-allowed;display:inline-block;font-size:.875rem;font-weight:600;opacity:.6;padding:.5rem 1rem}.modal-small{max-width:500px}.warning-message{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;margin-bottom:1rem;padding:.75rem 1rem}.warning-message strong{font-weight:700}.user-details{background:var(--bg-card-alt);border:1px solid var(--border);border-radius:6px;margin:1rem 0;padding:1rem 1.5rem}.user-details p{color:var(--text-primary);margin:.5rem 0}.user-details strong{color:var(--text-secondary);font-weight:600}.delete-info{color:var(--text-primary);font-weight:600;margin-bottom:.5rem;margin-top:1.5rem}.delete-list{margin-bottom:1rem;margin-left:1.5rem;padding-left:.5rem}.delete-list li{color:var(--text-primary);margin:.5rem 0}.audit-info{background:var(--bg-card-alt);border-left:3px solid var(--accent);border-radius:4px;color:var(--text-secondary);font-size:.875rem;font-style:italic;margin-top:1rem;padding:.75rem}.btn-danger{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .2s}.btn-danger:hover{background:#c82333}@media (max-width:768px){.actions-cell{align-items:stretch;flex-direction:column}.btn-delete,.delete-disabled{text-align:center;width:100%}}.role-badge{border-radius:16px;box-shadow:0 1px 3px #0000001f;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-right:.5rem;padding:.375rem .875rem;transition:all .2s ease}.role-badge-purple{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff}.role-badge-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.role-badge-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.role-badge-gray{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.role-badge-loading{animation:pulse 1.5s ease-in-out infinite;background:#e5e7eb;color:#6b7280}.role-badge:hover{box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}@media (max-width:768px){.role-badge{font-size:.8125rem;padding:.3125rem .75rem}}:root{--profile-bg:#fafbfc;--card-bg:#fff;--bg-hover:#f8f9fa;--card-header-bg:#fafbfc;--lavender-50:#f5f3ff;--lavender-100:#ede9fe;--lavender-200:#ddd6fe;--lavender-300:#c4b5fd;--lavender-400:#a78bfa;--lavender-500:#8b5cf6;--lavender-600:#7c3aed;--text-primary:#1a1d21;--text-secondary:#5f6368;--text-tertiary:#9aa0a6;--text-muted:#c0c4cc;--accent-color:#3b82f6;--accent-hover:#2563eb;--accent-light:#eff6ff;--avatar-gradient-start:#a78bfa;--avatar-gradient-end:#8b5cf6;--accent-purple:#8b5cf6;--accent-purple-light:#f5f3ff;--success-color:#10b981;--success-bg:#d1fae5;--success-border:#86efac;--danger-color:#ef4444;--danger-bg:#fee2e2;--danger-border:#fca5a5;--info-color:#6366f1;--info-bg:#e0e7ff;--info-border:#c7d2fe;--border-color:#e5e7eb;--border-hover:#d1d5db;--border-purple:#ddd6fe;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014,0 1px 2px -1px #00000014;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #00000014;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #00000014;--shadow-accent:0 4px 12px #3b82f626;--shadow-purple:0 4px 12px #8b5cf61f;--radius-xl:20px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--radius-xs:6px;--radius-full:9999px;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms}.profile-page-container{background:#0000;color:#1a1d21;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0 auto;max-width:1200px;padding:3rem 2.5rem;padding:var(--spacing-3xl) var(--spacing-2xl)}.profile-header-minimal{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:2rem;margin-bottom:3rem;padding-bottom:2rem}.profile-avatar-wrapper{position:relative}.profile-avatar{align-items:center;background:linear-gradient(135deg,#a78bfa,#8b5cf6);background:linear-gradient(135deg,var(--avatar-gradient-start),var(--avatar-gradient-end));border:4px solid #fff;border-radius:50%;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #00000014;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:2.75rem;font-weight:700;height:120px;justify-content:center;transition:transform .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);width:120px}.profile-avatar:hover{box-shadow:0 4px 12px #8b5cf61f;box-shadow:var(--shadow-purple);transform:scale(1.03)}.profile-status-indicator{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#10b981;background-color:var(--success-color);border:4px solid #fff;border-radius:50%;bottom:8px;box-shadow:0 0 0 2px #10b9811a;height:20px;position:absolute;right:8px;width:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.profile-identity-minimal{flex:1 1}.profile-name{color:#1a1d21;color:var(--text-primary);font-size:2.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0 0 .375rem}.profile-email{color:#5f6368;color:var(--text-secondary);font-size:1rem;margin:0 0 1rem}.profile-badges{display:flex;gap:.75rem}.profile-content-grid{grid-gap:2.5rem;grid-gap:var(--spacing-2xl);display:grid;gap:2.5rem;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.info-card:first-child{animation:fadeInUp .4s .1s both}.info-card:nth-child(2){animation:fadeInUp .4s .2s both}.info-card:nth-child(3){animation:fadeInUp .4s .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ddd6fe4d;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #8b5cf60d,0 1px 3px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-base) var(--ease-out)}.info-card:hover{background:#ffffffd9;border-color:#c4b5fd66;box-shadow:0 8px 12px #8b5cf614,0 2px 4px #0000000f;transform:translateY(-2px)}.info-card.full-width{grid-column:1/-1}.card-header{background:linear-gradient(180deg,#f5f3ff80,#0000);border-bottom:1px solid #ede9fe80;padding:2rem 2rem 1rem;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md)}.card-header h3{color:#1a1d21;color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;margin:0}.card-content{padding:1.5rem 2rem 2rem;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.info-row{display:flex;gap:2rem;margin-bottom:1.5rem}.info-row:last-child{margin-bottom:0}.info-group{flex:1 1;margin-bottom:1.25rem}.info-group:last-child{margin-bottom:0}.info-group label{color:#9aa0a6;color:var(--text-tertiary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.375rem;text-transform:uppercase}.info-value{font-size:.95rem;font-weight:500}.highlight-value,.info-value{color:#1a1d21;color:var(--text-primary)}.highlight-value{font-weight:600}.code-value{background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-xs);color:#5f6368;color:var(--text-secondary);font-family:SF Mono,Roboto Mono,monospace;font-size:.85rem;padding:.375rem .625rem;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out);word-break:break-all}.code-value:hover{background:#f5f3ff;background:var(--lavender-50);border-color:#ddd6fe;border-color:var(--lavender-200)}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.025em;padding:.375rem .875rem;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.status-badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status-active{background:#d1fae5;background:var(--success-bg);border:1px solid #86efac;border:1px solid var(--success-border);color:#059669}.status-active:hover{background:#a7f3d0}.status-inactive{background:#fee2e2;background:var(--danger-bg);border:1px solid #fca5a5;border:1px solid var(--danger-border);color:#dc2626}.status-inactive:hover{background:#fecaca}.roles-container{align-items:flex-start;display:flex;flex-direction:column;gap:.875rem;padding:.5rem 0}.role-badge-wrapper{animation:fadeInUp .4s ease-out both}.role-badge-wrapper:first-child{animation-delay:.1s}.role-badge-wrapper:nth-child(2){animation-delay:.2s}.role-badge-wrapper:nth-child(3){animation-delay:.3s}.role-badge-wrapper:nth-child(4){animation-delay:.4s}.role-badge-wrapper:nth-child(5){animation-delay:.5s}.no-roles-text{color:#9aa0a6;color:var(--text-tertiary);font-size:.9rem}.profile-loading{align-items:center;color:#5f6368;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-top-color:#1a1d21;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--text-primary);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}:focus-visible{border-radius:6px;border-radius:var(--radius-xs);outline:2px solid #3b82f6;outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast:high){.info-card,.status-badge{border-width:2px}.profile-avatar{border-width:3px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.info-card:first-child,.info-card:nth-child(2),.info-card:nth-child(3){animation:none}}@media (max-width:768px){.profile-page-container{padding:1.5rem;padding:var(--spacing-lg)}.profile-header-minimal{flex-direction:column;gap:1rem;gap:var(--spacing-md);text-align:center}.profile-badges{justify-content:center}.profile-content-grid{grid-template-columns:1fr}.info-row{flex-direction:column;gap:1rem;gap:var(--spacing-md)}}
/*# sourceMappingURL=main.7e82c8af.css.map*/