@import url(https://fonts.googleapis.com/css2?family=Pretendard:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+KR:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-color:#ff9f1c;--bg-main:#343a40;--bg-accent:#2b3035;--sub-color:#e0e1dd;--text-primary:#fff;--text-secondary:var(--sub-color);--text-dimmed:#e0e1dd99;--border-color:#e0e1dd1a;--transition-smooth:all 0.4s cubic-bezier(0.5,0,0.1,1)}body,html{-webkit-font-smoothing:antialiased;color:#fff;color:var(--text-primary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;height:100%;margin:0;padding:0;scroll-behavior:smooth}.intro-page,body,html{background-color:#343a40;background-color:var(--bg-main)}.intro-page{display:flex;flex-direction:column;min-height:100vh}.intro-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#343a40cc;border-bottom:1px solid #0000;height:60px;position:fixed;top:0;transition:all .4s cubic-bezier(.5,0,.1,1);transition:var(--transition-smooth);width:100%;z-index:1000}.intro-header.scrolled{border-bottom:1px solid #e0e1dd1a;border-bottom:1px solid var(--border-color)}.intro-header-inner{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 24px}.logo{color:#fff;color:var(--text-primary);letter-spacing:-.5px}.intro-nav{display:flex;gap:32px}.intro-nav a{color:#e0e1dd99;color:var(--text-dimmed);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s ease}.intro-nav a.active,.intro-nav a:hover,.login-btn{color:#fff;color:var(--text-primary)}.login-btn{background:#e0e1dd1a;border:0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .4s cubic-bezier(.5,0,.1,1);transition:var(--transition-smooth)}.login-btn:hover{background:#e0e1dd33}.intro-hero{align-items:center;background:radial-gradient(circle at center,#3e444a 0,#343a40 100%);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:80px 24px;text-align:center}.hero-text{animation:fadeUp 1s ease-out forwards;max-width:900px;width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text h2{color:#fff;color:var(--text-primary);font-size:64px;font-weight:700;letter-spacing:-1.5px;line-height:1.3;margin-bottom:24px;word-break:keep-all}.hero-text p{color:#e0e1dd;color:var(--text-secondary);font-size:22px;font-weight:500;line-height:1.5}.intro-section{background-color:#343a40;background-color:var(--bg-main);padding:120px 24px}.intro-section:nth-child(2n){background-color:#2b3035;background-color:var(--bg-accent)}.section-content{align-items:center;display:flex;gap:80px;justify-content:space-between;margin:0 auto;max-width:1100px;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.5,0,.1,1),transform .8s cubic-bezier(.5,0,.1,1)}.section-content.visible{opacity:1;transform:translateY(0)}.section-content.reverse{flex-direction:row-reverse}.section-text{flex:1 1}.section-text h2{color:#fff;color:var(--text-primary);font-size:40px;font-weight:700;letter-spacing:-1px;line-height:1.3;margin-bottom:20px}.section-text p{color:#e0e1dd;color:var(--text-secondary);font-size:19px;line-height:1.6}.section-visual{background:#e0e1dd0a;border:1px solid #e0e1dd0d;border-radius:32px;box-shadow:0 20px 40px #0003;display:flex;flex:1 1;justify-content:center;padding:40px}.feature-icon{stroke:#ff9f1c;stroke:var(--primary-color);stroke-width:1;height:240px;width:240px}.intro-cta{background-color:#343a40;background-color:var(--bg-main);padding:160px 24px;text-align:center}.cta-content h2{color:#fff;color:var(--text-primary);font-size:48px;font-weight:700;letter-spacing:-1px;margin-bottom:20px}.cta-content p{color:#e0e1dd;color:var(--text-secondary);font-size:20px;margin-bottom:40px}.cta-button{background:#ff9f1c;background:var(--primary-color);border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:18px 48px;transition:all .4s cubic-bezier(.5,0,.1,1);transition:var(--transition-smooth)}.cta-button:hover{background:#1b64da;box-shadow:0 8px 24px #3182f666;transform:translateY(-2px)}@media (max-width:960px){.hero-text h2{font-size:40px}.section-content,.section-content.reverse{flex-direction:column;gap:40px;text-align:center}.cta-content h2,.section-text h2{font-size:32px}}.login-container{align-items:center;background-color:#343a40;display:flex;justify-content:center;min-height:100vh;width:100%}.login-head{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:24px;text-align:center}.login-form{background-color:#2b3035;border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;gap:10px;max-width:90%;padding:30px;width:450px}.login-form button{align-self:flex-end}.login-inputForm{align-items:center;background-color:#343a40;border:2px solid #3e444a;border-radius:10px;display:flex;height:50px;padding-left:10px;transition:.2s ease-in-out}.login-inputForm:focus-within{border:2px solid #ff9f1c}.signup-container{align-items:center;background-color:#343a40;display:flex;justify-content:center;min-height:100vh;width:100%}.signup-head{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:24px;text-align:center}.signup-form{background-color:#2b3035;border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;gap:15px;max-width:90%;padding:30px;width:450px}.signup-form,::placeholder{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}::placeholder{color:#888}.signup-form button{align-self:flex-end}.flex-column>label{color:#e0e1dd;font-weight:600}.signup-inputForm{align-items:center;background-color:#343a40;border:2px solid #3e444a;border-radius:10px;display:flex;height:50px;padding-left:10px;transition:.2s ease-in-out}.input{background-color:initial;border:none;border-radius:10px;color:#fff;height:100%;margin-left:10px;width:85%}.input:focus{outline:none}.signup-inputForm:focus-within{border:2px solid #ff9f1c}.flex-row{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between}.flex-row>div>label{color:#e0e1dd;font-size:14px;font-weight:400}.span{color:#ff9f1c;font-size:14px;margin-left:5px}.button-submit,.span{cursor:pointer;font-weight:500}.button-submit{background-color:#ff9f1c;border:none;border-radius:10px;color:#fff;font-size:15px;height:50px;margin:20px 0 10px;width:100%}.button-submit:hover{background-color:#e68a00}.p{color:#e0e1dd;font-size:14px;margin:5px 0;text-align:center}.btn{align-items:center;background-color:#343a40;border:1px solid #3e444a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:10px;height:50px;justify-content:center;margin-top:10px;transition:.2s ease-in-out;width:100%}.btn:hover{border:1px solid #ff9f1c}:root{--primary-bg:#343a40;--secondary-bg:#2b3035;--accent-color:#f59e0b;--accent-color-hover:#d48806;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-color:#374151;--status-ok:#10b981;--status-warning:#f59e0b;--status-danger:#ef4444;--status-danger-dark:#dc2626}.dashboard-body-no-scroll{overflow:hidden}.dashboard.is-test-mode{border:4px solid #f59e0b;border:4px solid var(--accent-color);box-sizing:border-box}.test-mode-badge{align-items:center;animation:testBlink 1.5s infinite;background-color:#f59e0b;background-color:var(--accent-color);border-radius:20px;box-shadow:0 4px 10px #0000004d;color:#000;display:flex;font-size:.9rem;font-weight:800;gap:8px;padding:8px 16px;position:absolute;right:20px;top:20px;z-index:100}@keyframes testBlink{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.test-speed-display{background:#2a2a2a;border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px}.speed-box{flex:1 1;text-align:center}.speed-box:first-child{border-right:1px solid #444}.speed-box .label{color:#aaa;display:block;font-size:.75rem;margin-bottom:4px}.speed-box .value{color:#f59e0b;color:var(--accent-color);font-size:1.4rem;font-weight:700}.speed-box .value.current{color:#10b981;color:var(--status-ok)}.dashboard{background-color:#343a40;background-color:var(--primary-bg);color:#f9fafb;color:var(--text-primary);display:flex;flex-direction:column;font-family:Roboto,Noto Sans KR,sans-serif;height:100vh}.header-bar{background:#2b3035;background:var(--secondary-bg);border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color);flex-shrink:0;height:60px;justify-content:space-between;padding:0 24px}.header-bar,.header-left{align-items:center;display:flex}.header-left{gap:16px}.logo{color:#f59e0b;color:var(--accent-color);font-size:22px;font-weight:700}.factory-label{background-color:#343a40;background-color:var(--primary-bg);border-radius:6px;color:#d1d5db;color:var(--text-secondary);font-size:14px;padding:4px 12px}.right-info{align-items:center;display:flex;gap:16px}.logout-btn{background:#f59e0b;background:var(--accent-color);border:0;border-radius:6px;color:#2b3035;color:var(--secondary-bg);cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s ease}.logout-btn:hover{background:#d48806;background:var(--accent-color-hover)}.dashboard-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.sidebar-toggle-btn{background:none;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px;height:36px;justify-content:center;padding:6px 7px;transition:background .18s;width:36px}.sidebar-toggle-btn:hover{background:#ffffff14}.sidebar-toggle-btn span{background:#d1d5db;background:var(--text-secondary);border-radius:2px;display:block;height:2px;transition:background .18s;width:100%}.sidebar-toggle-btn:hover span{background:#f9fafb;background:var(--text-primary)}.sidebar{background:#2b3035;background:var(--secondary-bg);border-right:1px solid #374151;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;overflow:hidden;padding:8px 0;transition:width .22s cubic-bezier(.4,0,.2,1),opacity .22s ease;width:72px}.sidebar.sidebar-closed{border-right:none;opacity:0;padding:0;width:0}.sidebar-bottom,.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-bottom{padding-bottom:4px}.sidebar-item{align-items:center;background:none;border:none;border-radius:0;color:#d1d5db;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:12px 4px;position:relative;transition:all .18s ease;width:100%}.sidebar-item:hover{background:#ffffff0d;color:#f9fafb;color:var(--text-primary)}.sidebar-item.active{background:#f59e0b1f;color:#f9fafb;color:var(--text-primary)}.sidebar-item.active:before{background:#f59e0b;background:var(--accent-color);border-radius:0 3px 3px 0;bottom:8px;content:"";left:0;position:absolute;top:8px;width:3px}.sidebar-icon{font-size:20px;line-height:1}.sidebar-label{font-size:10px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.sidebar-logout-btn{color:#f87171!important}.sidebar-logout-btn:hover{background:#ef44441a!important;color:#fca5a5!important}.detections-page{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:24px 24px 16px}.detections-page,.stats-page{background:#343a40;background:var(--primary-bg);min-width:0}.stats-page{flex:1 1;overflow-y:auto;padding:32px 40px;scrollbar-color:#f59e0b #343a40;scrollbar-color:#f59e0b var(--primary-bg);scrollbar-width:thin}.stats-page::-webkit-scrollbar{width:6px}.stats-page::-webkit-scrollbar-track{background:#343a40;background:var(--primary-bg)}.stats-page::-webkit-scrollbar-thumb{background-color:#f59e0b;border-radius:3px}.stats-page-inner{display:flex;flex-direction:column;gap:0;height:100%;margin:0 auto;max-width:1100px}.stats-page-title{border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color);color:#f59e0b;color:var(--accent-color);font-size:22px;font-weight:700;margin:0 0 24px;padding-bottom:12px}.stats-page-summary{background:#2b3035;background:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:10px;padding:24px 28px}.stats-page-summary .gauge-list{justify-content:space-around;margin-top:4px}.stats-page-summary .gauge-svg{height:66px;width:110px}.stats-page-chart{background:#2b3035;background:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:10px;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:24px 28px}.stats-page .stats-divider{margin:20px 0}.stats-page .bar-chart-area{flex:1 1;min-height:320px}.main-layout{display:flex;flex:1 1;gap:16px;min-width:0;overflow:hidden;padding:12px}.stream-panel{flex:3 1;min-width:0}.control-panel{display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:none;min-width:0;overflow-x:hidden;overflow-y:auto}@media (max-width:1400px){.string-time{font-size:36px}}@media (max-width:1100px){.main-layout{flex-direction:column;overflow-y:auto}.stream-panel{flex:none;height:50vh;width:100%}.control-panel{flex:none;max-width:none;min-width:0;width:100%}.modal-content{height:90vh;width:95%}}@media (max-width:768px){.header-bar{padding:0 12px}.factory-label,.right-info .date-time{display:none}.sidebar{width:56px}.sidebar-label{font-size:9px}}.control-panel::-webkit-scrollbar{width:6px}.control-panel::-webkit-scrollbar-track{background:#343a40;background:var(--primary-bg)}.control-panel::-webkit-scrollbar-thumb{background-color:#f59e0b;border-radius:3px}.system-infos{background-color:#2b3035;background-color:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;flex-shrink:1;gap:8px;padding:20px}.system-infos h3{border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color);color:#f59e0b;color:var(--accent-color);font-size:18px;margin:0 0 1px;padding-bottom:8px}.time-card{background:#2b3035;background:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:8px;flex-grow:0;flex-shrink:0;padding:5px;transition:box-shadow .3s ease,transform .3s ease}.string-time{align-items:center;display:flex;font-size:44px;font-weight:700;justify-content:center;position:relative;text-align:center;width:100%}.time-card button{background:#2b3035;background:var(--secondary-bg);border:1px solid #334a66;border-radius:6px;color:#f59e0b;color:var(--accent-color);cursor:pointer;font-size:12px;font-weight:700;height:28px;min-width:44px;padding:0 10px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .18s ease}.time-card button:hover{background:#1b2a40;border-color:#4b6b94}.time-card button:active{transform:translateY(-50%) scale(.98)}.panel-card{background:#2b3035;background:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:8px;flex-grow:0;flex-shrink:0;padding:20px;transition:box-shadow .3s ease,transform .3s ease}.panel-card h3{border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color);color:#f59e0b;color:var(--accent-color);font-size:18px;margin:0 0 16px;padding-bottom:8px}.panel-card.system-status.status-ok{background:linear-gradient(135deg,#2b3035,#10b9810d);background:linear-gradient(135deg,var(--secondary-bg) 0,#10b9810d 100%);border-color:#10b98166}.panel-card.system-status.status-intrusion,.panel-card.system-status.status-maintenance,.panel-card.system-status.status-warning{background:linear-gradient(135deg,#2b3035,#f59e0b12);background:linear-gradient(135deg,var(--secondary-bg) 0,#f59e0b12 100%);border-color:#f59e0b80}.panel-card.system-status.status-danger{background:linear-gradient(135deg,#2b3035,#ef444412);background:linear-gradient(135deg,var(--secondary-bg) 0,#ef444412 100%);border-color:#ef444480}.panel-card.system-status.status-offline{border-color:#374151;border-color:var(--border-color)}.system-status{display:flex;flex-direction:column;gap:14px}.status-indicator{align-items:center;font-size:20px;font-weight:700;gap:10px}.status-indicator,.status-meta{display:flex;justify-content:center}.status-meta{width:100%}.status-lock-inline{align-items:center;display:flex;gap:6px;justify-content:center;padding:6px 0;width:100%}.status-lock-icon{font-size:14px}.status-lock-label{color:#d1d5db;color:var(--text-secondary);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.status-lock-value{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.05em;padding:2px 10px;white-space:nowrap}.status-lock-value.safe{background:#10b9811f;border:1px solid #10b98140;color:#10b981;color:var(--status-ok)}.status-lock-value.locked{background:#ef44441f;border:1px solid #ef444440;color:#ef4444;color:var(--status-danger)}.status-divider{color:#374151;color:var(--border-color);font-size:14px;opacity:.6}.status-meta-item{align-items:center;background:#343a40;background:var(--primary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:3px;padding:7px 10px}.status-meta-label{color:#d1d5db;color:var(--text-secondary);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.status-meta-value{color:#f9fafb;color:var(--text-primary);font-size:13px;font-weight:600}.camera-status-badge{border-radius:20px;font-size:10px;font-weight:500;letter-spacing:.03em;padding:4px 10px;text-align:center}.camera-status-badge.connected{background:#22c55e1f;border:1px solid #22c55e40;color:#10b981;color:var(--status-ok)}.camera-status-badge.disconnected{background:#ef44441f;border:1px solid #ef444440;color:#ef4444;color:var(--status-danger)}.status-light{animation:pulse 2s infinite;border-radius:50%;height:16px;width:16px}.status-offline{color:#6b7280}.status-offline .status-light{animation:none;background-color:#6b7280;box-shadow:0 0 8px #6b7280}.status-ok{color:#10b981;color:var(--status-ok)}.status-ok .status-light{background-color:#10b981;background-color:var(--status-ok);box-shadow:0 0 8px #10b981;box-shadow:0 0 8px var(--status-ok)}.status-warning{color:#f59e0b;color:var(--status-warning)}.status-warning .status-light{background-color:#f59e0b;background-color:var(--status-warning);box-shadow:0 0 8px #f59e0b;box-shadow:0 0 8px var(--status-warning)}.status-maintenance{color:#f59e0b;color:var(--status-warning)}.status-maintenance .status-light{background-color:#f59e0b;background-color:var(--status-warning);box-shadow:0 0 8px #f59e0b;box-shadow:0 0 8px var(--status-warning)}.status-intrusion{color:#f59e0b;color:var(--status-warning)}.status-intrusion .status-light{animation:intrusionPulse .8s ease-in-out infinite;background-color:#f59e0b;background-color:var(--status-warning);box-shadow:0 0 8px #f59e0b;box-shadow:0 0 8px var(--status-warning)}@keyframes intrusionPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.25)}}.status-danger{color:#ef4444;color:var(--status-danger)}.status-danger .status-light{background-color:#ef4444;background-color:var(--status-danger);box-shadow:0 0 8px #ef4444;box-shadow:0 0 8px var(--status-danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.emergency-stop-btn{background-color:#ef4444;background-color:var(--status-danger);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;padding:16px;transition:background-color .2s,transform .2s;width:100%}.emergency-stop-btn:hover{background-color:#dc2626;background-color:var(--status-danger-dark);transform:scale(1.02)}.control-buttons{display:flex;flex-direction:column;gap:12px}.control-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:background-color .2s,transform .2s;width:100%}.control-buttons button:first-child{background-color:#ea7c2b;color:#fff}.control-buttons button:first-child:hover{background-color:#c96820;transform:scale(1.02)}.control-buttons button:nth-child(2){background-color:#4b6b94;color:#fff}.control-buttons button:nth-child(2):hover{background-color:#3a5578;transform:scale(1.02)}.control-buttons button:nth-child(2).active{background-color:#f59e0b;background-color:var(--accent-color);color:#1a1a1a}.control-buttons button:disabled{cursor:not-allowed;opacity:.5;transform:none}.test-run-panel{border-top:1px solid #374151;border-top:1px solid var(--border-color);margin-top:14px;padding-top:12px}.test-run-panel h4{color:#d1d5db;color:var(--text-secondary);font-size:15px;margin:0 0 8px}.test-run-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.test-run-actions button,.test-speed-row button{background-color:#343a40;background-color:var(--primary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:6px;color:#f9fafb;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:10px}.test-run-actions button:hover,.test-speed-row button:hover{background-color:#f59e0b;background-color:var(--accent-color);border-color:#f59e0b;border-color:var(--accent-color);color:#2b3035;color:var(--secondary-bg)}.test-run-actions button:disabled,.test-speed-row button:disabled{cursor:not-allowed;opacity:.5}.test-speed-row{grid-gap:8px 10px;align-items:center;display:grid;gap:8px 10px;grid-template-columns:1fr auto}.test-speed-row label{color:#d1d5db;color:var(--text-secondary);font-size:12px;grid-column:1/3}.test-speed-row input[type=range]{width:100%}.test-speed-live{color:#d1d5db;color:var(--text-secondary);font-size:12px;margin-top:8px}.dashboard-error-banner{background:#ef444433;border:1px solid #ef4444;border:1px solid var(--status-danger);border-radius:6px;color:#fecaca;font-size:13px;padding:10px 12px}.system-power-card{background:#2b3035;background:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:8px;padding:16px}.system-power-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.system-power-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.3px;padding:11px 8px;transition:background-color .2s,transform .15s,box-shadow .2s}.system-power-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.power-icon{font-size:16px;line-height:1}.system-on-btn{background-color:#10b981;background-color:var(--status-ok);box-shadow:0 0 0 #10b981;box-shadow:0 0 0 var(--status-ok);color:#fff}.system-on-btn:not(:disabled):hover{background-color:#0ea572;box-shadow:0 0 10px #10b98173;transform:scale(1.02)}.system-on-btn:not(:disabled):active{transform:scale(.98)}.system-off-btn{background-color:#343a40;background-color:var(--primary-bg);border:1px solid #ef4444;border:1px solid var(--status-danger);color:#ef4444;color:var(--status-danger)}.system-off-btn:not(:disabled):hover{background-color:#ef44441f;box-shadow:0 0 10px #ef44444d;transform:scale(1.02)}.system-off-btn:not(:disabled):active{transform:scale(.98)}.conveyor-control-section{background-color:#2b3035;background-color:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;flex-shrink:1;gap:12px;padding:20px}.conveyor-control-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:8px}.conveyor-control-section h3{color:#f59e0b;color:var(--accent-color);font-size:18px;margin:0}.conveyor-header-btns{align-items:center;display:flex;gap:6px}.system-reset-small-btn{background-color:#2b3035;background-color:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:6px;color:#d1d5db;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:700;padding:5px 10px;transition:all .2s;white-space:nowrap}.system-reset-small-btn:hover:not(:disabled){background-color:#343a40;background-color:var(--primary-bg);border-color:#d1d5db;border-color:var(--text-secondary);color:#f9fafb;color:var(--text-primary)}.system-reset-small-btn:disabled{cursor:not-allowed;opacity:.4}.test-run-toggle-btn{background-color:#f59e0b;background-color:var(--accent-color);border:none;border-radius:6px;color:#2b3035;color:var(--secondary-bg);cursor:pointer;font-size:13px;font-weight:700;padding:6px 14px;transition:all .2s;white-space:nowrap}.test-run-toggle-btn:hover{background-color:#d48806;background-color:var(--accent-color-hover);transform:scale(1.03)}.test-run-overlay{align-items:center;background-color:initial;bottom:0;display:flex;justify-content:flex-end;left:0;padding-right:28px;pointer-events:none;position:fixed;right:0;top:0;z-index:500}.test-run-popup{animation:testRunPopupIn .2s cubic-bezier(.4,0,.2,1);background-color:#2b3035;background-color:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;display:flex;flex-direction:column;pointer-events:auto;width:420px}@keyframes testRunPopupIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.test-run-popup-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.test-run-popup-header h3{color:#f59e0b;color:var(--accent-color);font-size:18px;margin:0}.test-run-popup-body{display:flex;flex-direction:column;gap:14px;padding:20px}.danger-zone-overlay{align-items:center;background-color:initial;bottom:0;display:flex;justify-content:flex-end;left:0;padding-right:28px;pointer-events:none;position:fixed;right:0;top:0;z-index:500}.danger-zone-popup{animation:testRunPopupIn .2s cubic-bezier(.4,0,.2,1);background-color:#2b3035;background-color:var(--secondary-bg);border:1px solid #f59e0b;border:1px solid var(--status-warning);border-radius:12px;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;display:flex;flex-direction:column;pointer-events:auto;width:420px}.danger-zone-popup-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.danger-zone-popup-header h3{color:#f59e0b;color:var(--status-warning);font-size:18px;margin:0}.danger-zone-popup-body{display:flex;flex-direction:column;gap:14px;padding:20px}.log-board{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.log-board.panel-card h3{border-bottom:none;margin:0;padding-bottom:0}.log-board-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.log-check-btn{background-color:#f59e0b;background-color:var(--accent-color);border:none;border-radius:6px;color:#2b3035;color:var(--secondary-bg);cursor:pointer;font-size:13px;font-weight:700;padding:6px 14px;transition:all .2s;white-space:nowrap}.log-check-btn:hover{background-color:#d48806;background-color:var(--accent-color-hover);transform:scale(1.03)}.log-preview{background-color:#343a40;background-color:var(--primary-bg);border-radius:6px;flex:1 1;min-height:0;overflow-y:auto;padding:4px;scrollbar-color:#f59e0b #343a40;scrollbar-color:#f59e0b var(--primary-bg);scrollbar-width:thin}.log-preview::-webkit-scrollbar{width:6px}.log-preview::-webkit-scrollbar-track{background:#343a40;background:var(--primary-bg);border-radius:3px}.log-preview::-webkit-scrollbar-thumb{background-color:#f59e0b;border-radius:3px}.log-text{color:#d1d5db;color:var(--text-secondary);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-time{color:#6b7280;font-size:11px;white-space:nowrap}.log-item{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color);display:flex;font-size:13px;gap:8px;padding:6px 8px;transition:background-color .2s}.log-item:hover{background-color:#2b3a4e}.log-item:last-child{border-bottom:none}.log-icon{font-size:16px}.log-info .log-icon{color:#d1d5db;color:var(--text-secondary)}.log-warning .log-icon{color:#f59e0b;color:var(--status-warning)}.log-danger .log-icon{color:#ef4444;color:var(--status-danger)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#2b3035;background-color:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;height:70vh;max-width:900px;overflow:hidden;width:80%}.modal-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.modal-header h2{color:#f59e0b;color:var(--accent-color);font-size:20px;margin:0}.modal-close-btn{background:none;border:none;color:#d1d5db;color:var(--text-secondary);cursor:pointer;font-size:24px;transition:color .2s}.modal-close-btn:hover{color:#ef4444;color:var(--status-danger)}.modal-body{flex:1 1;min-height:0;overflow:hidden;padding:0;position:relative}.log-content{background-color:#343a40;background-color:var(--primary-bg);border-radius:4px;flex:1 1;margin-top:6px;min-height:0;overflow-y:auto;padding:4px;scrollbar-color:#f59e0b #343a40;scrollbar-color:#f59e0b var(--primary-bg);scrollbar-width:thin}.log-content::-webkit-scrollbar{width:6px}.log-content::-webkit-scrollbar-track{background:#343a40;background:var(--primary-bg);border-radius:3px}.log-content::-webkit-scrollbar-thumb{background-color:#f59e0b;border-radius:3px}.log-content::-webkit-scrollbar-thumb:hover{background-color:#d48806;background-color:var(--accent-color-hover)}.modal-tabs{display:flex;gap:4px}.modal-tab-btn{background:none;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#d1d5db;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:500;padding:6px 16px;transition:all .2s}.modal-tab-btn:hover{background-color:#343a40;background-color:var(--primary-bg);color:#f9fafb;color:var(--text-primary)}.modal-tab-btn.active{border-bottom:2px solid #f59e0b;border-bottom:2px solid var(--accent-color);color:#f59e0b;color:var(--accent-color);font-weight:700}.stats-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;padding:8px 0}.stats-title{color:#f9fafb;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stats-header .stats-title{margin:0}.year-selector{align-items:center;display:flex;gap:8px}.year-label{font-size:15px;font-weight:700;min-width:60px;text-align:center}.year-btn,.year-label{color:#f9fafb;color:var(--text-primary)}.year-btn{align-items:center;background:#2b3035;background:var(--secondary-bg);border:1px solid #374151;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s;width:28px}.year-btn:hover:not(:disabled){background:#f59e0b;background:var(--accent-color);border-color:#f59e0b;border-color:var(--accent-color);color:#1a1a1a}.year-btn:disabled{cursor:not-allowed;opacity:.3}.detection-summary{margin-bottom:8px}.detection-summary-sub{color:#d1d5db;color:var(--text-secondary);font-size:12px;margin:0 0 16px}.gauge-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-around}.gauge-item{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:80px}.gauge-svg{height:52px;width:88px}.gauge-label{color:#d1d5db;color:var(--text-secondary);font-size:12px;text-align:center;white-space:nowrap}.stats-divider{background:#374151;background:var(--border-color);height:1px;margin:16px 0}.bar-chart-area{display:flex;flex:1 1;gap:0;min-height:0}.y-axis{display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding-bottom:32px;padding-top:20px;width:32px}.y-tick{align-items:center;display:flex;gap:4px;position:relative}.y-tick-label{color:#d1d5db;color:var(--text-secondary);flex-shrink:0;font-size:11px;text-align:right;width:24px}.y-tick-line{background:#374151;background:var(--border-color);flex-shrink:0;height:1px;width:6px}.bar-chart-wrapper{flex:1 1;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-color:#f59e0b #343a40;scrollbar-color:#f59e0b var(--primary-bg);scrollbar-width:thin}.bar-chart-wrapper::-webkit-scrollbar{height:6px}.bar-chart-wrapper::-webkit-scrollbar-track{background:#343a40;background:var(--primary-bg);border-radius:3px}.bar-chart-wrapper::-webkit-scrollbar-thumb{background-color:#f59e0b;border-radius:3px}.bar-chart{align-items:flex-end;background-color:#343a40;background-color:var(--primary-bg);border-bottom:2px solid #374151;border-bottom:2px solid var(--border-color);border-left:2px solid #374151;border-left:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;display:flex;gap:0;height:calc(100% - 32px);min-width:1100px;padding:20px 16px 32px;position:relative}.stats-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.legend-item{align-items:center;color:#d1d5db;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.legend-btn{background:#0000;border:1px solid #374151;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;padding:4px 12px;transition:all .2s}.legend-btn:hover{border-color:#d1d5db;border-color:var(--text-secondary)}.legend-btn.active,.legend-btn:hover{color:#f9fafb;color:var(--text-primary)}.legend-btn.active{background:#2b3035;background:var(--secondary-bg);border-color:#f59e0b;border-color:var(--accent-color);font-weight:600}.legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.bar-col{align-items:center;display:flex;flex:0 0 90px;flex-direction:column;height:100%;justify-content:flex-end}.bar-group{align-items:flex-end;display:flex;gap:5px;justify-content:center;width:100%}.bar-wrap{align-items:center;display:flex;flex-direction:column;justify-content:flex-end}.bar-value{color:#d1d5db;color:var(--text-secondary);flex-shrink:0;font-size:10px;font-weight:500;margin-bottom:2px;min-height:14px}.bar-fill{border-radius:3px 3px 0 0;flex-shrink:0;min-height:2px;transition:height .6s cubic-bezier(.4,0,.2,1);width:16px}.bar-label{bottom:8px;color:#f9fafb;color:var(--text-primary);flex-shrink:0;font-size:12px;font-weight:600;margin-top:8px;position:absolute;white-space:nowrap}.tab-slider{display:flex;height:100%;transform:translateX(0);transition:none;width:200%}.tab-slider.slide-left{transform:translateX(-50%)}.tab-slider.slide-right{transform:translateX(0)}.tab-slider.animating{transition:transform .35s cubic-bezier(.4,0,.2,1)}.tab-panel{box-sizing:border-box;flex-shrink:0;height:100%;overflow-y:auto;padding:24px;scrollbar-color:#f59e0b #343a40;scrollbar-color:#f59e0b var(--primary-bg);scrollbar-width:thin;width:50%}.tab-panel::-webkit-scrollbar{width:6px}.tab-panel::-webkit-scrollbar-track{background:#343a40;background:var(--primary-bg);border-radius:3px}.tab-panel::-webkit-scrollbar-thumb{background-color:#f59e0b;border-radius:3px}.tab-panel.stats-panel{overflow-y:auto}.global-alert-overlay{align-items:center;animation:alertFadeIn .3s cubic-bezier(.4,0,.2,1);background-color:#ef4444f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes alertFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.global-alert-overlay-content{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:32px 24px;text-align:center}.global-alert-title{animation:alertTitlePulse 1.4s ease-in-out infinite;color:#fff;font-size:26px;font-weight:900;letter-spacing:.05em;text-shadow:0 2px 8px #0000004d}@keyframes alertTitlePulse{0%,to{opacity:1}50%{opacity:.75}}.global-alert-desc{color:#fffffff2;font-size:14px;font-weight:600;line-height:1.5}.global-alert-desc-sub{color:#ffffffbf;font-size:13px}.global-alert-time{color:#fff9;font-size:12px;letter-spacing:.03em}.alert-reset-btn{background-color:#f59e0b;background-color:var(--accent-color);border:none;border-radius:8px;box-shadow:0 4px 14px #00000040;color:#1a1a1a;cursor:pointer;font-size:15px;font-weight:800;margin-top:8px;padding:12px 36px;transition:background-color .2s ease,transform .15s ease}.alert-reset-btn:hover{background-color:#d48806;background-color:var(--accent-color-hover);transform:scale(1.05)}.alert-reset-btn:active{transform:scale(.97)}@media (max-width:768px){.global-alert-title{font-size:20px}.global-alert-desc{font-size:13px}}.maintenance-block-overlay{align-items:center;animation:alertFadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.maintenance-block-popup{align-items:center;background:#2b3035;background:var(--secondary-bg);border:2px solid #f59e0b;border:2px solid var(--status-warning);border-radius:14px;box-shadow:0 8px 40px #00000080;display:flex;flex-direction:column;gap:14px;max-width:420px;padding:36px 40px;text-align:center;width:90%}.maintenance-block-icon{font-size:48px;line-height:1}.maintenance-block-title{color:#f59e0b;color:var(--status-warning);font-size:20px;font-weight:800;letter-spacing:.03em}.maintenance-block-desc{color:#d1d5db;color:var(--text-secondary);font-size:14px;line-height:1.7}.maintenance-block-desc strong{color:#f59e0b;color:var(--status-warning)}.maintenance-block-close-btn{background:#f59e0b;background:var(--status-warning);border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px;padding:10px 40px;transition:background .2s,transform .15s}.maintenance-block-close-btn:hover{background:#d48806;background:var(--accent-color-hover);transform:scale(1.04)}.maintenance-block-close-btn:active{transform:scale(.97)}.popup-error-overlay{align-items:center;animation:alertFadeIn .2s ease;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.popup-error-modal{align-items:center;background:#2b3035;background:var(--secondary-bg);border:1px solid #ef4444;border:1px solid var(--status-danger);border-radius:14px;box-shadow:0 8px 40px #00000080,0 0 0 1px #ef444426;display:flex;flex-direction:column;gap:14px;max-width:420px;padding:36px 40px;text-align:center;width:90%}.popup-error-icon{font-size:44px;line-height:1}.popup-error-title{color:#ef4444;color:var(--status-danger);font-size:18px;font-weight:800;letter-spacing:.03em}.popup-error-desc{color:#d1d5db;color:var(--text-secondary);font-size:14px;line-height:1.7;word-break:keep-all}.popup-error-close-btn{background:#ef4444;background:var(--status-danger);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:6px;padding:10px 40px;transition:background .2s,transform .15s}.popup-error-close-btn:hover{background:#dc2626;background:var(--status-danger-dark);transform:scale(1.04)}.popup-error-close-btn:active{transform:scale(.97)}.control-buttons .conveyor-run-btn{background-color:#10b981;background-color:var(--status-ok);color:#fff;font-size:16px}.control-buttons .conveyor-run-btn:hover:not(:disabled){background-color:#0da271;transform:scale(1.02)}.control-buttons .conveyor-stop-btn{background-color:#4b5563;color:#fff;font-size:16px}.control-buttons .conveyor-stop-btn:hover:not(:disabled){background-color:#374151;transform:scale(1.02)}.camera-switch-page{background:#343a40;background:var(--primary-bg);color:#f9fafb;color:var(--text-primary);flex:1 1;overflow-y:auto;padding:28px 32px}.camera-switch-desc{color:#d1d5db;color:var(--text-secondary);font-size:14px;margin:-8px 0 24px}.camera-switch-desc strong{color:#f59e0b;color:var(--accent-color)}.camera-switch-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.camera-switch-card{background:#2b3035;background:var(--secondary-bg);border:2px solid #374151;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .15s,box-shadow .2s}.camera-switch-card:hover:not(.camera-switch-card--offline):not(.camera-switch-card--active){border-color:#f59e0b;border-color:var(--accent-color);box-shadow:0 6px 24px #f59e0b2e;transform:translateY(-2px)}.camera-switch-card--active{border-color:#f59e0b;border-color:var(--accent-color);box-shadow:0 0 0 3px #f59e0b40;cursor:default}.camera-switch-card--offline{cursor:not-allowed;opacity:.4}.camera-switch-card__thumb{align-items:center;aspect-ratio:16/9;background:#1a1e23;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.camera-switch-card__live{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:6px}.camera-switch-card__live-dot{animation:livePulse 1.4s ease-in-out infinite;background:#10b981;background:var(--status-ok);border-radius:50%;height:8px;width:8px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.camera-switch-card__offline{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:13px;gap:6px}.camera-switch-card__badge{border-radius:4px;font-size:10px;font-weight:700;left:8px;letter-spacing:.5px;padding:3px 8px;position:absolute;top:8px}.camera-switch-card__badge--warning{background:#ef4444;background:var(--status-danger);color:#fff}.camera-switch-card__badge--safe{background:#10b981;background:var(--status-ok);color:#fff}.camera-switch-card__active-label{background:#f59e0b;background:var(--accent-color);border-radius:20px;bottom:8px;color:#1a1e23;font-size:11px;font-weight:700;padding:3px 10px;position:absolute;right:8px}.camera-switch-card__info{align-items:center;display:flex;gap:10px;padding:12px 14px}.camera-switch-card__dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.camera-switch-card__dot[data-status=online]{background:#10b981;background:var(--status-ok)}.camera-switch-card__dot[data-status=offline]{background:#6b7280}.camera-switch-card__text{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.camera-switch-card__name{color:#f9fafb;color:var(--text-primary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-switch-card__location{color:#6b7280;font-size:11px}.camera-switch-card__select-btn{background:#f59e0b;background:var(--accent-color);border:none;border-radius:6px;color:#1a1e23;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:background .2s;white-space:nowrap}.camera-switch-card__select-btn:hover{background:#d48806;background:var(--accent-color-hover)}.camera-switch-desc--hint{color:#f59e0b;color:var(--accent-color);font-weight:500}.dz-wrapper{overflow:hidden;position:relative}.dz-img,.dz-wrapper{height:100%;width:100%}.dz-img{display:block;object-fit:cover}.dz-canvas{cursor:crosshair;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.dz-controls{align-items:center;background-color:#000000bf;border:1px solid #fff3;border-radius:12px;bottom:15px;box-shadow:0 4px 12px #00000080;display:flex;gap:20px;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);z-index:20}.dz-info-text{color:#f0f0f0;font-size:14px;font-weight:500;margin:0;text-shadow:1px 1px 2px #000000b3}.dz-btn{border:none;border-radius:8px;box-shadow:0 2px 5px #0000004d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .2s ease-in-out}.dz-btn-complete{background:linear-gradient(90deg,#007bff,#0056b3);border:1px solid #0056b3}.dz-btn-complete:hover{box-shadow:0 4px 8px #0006;transform:translateY(-1px)}.dz-btn-clear{background:linear-gradient(90deg,#dc3545,#a71d2a);border:1px solid #a71d2a}.dz-btn-clear:hover{box-shadow:0 4px 8px #0006;transform:translateY(-1px)}.dz-complete-btn{display:none!important}.zone-config{background:#fff;border-radius:8px;box-shadow:0 0 6px #0000001a;display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:16px}.zone-config-header{align-items:center;display:flex;justify-content:space-between}.zone-config-header h3{font-size:18px;margin:0}.zone-config-header .btn-cancel{background:#0000;border:none;color:#888;cursor:pointer;font-size:14px}.zone-config-header .btn-cancel:hover{color:#000}.zone-config-buttons{display:flex;flex-direction:column;gap:8px}.zone-config-buttons button{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:14px 10px;transition:background .2s}.zone-config-buttons button:hover:not(:disabled){background:#666}.zone-config-buttons button:disabled{background:#ddd;color:#999;cursor:not-allowed}.zone-config-buttons .active{background:#736c9a}.guidance-box{background-color:#f8f9fa;border:1px solid #cce5ff;border-radius:8px;color:#333;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:16px}.guidance-title{color:#004085;font-size:16px;font-weight:700;margin:0}.guidance-step{color:#385d8a;font-size:14px;line-height:1.5;margin:0}.guidance-box input{border:1px solid #b8daff;border-radius:4px;color:#000;font-size:14px;padding:10px}.guidance-box input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.zone-list{border-top:1px solid #eee;flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:16px 0 0}.zone-list li{border-radius:6px;color:#333;cursor:pointer;padding:8px 12px;transition:background .2s}.zone-list li:hover{background:#f0f0f0}.zone-list li.selected{background:#e0f7fa}.vlt-layout{box-sizing:border-box;display:flex;gap:12px;height:100%;overflow:hidden;width:100%}.vlt-player-panel{background:#2b3035;background:var(--secondary-bg,#2b3035);border:1px solid #0000;border-radius:8px;display:flex;flex:0 0;flex-direction:column;overflow:hidden;transition:flex-basis .3s cubic-bezier(.4,0,.2,1),border-color .3s}.vlt-player-panel.open{border-color:#374151;border-color:var(--border-color,#374151);flex:6 1}.vlt-player-header{align-items:center;background:#1f2937;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);border-radius:8px 8px 0 0;display:flex;flex-shrink:0;justify-content:space-between;min-width:300px;padding:10px 14px}.vlt-player-info{display:flex;flex-direction:column;gap:2px}.vlt-player-title{color:#f59e0b;color:var(--accent-color,#f59e0b);font-size:13px;font-weight:700;white-space:nowrap}.vlt-player-time{font-size:11px;white-space:nowrap}.vlt-player-close,.vlt-player-time{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.vlt-player-close{background:none;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:16px;padding:4px 8px;transition:background .2s,color .2s}.vlt-player-close:hover{background:#ef444426;color:#ef4444}.vlt-player-body{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;min-height:0;min-width:300px}.vlt-video{display:block;height:100%;object-fit:contain;width:100%}.video-log-container{display:flex;flex:4 1;flex-direction:column;height:100%;min-width:0;overflow:hidden}.table-wrapper{background-color:#343a40;background-color:var(--primary-bg,#343a40);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:8px;flex:1 1;overflow-x:auto;overflow-y:auto}.table-wrapper::-webkit-scrollbar{height:6px;width:6px}.table-wrapper::-webkit-scrollbar-track{background:#0000}.table-wrapper::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#6b7280}.modern-table{border-collapse:initial;border-spacing:0;color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:13px;min-width:420px;width:100%}.modern-table thead{background-color:#1f2937;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modern-table th{border-bottom:2px solid #374151;border-bottom:2px solid var(--border-color,#374151);color:#f59e0b;color:var(--accent-color,#f59e0b);font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.modern-table th.col-status{text-align:center}.modern-table td{border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);padding:10px 12px;vertical-align:middle;white-space:nowrap}.modern-table tbody tr{cursor:pointer;transition:background-color .15s}.modern-table tbody tr:hover{background-color:#f59e0b0f}.modern-table tbody tr.active{background-color:#f59e0b26!important;border-left:3px solid #f59e0b;border-left:3px solid var(--accent-color,#f59e0b)}.modern-table tbody tr.playing{background-color:#3b82f61a!important;border-left:3px solid #3b82f6}.empty-row{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-style:italic;padding:40px!important;text-align:center}.col-mode,.col-time{width:85px}.col-event{width:auto}.col-video{width:85px}.col-status{text-align:center!important;width:75px}.date-cell{display:flex;flex-direction:column;line-height:1.3}.date-small{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:10px}.time-bold{font-size:13px;font-weight:700}.mode-badge{background:#374151;border-radius:9999px;color:#e5e7eb;display:inline-block;font-size:11px;font-weight:600;padding:2px 7px;white-space:nowrap}.mode-badge.automatic{background:#1e3a8a;color:#bfdbfe}.mode-badge.maintenance{background:#7c2d12;color:#ffedd5}.mode-badge.stopped{background:#7f1d1d;color:#fecaca}.mode-badge.manual{background:#065f46;color:#d1fae5}.description-cell{font-size:13px;font-weight:500}.event-icon{margin-right:5px}.video-cell{text-align:center}.video-btn{background-color:#1e3a8a;border:1px solid #3b82f6;border-radius:5px;color:#bfdbfe;cursor:pointer;font-size:11px;font-weight:600;padding:3px 8px;transition:background-color .2s,transform .15s;white-space:nowrap}.video-btn:hover{background-color:#1d4ed8;transform:scale(1.04)}.video-btn.playing{background-color:#1d4ed8;border-color:#60a5fa}.status-cell{text-align:center!important}.status-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:800;letter-spacing:.03em;padding:2px 6px}.status-badge.critical{background:#ef4444;color:#fff}.status-badge.warn{background:#f97316;color:#fff}.status-badge.medium{background:#eab308;color:#451a03}.status-badge.safe{background:#10b981;color:#fff}.status-badge.info{background:#3b82f6;color:#fff}.sp2-page{background:#0f172a;background:var(--primary-bg,#0f172a);flex:1 1;overflow-y:auto;scrollbar-color:#f59e0b #0f172a;scrollbar-color:#f59e0b var(--primary-bg,#0f172a);scrollbar-width:thin}.sp2-page::-webkit-scrollbar{width:6px}.sp2-page::-webkit-scrollbar-track{background:#0f172a;background:var(--primary-bg,#0f172a)}.sp2-page::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:3px}.sp2-inner{display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px}.sp2-card{background:#1e293b;background:var(--secondary-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;padding:20px}.sp2-card-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:15px;font-weight:700;margin:0 0 3px}.sp2-card-sub{color:#64748b;font-size:11px;margin:0 0 14px}.sp2-search-bar{background:#1e293b;background:var(--secondary-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;display:flex;flex-direction:column;gap:14px;padding:18px 20px}.sp2-search-h{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:15px;font-weight:700;margin:0 0 2px}.sp2-search-sub{color:#64748b;font-size:11px;margin:0}.sp2-search-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px}.sp2-ctrl-group{display:flex;flex-direction:column;gap:5px}.sp2-ctrl-label{color:#94a3b8;font-size:11px;font-weight:500}.sp2-select{-webkit-appearance:none;appearance:none;background:#0f172a;background:var(--primary-bg,#0f172a);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #334155;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:13px;min-width:140px;outline:none;padding:8px 28px 8px 12px;transition:border-color .2s}.sp2-select:focus{border-color:#f59e0b}.sp2-date-row{align-items:center;display:flex;gap:6px}.sp2-date-input{background:#0f172a;background:var(--primary-bg,#0f172a);border:1px solid #334155;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);color-scheme:dark;cursor:pointer;font-size:13px;min-width:130px;outline:none;padding:8px 10px;transition:border-color .2s}.sp2-date-input:focus{border-color:#f59e0b}.sp2-date-sep{color:#475569;font-size:14px}.sp2-ctrl-btns{align-items:center;display:flex;gap:8px}.sp2-reset-btn{background:#0000;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:12px;padding:8px 14px;transition:all .2s}.sp2-reset-btn:hover{border-color:#ef4444;color:#ef4444}.sp2-search-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:background .2s;white-space:nowrap}.sp2-search-btn:hover{background:#1d4ed8}.sp2-card-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.sp2-mom-block{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.sp2-mom-title{color:#64748b;font-size:11px}.sp2-mom-items{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.sp2-mom-item{align-items:center;background:#0f172a;background:var(--primary-bg,#0f172a);border:1px solid #334155;border-radius:20px;display:flex;gap:5px;padding:3px 10px}.sp2-mom-lbl{color:#64748b;font-size:11px}.sp2-mom{font-size:11px;font-weight:700}.sp2-mom.up{color:#ef4444}.sp2-mom.down{color:#10b981}.sp2-mom.flat{color:#64748b}.sp2-gauge-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:4px}.sp2-gauge-sep{align-self:center;background:#334155;height:70px;margin:0 8px;width:1px}.sp2-gauge{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:100px}.sp2-gauge-svg{height:66px;width:110px}.sp2-gauge-label{color:#94a3b8;font-size:12px;text-align:center;white-space:nowrap}.sp2-bottom{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr .55fr}.sp2-col-chart{display:flex;flex-direction:column;height:420px}.sp2-chart-head{justify-content:space-between;margin-bottom:10px}.sp2-chart-head,.sp2-yr-ctrl{align-items:center;display:flex}.sp2-yr-ctrl{gap:6px}.sp2-yr-btn{align-items:center;background:#0f172a;background:var(--primary-bg,#0f172a);border:1px solid #334155;border-radius:6px;color:#f1f5f9;cursor:pointer;display:flex;font-size:10px;height:26px;justify-content:center;transition:all .2s;width:26px}.sp2-yr-btn:hover:not(:disabled){background:#f59e0b;border-color:#f59e0b;color:#0f172a}.sp2-yr-btn:disabled{cursor:not-allowed;opacity:.3}.sp2-yr-lbl{color:#f1f5f9;font-size:13px;font-weight:700;min-width:56px;text-align:center}.sp2-legend{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.sp2-leg{align-items:center;border:1px solid #334155;border-radius:20px;cursor:pointer;display:flex;font-size:11px;gap:5px;padding:3px 10px;transition:all .2s;-webkit-user-select:none;user-select:none}.sp2-leg.on{background:#1e293b;border-color:#f59e0b;color:#f1f5f9;font-weight:600}.sp2-leg.off{background:#0000;border-color:#1e293b;color:#475569}.sp2-leg:hover{border-color:#64748b;color:#94a3b8}.sp2-leg-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.sp2-chart-area{display:flex;flex:1 1;gap:0;min-height:0}.sp2-y-axis{display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding-bottom:28px;padding-top:8px;width:32px}.sp2-y-row{align-items:center;display:flex;gap:3px}.sp2-y-num{color:#475569;font-size:10px;text-align:right;width:24px}.sp2-y-line{background:#334155;height:1px;width:5px}.sp2-bars-scroll{flex:1 1;min-width:0;overflow:hidden}.sp2-bar-chart{align-items:flex-end;background:#0f172a;background:var(--primary-bg,#0f172a);border-bottom:2px solid #334155;border-left:2px solid #334155;border-radius:6px 6px 0 0;box-sizing:border-box;display:flex;height:100%;min-width:0;padding:8px 8px 0;width:100%}.sp2-bcol{align-items:center;flex:1 1;flex-direction:column;gap:4px}.sp2-bcol,.sp2-bgroup{display:flex;height:100%}.sp2-bgroup{align-items:flex-end;gap:5px;padding:0 8px}.sp2-bwrap{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end}.sp2-bnum{color:#64748b;font-size:9px;font-weight:600;min-height:12px}.sp2-bar{border-radius:3px 3px 0 0;min-height:2px;transition:height .5s cubic-bezier(.4,0,.2,1);width:18px}.sp2-blabel{color:#64748b;font-size:10px;font-weight:600;padding:5px 0 2px;white-space:nowrap}.sp2-col-heat{overflow:hidden}.sp2-hm-scroll{overflow-x:auto;scrollbar-color:#f59e0b #0f172a;scrollbar-width:thin}.sp2-hm-scroll::-webkit-scrollbar{height:4px}.sp2-hm-scroll::-webkit-scrollbar-track{background:#0f172a}.sp2-hm-scroll::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:3px}.sp2-hm-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:20px repeat(24,22px);min-width:-webkit-max-content;min-width:max-content}.sp2-hm-corner{height:18px;width:20px}.sp2-hm-h{color:#475569;font-size:8px;line-height:18px;text-align:center}.sp2-hm-d{color:#64748b;font-size:9px;font-weight:600}.sp2-hm-cell,.sp2-hm-d{align-items:center;display:flex;justify-content:center}.sp2-hm-cell{border-radius:3px;cursor:default;height:18px;transition:transform .12s;width:22px}.sp2-hm-cell:hover{position:relative;transform:scale(1.2);z-index:2}.sp2-hm-n{color:#1e293b;font-size:7px;font-weight:800;pointer-events:none}.sp2-hm-leg{align-items:center;display:flex;gap:3px;margin-top:8px}.sp2-hm-leg-t{color:#475569;font-size:10px}.sp2-hm-leg-box{border-radius:2px;height:10px;width:16px}.sp2-zone-list{display:flex;flex-direction:column;gap:9px}.sp2-zone-row{align-items:center;display:flex;gap:8px}.sp2-zone-rank{flex-shrink:0;font-size:13px;font-weight:800;text-align:center;width:16px}.sp2-zone-name{color:#cbd5e1;flex:0 0 auto;font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp2-zone-track{background:#1e3a5f20;border-radius:5px;flex:1 1;height:10px;min-width:0;overflow:hidden}.sp2-zone-fill{border-radius:5px;height:100%;min-width:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.sp2-zone-cnt{color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:700;min-width:32px;text-align:right}@media (max-width:900px){.sp2-bottom{grid-template-columns:1fr}}:root{--gl-bg:#1a1e24;--gl-surface:#22272e;--gl-surface2:#2b3035;--gl-border:#333b44;--gl-accent:#f59e0b;--gl-accent-dim:#f59e0b1f;--gl-ok:#10b981;--gl-ok-dim:#10b9811f;--gl-warning:#f59e0b;--gl-warning-dim:#f59e0b1f;--gl-danger:#ef4444;--gl-danger-dim:#ef44441f;--gl-offline:#6b7280;--gl-text:#f0f4f8;--gl-text-sub:#8b949e;--gl-radius:12px}.guideline-root{background:#1a1e24;background:var(--gl-bg);color:#f0f4f8;color:var(--gl-text);font-family:Noto Sans KR,sans-serif;min-height:100vh;opacity:0;overflow-x:hidden;position:relative;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.guideline-root.gl-visible{opacity:1;transform:translateY(0)}.gl-bg-grid{background-image:linear-gradient(#f59e0b08 1px,#0000 0),linear-gradient(90deg,#f59e0b08 1px,#0000 0);background-size:40px 40px;inset:0}.gl-bg-glow,.gl-bg-grid{pointer-events:none;position:fixed;z-index:0}.gl-bg-glow{background:radial-gradient(circle,#f59e0b0f 0,#0000 70%);height:600px;right:-200px;top:-200px;width:600px}.gl-container{gap:36px;margin:0 auto;max-width:860px;padding:48px 24px 64px;position:relative;z-index:1}.gl-container,.gl-header{display:flex;flex-direction:column}.gl-header{gap:14px}.gl-logo-row{align-items:center;display:flex;gap:12px}.gl-logo{color:#f59e0b;color:var(--gl-accent);font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:.1em;line-height:1}.gl-logo-sub{border-left:1px solid #333b44;border-left:1px solid var(--gl-border);color:#8b949e;color:var(--gl-text-sub);font-size:11px;letter-spacing:.06em;padding-left:12px;text-transform:uppercase}.gl-title{color:#f0f4f8;color:var(--gl-text);font-family:Bebas Neue,sans-serif;font-size:clamp(40px,7vw,68px);letter-spacing:.04em;line-height:1;margin:0}.gl-title-accent{color:#f59e0b;color:var(--gl-accent)}.gl-subtitle{border-left:3px solid #f59e0b;border-left:3px solid var(--gl-accent);color:#8b949e;color:var(--gl-text-sub);font-size:14px;line-height:1.8;margin:0;padding-left:14px}.gl-tabs{flex-wrap:wrap}.gl-tab,.gl-tabs{display:flex;gap:8px}.gl-tab{align-items:center;background:#22272e;background:var(--gl-surface);border:1px solid #333b44;border:1px solid var(--gl-border);border-radius:8px;color:#8b949e;color:var(--gl-text-sub);cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:500;padding:10px 18px;transition:all .18s ease}.gl-tab:hover{background:#2b3035;background:var(--gl-surface2);border-color:#4a5568;color:#f0f4f8;color:var(--gl-text)}.gl-tab-active.gl-tab-ok{background:#10b9811f;background:var(--gl-ok-dim);border-color:#10b981;border-color:var(--gl-ok);color:#10b981;color:var(--gl-ok)}.gl-tab-active.gl-tab-warning{background:#f59e0b1f;background:var(--gl-warning-dim);border-color:#f59e0b;border-color:var(--gl-warning);color:#f59e0b;color:var(--gl-warning)}.gl-tab-active.gl-tab-danger{background:#ef44441f;background:var(--gl-danger-dim);border-color:#ef4444;border-color:var(--gl-danger);color:#ef4444;color:var(--gl-danger)}.gl-tab-icon{font-size:15px;line-height:1}.gl-tab-label{white-space:nowrap}.gl-content{animation:glFadeUp .3s ease both;display:flex;flex-direction:column;gap:20px}@keyframes glFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gl-section-title{align-items:center;color:#f0f4f8;color:var(--gl-text);display:flex;font-family:Noto Sans KR,sans-serif;font-size:18px;font-weight:700;gap:10px;margin:0}.gl-section-accent{font-size:20px}.gl-accent-ok{color:#10b981;color:var(--gl-ok)}.gl-accent-warning{color:#f59e0b;color:var(--gl-warning)}.gl-accent-danger{color:#ef4444;color:var(--gl-danger)}.gl-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gl-card{animation:glFadeUp .35s ease both;background:#22272e;background:var(--gl-surface);border:1px solid #333b44;border:1px solid var(--gl-border);border-radius:12px;border-radius:var(--gl-radius);display:flex;flex-direction:column;gap:10px;padding:20px;transition:border-color .18s,transform .18s,box-shadow .18s}.gl-card:hover{border-color:#4a5568;box-shadow:0 6px 24px #0000004d;transform:translateY(-2px)}.gl-card-delay-0{animation-delay:0s}.gl-card-delay-1{animation-delay:.05s}.gl-card-delay-2{animation-delay:.1s}.gl-card-delay-3{animation-delay:.15s}.gl-card-delay-4{animation-delay:.2s}.gl-card-highlight{background:linear-gradient(135deg,#22272e,#ef44440f);background:linear-gradient(135deg,var(--gl-surface) 0,#ef44440f 100%)}.gl-card-highlight,.gl-card-highlight:hover{border-color:#ef4444;border-color:var(--gl-danger)}.gl-card-highlight:hover{box-shadow:0 6px 24px #ef444426}.gl-step-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.08em;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.gl-badge-ok{background:#10b9811f;background:var(--gl-ok-dim);color:#10b981;color:var(--gl-ok)}.gl-badge-warning{background:#f59e0b1f;background:var(--gl-warning-dim);color:#f59e0b;color:var(--gl-warning)}.gl-badge-danger{background:#ef44441f;background:var(--gl-danger-dim);color:#ef4444;color:var(--gl-danger)}.gl-card-dot-row{align-items:center;display:flex;gap:8px}.gl-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;width:12px}.gl-dot-ok{background:#10b981;background:var(--gl-ok);box-shadow:0 0 8px #10b981;box-shadow:0 0 8px var(--gl-ok)}.gl-dot-warning{background:#f59e0b;background:var(--gl-warning);box-shadow:0 0 8px #f59e0b;box-shadow:0 0 8px var(--gl-warning)}.gl-dot-danger{background:#ef4444;background:var(--gl-danger);box-shadow:0 0 8px #ef4444;box-shadow:0 0 8px var(--gl-danger)}.gl-dot-offline{background:#6b7280;background:var(--gl-offline)}.gl-card-icon{font-size:22px;line-height:1}.gl-card-body{display:flex;flex-direction:column;gap:6px}.gl-card-name{color:#f0f4f8;color:var(--gl-text);font-size:14px;font-weight:700}.gl-card-desc{color:#8b949e;color:var(--gl-text-sub);font-size:13px;line-height:1.7}.gl-footer{background:#22272e;background:var(--gl-surface);border:1px solid #333b44;border:1px solid var(--gl-border);border-radius:12px;border-radius:var(--gl-radius);display:flex;flex-direction:column;gap:20px;padding:28px}.gl-check-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.gl-checkbox{display:none}.gl-check-custom{align-items:center;background:#1a1e24;background:var(--gl-bg);border:2px solid #333b44;border:2px solid var(--gl-border);border-radius:5px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;position:relative;transition:all .18s ease;width:20px}.gl-checkbox:checked+.gl-check-custom{background:#f59e0b;background:var(--gl-accent);border-color:#f59e0b;border-color:var(--gl-accent)}.gl-checkbox:checked+.gl-check-custom:after{border:2px solid #1a1a1a;border-left:none;border-top:none;content:"";height:9px;position:absolute;transform:rotate(45deg) translate(-1px,-1px);width:5px}.gl-check-text{color:#8b949e;color:var(--gl-text-sub);font-size:14px;line-height:1.6}.gl-check-label:hover .gl-check-text{color:#f0f4f8;color:var(--gl-text)}.gl-enter-btn{align-items:center;background:#2b3035;background:var(--gl-surface2);border:1px solid #333b44;border:1px solid var(--gl-border);border-radius:10px;color:#8b949e;color:var(--gl-text-sub);cursor:not-allowed;display:flex;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:16px 32px;transition:all .22s ease;width:100%}.gl-enter-btn.gl-enter-active{background:#f59e0b;background:var(--gl-accent);border-color:#f59e0b;border-color:var(--gl-accent);box-shadow:0 4px 20px #f59e0b4d;color:#1a1a1a;cursor:pointer}.gl-enter-btn.gl-enter-active:hover{background:#d48806;border-color:#d48806;box-shadow:0 6px 28px #f59e0b66;transform:translateY(-1px)}.gl-enter-btn.gl-enter-active:active{transform:translateY(0)}.gl-enter-arrow{font-size:18px;transition:transform .18s ease}.gl-enter-btn.gl-enter-active:hover .gl-enter-arrow{transform:translateX(4px)}@media (max-width:600px){.gl-container{gap:28px;padding:32px 16px 48px}.gl-tabs{gap:6px}.gl-tab{font-size:12px;padding:8px 14px}.gl-cards{grid-template-columns:1fr}}
/*# sourceMappingURL=main.bbf9f88f.css.map*/