:root{--chicago-maroon: #850000;--chicago-maroon-light: #b32029;--bg-dark: #000;--bg-light: #ececec;--header-light: #f4f4f4;--card-bg: #ffffff;--text-dark: #333333;--text-light: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:Arial,sans-serif;overflow:hidden;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center}#app{width:1280px;height:767px;position:relative;overflow:hidden;background-color:var(--bg-dark)}.hidden{display:none!important}.global-header{position:absolute;top:0;left:0;width:100%;height:77px;background-color:var(--chicago-maroon);z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 30px;color:var(--text-light);transition:background-color .3s,color .3s,box-shadow .3s}.global-header.header-light{background-color:var(--header-light);color:#000;box-shadow:0 2px 10px #0000001a}.header-left{display:flex;align-items:center;gap:20px;width:380px;flex-shrink:0}.header-logo{height:46px;object-fit:contain}.header-separator{width:1px;height:40px;background-color:#fff6}.global-header.header-light .header-separator{background-color:#0003}.room-info{display:flex;flex-direction:column;justify-content:center;font-size:16px;font-weight:700;line-height:1.4;gap:2px}.dark-mode-container{display:flex;align-items:center;gap:10px;margin-left:20px;font-size:16px}.header-tabs{display:flex;align-items:center;gap:30px;height:100%}.tab-btn{background:none;border:none;font-family:Arial,sans-serif;font-size:20px;color:#000;cursor:pointer;height:100%;padding:0 10px;position:relative;white-space:nowrap;display:flex;flex-direction:column;justify-content:center;align-items:center}.tab-btn:after{content:attr(data-label);height:0;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:700}.tab-btn.active{font-weight:700;color:var(--chicago-maroon);border-bottom:4px solid var(--chicago-maroon)}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:15px;font-size:16px;font-weight:700;width:350px}.btn-end-class{width:122px;height:41px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;background:#fff;border:1px solid #cccccc;border-radius:6px;cursor:pointer;margin-right:20px}.header-rec-indicator{display:none;align-items:center;gap:8px;background:#fff;border:1px solid #cccccc;border-radius:6px;height:41px;padding:0 12px;margin-right:15px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;color:#000}.header-rec-indicator.visible{display:flex}.rec-dot{width:10px;height:10px;background-color:red;border-radius:50%;animation:rec-flash 1s infinite}@keyframes rec-flash{0%{opacity:1}50%{opacity:0}to{opacity:1}}.header-battery{width:27px;height:14px;color:#fff}.global-header.header-light .header-battery{color:#000}.battery-text{margin-left:-9px}.view-container{width:100%;height:100%;position:absolute;top:0;left:0}.start-screen{position:relative;width:100%;height:100%;background-image:url(/images/harper.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1}.start-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:77px}.start-logo{width:720px;max-width:80%;object-fit:contain;margin-bottom:50px}.btn-start-class{background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));border:1px solid #5a0000;color:#fff;font-family:Arial,sans-serif;font-size:26px;font-weight:700;padding:18px 0;border-radius:8px;cursor:pointer;box-shadow:0 4px 15px #0009;width:380px;text-align:center}.main-dashboard{width:100%;height:100%;background-color:var(--bg-light);padding-top:77px;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.card{background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 5px #0000001a;border:1px solid #e0e0e0}.lights-card{width:1239px;height:72px;display:flex;align-items:center;padding:0 15px;margin-top:10px;margin-bottom:10px;flex-shrink:0}.card-label{font-family:Arial,sans-serif;font-size:18px;font-weight:700;margin-right:21px}.lights-btn-group{display:flex;justify-content:space-between;flex:1}.light-btn{width:275px;height:45px;background:#fdfdfd;border:1px solid #dcdcdc;border-radius:6px;font-family:Arial,sans-serif;font-size:18px;color:#333;cursor:pointer;box-shadow:0 2px 4px #0000000d}.light-btn.active,.mute-btn.active{background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));color:#fff;border:1px solid #5a0000;font-weight:700}.displays-grid{width:1239px;display:flex;flex-wrap:wrap;gap:8.5px;justify-content:space-between;align-items:flex-start;margin-bottom:auto;flex-shrink:0}.display-card{width:241px;max-height:72px;height:auto;display:flex;flex-direction:column;padding:15px;transition:max-height .3s ease;overflow:hidden}.display-card.expanded{max-height:500px}.card-header-inline{display:flex;justify-content:space-between;align-items:center;height:42px;flex-shrink:0}.display-label{font-family:Arial,sans-serif;font-size:18px;font-weight:700}.card-content{margin-top:15px;display:flex;flex-direction:column;gap:10px}.source-label-small{font-size:14px;color:#666}.custom-dropdown{position:relative;width:100%;font-family:Arial,sans-serif;font-size:16px;background-color:#f4f4f4;border:1px solid #dcdcdc;border-radius:6px;overflow:hidden}.custom-dropdown.open{box-shadow:0 4px 10px #0000001a}.dropdown-trigger{width:100%;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-family:Arial,sans-serif;font-size:16px;color:#333;cursor:pointer}.dropdown-selected{color:#666}.custom-dropdown.has-selection .dropdown-selected{color:#333}.chevron-icon{transition:transform .3s;color:#000}.custom-dropdown.open .chevron-icon{transform:rotate(180deg)}.dropdown-options{position:static;width:100%;background:#f4f4f4;border-top:1px solid #dcdcdc;list-style:none;display:none;flex-direction:column;padding-bottom:5px}.custom-dropdown.open .dropdown-options{display:flex}.dropdown-options li{padding:18px;cursor:pointer;color:#000;border-left:2px solid transparent;font-size:16px}.dropdown-options li:hover{background:#e6e6e6}.dropdown-options li.selected{background:#eee0e1;border-left:2px solid var(--chicago-maroon)}.switch-toggle{position:relative;display:inline-block;width:50px;height:26px}.switch-toggle input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider-round:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 3px #0000004d}input:checked+.slider-round{background-color:var(--chicago-maroon)}input:checked+.slider-round:before{transform:translate(24px)}.volume-section{width:1239px;display:flex;justify-content:space-between;margin-bottom:0;flex-shrink:0}.volume-card{width:610px;height:80px;display:flex;align-items:center;padding:0 20px;gap:20px}.vol-label{font-family:Arial,sans-serif;font-size:18px;font-weight:700;width:120px}.vol-label-col{display:flex;flex-direction:column;width:150px;flex-shrink:0;position:relative}.vol-source-panel{position:absolute;bottom:100%;left:0;width:180px;margin-bottom:8px;background:#fdfdfd;border:1px solid #dcdcdc;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:301;display:none;overflow:hidden}.vol-source-panel.open{display:block}.vol-source-list{list-style:none;padding:0;margin:0}.vol-source-item{padding:18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:400;color:#000;border-left:3px solid transparent;transition:background-color .2s}.vol-source-item:hover{background:#e6e6e6}.vol-source-item.selected{background:#eee0e1;border-left-color:var(--chicago-maroon);font-weight:700}.vol-sound-icon{display:none;align-items:flex-end;height:18px;width:22px}.vol-source-item.selected .vol-sound-icon{display:inline-flex}.sound-bar{transform-origin:bottom;fill:var(--chicago-maroon)}@keyframes bounce-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.vol-source-item.selected .bar-1{animation:bounce-bar .6s ease-in-out infinite alternate;animation-delay:.05s}.vol-source-item.selected .bar-2{animation:bounce-bar .6s ease-in-out infinite alternate;animation-delay:.25s}.vol-source-item.selected .bar-3{animation:bounce-bar .6s ease-in-out infinite alternate;animation-delay:.15s}.vol-source-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:300;display:none}.vol-source-backdrop.open{display:block}.vol-source-dropdown{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;background:#f4f4f4;border:1px solid #dcdcdc;border-radius:8px;cursor:pointer;box-shadow:0 1px 3px #00000014;font-family:Arial,sans-serif;text-align:left;transition:box-shadow .2s}.vol-source-text{font-size:15px;font-weight:700;color:#222;line-height:1.25;flex:1}.vol-source-chevron{flex-shrink:0;color:#333;transition:transform .3s}.vol-source-dropdown.open .vol-source-chevron{transform:rotate(180deg)}.mute-btn{width:50px;height:45px;background:#fdfdfd;border:1px solid #dcdcdc;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mute-btn.active .mute-icon{filter:brightness(0) invert(1)}.mute-icon{width:24px;height:24px;object-fit:contain}.room-vol-icon{width:28px;height:28px}.mute-btn .icon-muted{display:none}.mute-btn.active .icon-muted{display:block}.mute-btn.active .icon-unmuted{display:none}.mute-btn.force-muted-icon{background:#fdfdfd!important;border:1px solid #dcdcdc!important;cursor:default}.mute-btn.force-muted-icon .mute-icon{filter:none!important}.mute-btn.force-muted-icon .icon-muted{display:block!important}.mute-btn.force-muted-icon .icon-unmuted{display:none!important}.slider-container{position:relative;flex-grow:1;height:10px;background:#e0e0e0;border-radius:5px}.slider-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--chicago-maroon);border-radius:5px;z-index:1}.vol-slider{-webkit-appearance:none;width:100%;height:10px;background:transparent;outline:none;position:absolute;top:0;left:0;z-index:2;margin:0;pointer-events:none}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #ccc;cursor:pointer;box-shadow:0 2px 5px #0003;pointer-events:auto}.slider-container.disabled{opacity:.5;pointer-events:none}.projector-controls-container{margin-top:15px}.projector-controls-container.hidden{display:none!important}.card-divider{border:none;border-top:1px solid #dcdcdc;margin-bottom:10px}.proj-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.proj-btn{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:6px;padding:12px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;color:#333;box-shadow:0 2px 4px #0000000d;transition:background .2s,transform .1s}.proj-btn.pressed{transform:scale(.96)}.proj-btn.active,.proj-btn.pressed{background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));color:#fff;border:1px solid #5a0000;font-weight:700}.proj-icon{stroke:#333}.proj-btn.active .proj-icon,.proj-btn.pressed .proj-icon{stroke:#fff}.camera-dashboard{width:100%;height:100%;background-color:var(--bg-light);padding-top:77px;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.camera-layout{width:1239px;display:flex;gap:19px;margin-top:20px;flex:1}.camera-left{width:40%;display:flex;flex-direction:column;gap:15px}.camera-right{width:60%;display:flex;flex-direction:column;gap:15px}.record-card{padding:18px 20px;display:flex;flex-direction:column;align-items:center;height:205px;box-sizing:border-box}.record-card .card-label{align-self:flex-start;margin-bottom:0;margin-right:5px}.record-card-body{font-size:16px;color:var(--text-dark);line-height:1.5;text-align:left;width:100%}.record-card-body p{margin:0 0 15px}.record-card-body p:last-child{margin-bottom:0}.record-info-trigger{align-self:flex-start;display:flex;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:0;margin-bottom:8px;border-radius:4px;transition:opacity .15s}.record-info-trigger:active{opacity:.7}.record-info-icon{color:#666;flex-shrink:0}#record-initial-state{display:flex;flex-direction:column;align-items:center;width:100%}.record-timer{font-family:Arial,sans-serif;font-size:42px;font-weight:300;letter-spacing:2px;margin-bottom:12px;text-align:center;width:100%}.record-timer.greyed{color:#ccc}.record-timer.active{color:#333}.record-start-btn{width:120px;height:75px;background:#fdfdfd;border:1px solid #dcdcdc;border-radius:6px;font-family:Arial,sans-serif;font-size:16px;color:#333;cursor:pointer;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .1s}.record-start-btn:active{transform:scale(.96)}.record-start-btn.active{background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));color:#fff;border:1px solid #5a0000;font-weight:700}.record-icon{color:currentColor}.record-active-controls{display:flex;gap:15px;justify-content:center}.record-btn{width:120px;height:75px;background:#fdfdfd;border:1px solid #dcdcdc;border-radius:6px;font-family:Arial,sans-serif;font-size:16px;color:#333;cursor:pointer;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .1s}.record-btn:active{transform:scale(.96)}.record-btn.active{background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));color:#fff;border:1px solid #5a0000;font-weight:700}.record-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0;margin-top:-5px}.success-icon{width:38px;height:38px;margin-bottom:8px}.success-text-bold{font-size:20px;font-weight:700;color:#333;margin-bottom:4px}.success-text-sub{font-size:18px;font-weight:700;color:#333;margin-bottom:4px}.success-text-countdown{font-size:18px;color:#333}.btn-icon-svg{width:24px;height:24px}.presets-card{padding:18px 20px;flex:1;display:flex;flex-direction:column}.presets-columns{display:flex;gap:20px;flex:1}.preset-column{flex:1;display:flex;flex-direction:column;gap:15px}.preset-column-header{font-family:Arial,sans-serif;font-size:18px;font-weight:700;color:#333;margin-bottom:4px}.preset-btn{width:100%;height:55px;background:#fdfdfd;border:1px solid #dcdcdc;border-radius:6px;font-family:Arial,sans-serif;font-size:15px;color:#333;cursor:pointer;box-shadow:0 2px 4px #0000000d;transition:background .2s,color .2s,border .2s;text-align:left;padding:0 15px}.preset-btn.active{background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));color:#fff;border:1px solid #5a0000;font-weight:700}.split-screen-btn{width:100%;height:48px;background:#fdfdfd;border:1px solid #dcdcdc;border-radius:6px;font-family:Arial,sans-serif;font-size:15px;color:#333;cursor:pointer;box-shadow:0 2px 4px #0000000d;margin-top:14px;transition:background .2s,color .2s,border .2s}.split-screen-btn.active{background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));color:#fff;border:1px solid #5a0000;font-weight:700}.camera-feed-box{background:#000;border-radius:8px;flex:1;min-height:300px;position:relative;overflow:hidden}.cam-slot{position:absolute;top:0;height:100%;overflow:hidden;display:none}.cam-slot iframe{width:1000px;height:790px;border:none;display:block;pointer-events:none;transform-origin:0 0}#camera-feed-box.split:after{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background:#0000008c;transform:translate(-50%);pointer-events:none;z-index:10}.camera-feed-card{position:relative;padding:14px 20px;display:flex;align-items:flex-start;gap:0}.camera-controls-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5b3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10;display:none;align-items:center;justify-content:center;border-radius:12px}.camera-controls-overlay.visible{display:flex}.overlay-card{background:#fff;padding:20px 30px;border-radius:10px;box-shadow:0 4px 15px #0000001a;text-align:center;max-width:80%;border:1px solid #e0e0e0}.overlay-text{font-family:Arial,sans-serif;font-size:20px;font-weight:700;color:#000;line-height:1.4}.camera-feed-left{width:320px;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;padding-top:5px}.camera-tracking{display:flex;align-items:center;justify-content:space-between;width:255px;margin-top:15px}.tracking-label{font-family:Arial,sans-serif;font-size:16px;color:#333}.zoom-controls{display:flex;gap:15px;margin-top:auto;padding-top:10px}.zoom-btn{width:120px;height:70px;background:#fdfdfd;border:1px solid #dcdcdc;border-radius:6px;font-family:Arial,sans-serif;font-size:14px;color:#333;cursor:pointer;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:background .2s,transform .1s}.zoom-btn:active{transform:scale(.96)}.zoom-btn.pressed{background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));color:#fff;border:1px solid #5a0000}.zoom-symbol{font-size:26px;font-weight:700;line-height:1}.camera-feed-right{flex:1;display:flex;align-self:center;align-items:center;justify-content:center;padding-left:20px}.dpad-container{display:flex;flex-direction:column;align-items:center;gap:8px}.dpad-middle-row{display:flex;align-items:center;gap:8px}.dpad-spacer{width:70px;height:70px}.dpad-btn{width:70px;height:70px;border-radius:50%;background:#fdfdfd;border:1px solid #dcdcdc;cursor:pointer;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:center;color:#555;transition:background .2s,transform .1s}.dpad-btn:active{transform:scale(.93)}.dpad-btn.pressed{background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));color:#fff;border:1px solid #5a0000}.dpad-btn.pressed svg path{stroke:#fff}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000059;z-index:200;display:none;align-items:center;justify-content:center}.modal-overlay.visible{display:flex}.modal-card{background-color:var(--card-bg);border-radius:12px;box-shadow:0 8px 30px #0003;border:1px solid #e0e0e0;padding:30px 35px;width:480px;max-width:90%;animation:modalFadeIn .25s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.modal-title{font-family:Arial,sans-serif;font-size:20px;font-weight:700;color:#333}.modal-close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.modal-close-btn:hover{background:#f0f0f0}.modal-body{display:flex;gap:18px;justify-content:center}.modal-card-end{width:520px}.modal-description{font-family:Arial,sans-serif;font-size:16px;color:#333;line-height:1.6;margin-bottom:30px}.modal-card-info{width:520px}.modal-info-body{display:flex;flex-direction:column;gap:10px}.modal-info-heading{font-family:Arial,sans-serif;font-size:18px;font-weight:700;color:#333;margin:20px 0 0}.modal-info-heading:first-child{margin-top:0}.modal-info-text{font-family:Arial,sans-serif;font-size:16px;color:#333;line-height:1.6;margin:0}.modal-info-list{font-family:Arial,sans-serif;font-size:16px;color:#333;line-height:1.8;margin:0;padding-left:24px}.modal-actions{display:flex;justify-content:flex-end;gap:16px}.modal-btn{height:48px;padding:0 36px;border-radius:6px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:box-shadow .2s,transform .1s}.modal-btn:active{transform:scale(.97)}.modal-btn-cancel{background:#fdfdfd;border:1px solid #dcdcdc;color:#333;box-shadow:0 2px 4px #0000000d}.modal-btn-cancel:hover{box-shadow:0 3px 8px #0000001f}.modal-btn-confirm{background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));border:1px solid #5a0000;color:#fff;box-shadow:0 3px 10px #8500004d}.modal-btn-confirm:hover{box-shadow:0 4px 14px #85000066}.audio-wave-icon .wave-bar{transform-origin:center;animation-duration:.8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate}.bar-1{animation-name:wave1;animation-delay:0s}.bar-2{animation-name:wave2;animation-delay:.1s}.bar-3{animation-name:wave3;animation-delay:.05s}.bar-4{animation-name:wave4;animation-delay:.15s}.bar-5{animation-name:wave5;animation-delay:.08s}.bar-6{animation-name:wave6;animation-delay:.12s}.bar-7{animation-name:wave7;animation-delay:.03s}.bar-8{animation-name:wave8;animation-delay:.18s}.bar-9{animation-name:wave9;animation-delay:.07s}@keyframes wave1{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes wave2{0%{transform:scaleY(.3)}to{transform:scaleY(.9)}}@keyframes wave3{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}@keyframes wave4{0%{transform:scaleY(.35)}to{transform:scaleY(.85)}}@keyframes wave5{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes wave6{0%{transform:scaleY(.3)}to{transform:scaleY(.9)}}@keyframes wave7{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}@keyframes wave8{0%{transform:scaleY(.35)}to{transform:scaleY(.85)}}@keyframes wave9{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.help-dashboard{width:1280px;height:767px;background-color:var(--bg-light);padding-top:77px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:absolute;top:0;left:0;overflow:hidden}.help-layout{display:flex;align-items:flex-start;justify-content:center;gap:50px;width:100%;max-width:1100px;margin-top:90px}.help-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;border:1px solid #e0e0e0}.help-hours-card{width:440px;padding:35px 40px;display:flex;flex-direction:column;margin-top:100px}.hours-card-title{font-family:Arial,sans-serif;font-size:28px;font-weight:700;color:#000;margin:0 0 25px;line-height:1.2}.hours-card-rows{display:flex;flex-direction:column;gap:20px}.hours-card-row{display:flex;justify-content:space-between;align-items:center}.hours-card-location{font-family:Arial,sans-serif;font-size:20px;color:#000;line-height:1.3}.hours-card-time{font-family:Arial,sans-serif;font-size:20px;color:#000;white-space:nowrap}.help-divider{display:flex;align-items:center;gap:15px;width:140px;flex-shrink:0;margin-top:180px}.divider-line{flex:1;height:1px;background-color:#666}.divider-text{font-family:Arial,sans-serif;font-size:36px;font-weight:700;color:#000}.help-right-section{display:flex;flex-direction:column;width:440px}.section-title{font-family:Arial,sans-serif;font-size:24px;font-weight:700;color:#111;margin:0 0 15px;height:25px}.problem-subtitle{font-family:Arial,sans-serif;font-size:18px;font-weight:700;color:#111;margin:0 0 20px}.problem-list{display:flex;flex-direction:column;gap:14px}.problem-btn{width:100%;height:52px;background:#fdfdfd;border:1px solid #dcdcdc;border-radius:6px;font-family:Arial,sans-serif;font-size:16px;color:#333;cursor:pointer;text-align:left;padding:0 20px;box-shadow:0 2px 4px #0000000d;transition:background .2s,color .2s,border .2s,transform .1s}.problem-btn:active{transform:scale(.98)}.problem-btn.active{background-color:#e8dbdb;color:#000;border:1px solid #c9b1b1;font-weight:700}.problem-card{min-height:400px;padding:30px;display:flex;flex-direction:column}.problem-default-state{display:flex;flex-direction:column;flex:1}.problem-cta-container{margin-top:25px}.cta-text{font-family:Arial,sans-serif;font-size:18px;font-weight:700;margin-bottom:10px}.btn-get-help{width:100%;height:52px;background:linear-gradient(to bottom,var(--chicago-maroon-light),var(--chicago-maroon));color:#fff;font-size:20px;font-weight:700;border:1px solid #5a0000;border-radius:8px;cursor:pointer;box-shadow:0 4px 10px #8500004d;transition:transform .1s}.btn-get-help:active{transform:scale(.98)}.problem-success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;text-align:center}.success-check-icon{width:60px;height:60px;margin-bottom:15px}.success-title{font-family:Arial,sans-serif;font-size:24px;font-weight:700;margin-bottom:5px}.success-subtitle{font-family:Arial,sans-serif;font-size:24px;font-weight:700;margin-bottom:15px}.success-countdown{font-family:Arial,sans-serif;font-size:20px;font-weight:400}body.dark-theme,body.dark-theme #app,body.dark-theme .main-dashboard,body.dark-theme .camera-dashboard,body.dark-theme .help-dashboard{background-color:#181a1e}body.dark-theme .global-header{background-color:#4a0d16;color:#fff}body.dark-theme .global-header.header-light .header-separator{background-color:#fff}body.dark-theme .global-header.header-light .header-battery,body.dark-theme .room-name,body.dark-theme .room-time,body.dark-theme .tab-btn{color:#fff}body.dark-theme .tab-btn.active{color:#fff;border-bottom-color:#f0506e}body.dark-theme .btn-end-class{background-color:#2e3138;color:#e0e0e0;border-color:#3a3e47}body.dark-theme .btn-end-class:active{background:linear-gradient(to bottom,#6e1424,#4f0d19);color:#fff;border-color:#8a1a2e}body.dark-theme .dark-mode-label{color:#fff}body.dark-theme .card,body.dark-theme .help-card{background-color:#22252b;border-color:#333842;box-shadow:0 4px 15px #0006}body.dark-theme .card-label,body.dark-theme .display-label,body.dark-theme .source-label-small{color:#fff}body.dark-theme .record-card-body{color:var(--text-light)}body.dark-theme .light-btn,body.dark-theme .preset-btn,body.dark-theme .problem-btn,body.dark-theme .proj-btn,body.dark-theme .cam-control-btn,body.dark-theme .cam-zoom-btn,body.dark-theme .dropdown-trigger,body.dark-theme .dropdown-options,body.dark-theme .dropdown-options li,body.dark-theme .mute-btn,body.dark-theme .record-start-btn,body.dark-theme .record-btn,body.dark-theme .split-screen-btn,body.dark-theme .zoom-btn,body.dark-theme .dpad-btn{background-color:#2e3138;color:#e0e0e0;border-color:#3a3e47}body.dark-theme .dropdown-options li:hover{background-color:#3f444f}body.dark-theme .light-btn.active,body.dark-theme .preset-btn.active,body.dark-theme .problem-btn.active,body.dark-theme .proj-btn.active,body.dark-theme .split-screen-btn.active,body.dark-theme .dropdown-options li.selected,body.dark-theme .mute-btn.active,body.dark-theme .record-btn.active,body.dark-theme .proj-btn:active,body.dark-theme .light-btn:active,body.dark-theme .preset-btn:active,body.dark-theme .mute-btn:active,body.dark-theme .cam-control-btn:active,body.dark-theme .cam-zoom-btn:active,body.dark-theme .record-start-btn:active,body.dark-theme .record-btn:active,body.dark-theme .split-screen-btn:active,body.dark-theme .zoom-btn:active,body.dark-theme .dpad-btn:active{background:linear-gradient(to bottom,#6e1424,#4f0d19);color:#fff;border-color:#8a1a2e}body.dark-theme .light-card-title,body.dark-theme .source-card-title,body.dark-theme .camera-card-title,body.dark-theme .hours-card-title,body.dark-theme .hours-card-location,body.dark-theme .hours-card-time,body.dark-theme .divider-text,body.dark-theme .section-title,body.dark-theme .problem-subtitle,body.dark-theme .success-title,body.dark-theme .success-subtitle,body.dark-theme .success-countdown,body.dark-theme .room-vol-label,body.dark-theme .mic-vol-label,body.dark-theme .preset-column-header,body.dark-theme .tracking-label,body.dark-theme .cta-text,body.dark-theme .success-text-bold,body.dark-theme .success-text-sub,body.dark-theme .success-text-countdown{color:#fff}body.dark-theme .record-info-icon{color:#aaa}body.dark-theme .modal-info-heading,body.dark-theme .modal-info-text,body.dark-theme .modal-info-list{color:#fff}body.dark-theme .divider-line{background-color:#555}body.dark-theme .modal-card{background-color:#22252b;color:#fff}body.dark-theme .modal-title,body.dark-theme .modal-description{color:#fff}body.dark-theme .modal-close-btn svg path{stroke:#fff}body.dark-theme .modal-btn-cancel{background-color:#2e3138;color:#e0e0e0;border-color:#3a3e47}body.dark-theme .modal-btn-confirm,body.dark-theme .modal-btn-cancel:active,body.dark-theme .modal-btn-confirm:active{background:linear-gradient(to bottom,#6e1424,#4f0d19);color:#fff;border-color:#8a1a2e}body.dark-theme .dropdown-selected{color:#fff!important}body.dark-theme .chevron-icon path{stroke:#fff}body.dark-theme .proj-icon{stroke:#fff}body.dark-theme .proj-btn,body.dark-theme .vol-label{color:#fff}body.dark-theme .mute-icon,body.dark-theme .popup-icon{filter:brightness(0) invert(1)}body.dark-theme .mute-btn.force-muted-icon{background-color:#2e3138!important;border-color:#3a3e47!important}body.dark-theme .mute-btn.force-muted-icon .mute-icon{filter:brightness(0) invert(1)!important;opacity:.4}body.dark-theme .vol-source-dropdown{background-color:#2e3138;border-color:#3a3e47;box-shadow:none}body.dark-theme .vol-source-text,body.dark-theme .vol-source-chevron{color:#e0e0e0}body.dark-theme .vol-source-panel{background-color:#22252b;border-color:#333842;box-shadow:0 4px 20px #0006}body.dark-theme .vol-source-item{color:#e0e0e0}body.dark-theme .vol-source-item:hover{background-color:#3f444f}body.dark-theme .vol-source-item.selected{background:linear-gradient(to bottom,#6e1424,#4f0d19);color:#fff;border-left-color:#8a1a2e}body.dark-theme .vol-source-item.selected .sound-bar{fill:#fff}body.dark-theme .slider-container{background-color:#5b5b5b}body.dark-theme .slider-fill{background-color:#8a2239}body.dark-theme .vol-slider::-webkit-slider-thumb{background-color:#fff;border-color:#ccc}body.dark-theme .switch-toggle .slider-round{background-color:#5b5b5b}body.dark-theme .switch-toggle input:checked+.slider-round{background-color:#6e1424}body.dark-theme .header-rec-indicator{background-color:#2e3138;border-color:#3a3e47;color:#e0e0e0}body.dark-theme .record-timer.active{color:#fff}body.dark-theme .record-timer.greyed{color:#aaa}body.dark-theme #record-pause-icon path{fill:#fff}body.dark-theme #dark-mode-toggle:checked+.slider-round{background-color:#8a1a2e}body.dark-theme .camera-controls-overlay{background-color:#22252bd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}body.dark-theme .overlay-card{background-color:#22252b;border-color:#333842;box-shadow:0 4px 15px #0006}body.dark-theme .overlay-text{color:#fff}