@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);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}.stats-page{background:#343a40;background:var(--primary-bg);flex:1 1;min-width:0;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}.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-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:20px;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}.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:#ef4444;background-color:var(--status-danger);border-radius:8px;display:flex;inset:0;justify-content:center;position:absolute;z-index:500}@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}}.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{display:flex;gap:16px;height:100%;overflow:hidden}.vlt-player-panel{background:#2b3035;background:var(--secondary-bg,#2b3035);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:420px}.vlt-player-header{align-items:center;background:#1f2937;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);display:flex;justify-content:space-between;padding:12px 16px}.vlt-player-info{display:flex;flex-direction:column;gap:2px}.vlt-player-title{color:#f59e0b;color:var(--accent-color,#f59e0b);font-size:14px;font-weight:700}.vlt-player-time{font-size:11px}.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;font-size:16px;padding:4px 8px;transition:all .2s}.vlt-player-close:hover{background:#ef444426;color:#ef4444;color:var(--status-danger,#ef4444)}.vlt-player-body{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;padding:8px}.vlt-video{border-radius:4px;max-height:100%;width:100%}.modern-table tbody tr.playing{background-color:#3b82f61a!important;border-left:4px solid #3b82f6}.video-btn.playing{background-color:#1d4ed8;border-color:#60a5fa}.video-log-container{background:#2b3035;background:var(--secondary-bg,#2b3035);display:flex;flex:1 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-y:auto}.table-wrapper::-webkit-scrollbar{width:8px}.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:14px;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:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.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:12px 16px;vertical-align:middle}.modern-table tbody tr{cursor:pointer;transition:background-color .2s}.modern-table tbody tr:hover{background-color:#f59e0b0d}.modern-table tbody tr.active{background-color:#f59e0b26!important;border-left:4px solid #f59e0b;border-left:4px solid var(--accent-color,#f59e0b)}.empty-row{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-style:italic;padding:40px!important;text-align:center}.date-cell{display:flex;flex-direction:column;line-height:1.2;width:100px}.date-small{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:11px}.time-bold{color:#f9fafb;color:var(--text-primary,#f9fafb);font-weight:700}.mode-badge{background:#374151;border-radius:9999px;color:#e5e7eb;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.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-weight:500}.event-icon{display:inline-block;font-style:normal;margin-right:8px}.status-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:800;padding:2px 8px}.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}.col-time{width:120px}.col-mode{width:130px}.col-event{width:auto}.col-video{width:110px}.col-status{text-align:center!important;width:100px}.video-cell{text-align:center}.video-btn{background-color:#1e3a8a;border:1px solid #3b82f6;border-radius:6px;color:#bfdbfe;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:background-color .2s,transform .15s;white-space:nowrap}.video-btn:hover{background-color:#1d4ed8;transform:scale(1.04)}.status-cell{text-align:center!important}.status-cell .status-badge{display:inline-block}.sp-page{flex:1 1;overflow-y:auto;scrollbar-color:#f59e0b #343a40;scrollbar-color:#f59e0b var(--primary-bg,#343a40);scrollbar-width:thin}.sp-page::-webkit-scrollbar{width:6px}.sp-page::-webkit-scrollbar-track{background:#343a40;background:var(--primary-bg,#343a40)}.sp-page::-webkit-scrollbar-thumb{background-color:#f59e0b;border-radius:3px}.sp-inner{display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:1200px;padding:32px 40px}.sp-page-title{color:#f59e0b;color:var(--accent-color,#f59e0b);font-size:24px;font-weight:700;margin:0 0 24px}.sp-section-title{color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:18px;font-weight:600;margin:0 0 4px}.sp-divider{background:#374151;background:var(--border-color,#374151);height:1px;margin:28px 0}.sp-summary-sub{color:#d1d5db;color:var(--text-secondary,#d1d5db);font-size:12px;margin:0 0 20px}.sp-gauge-list{display:flex;flex-wrap:wrap;gap:16px}.sp-gauge-item{align-items:center;display:flex;flex-direction:column;gap:6px;min-width:100px}.sp-gauge-svg{height:65px;width:110px}.sp-gauge-label{color:#d1d5db;color:var(--text-secondary,#d1d5db);font-size:13px;text-align:center;white-space:nowrap}.sp-chart-section{display:flex;flex:1 1;flex-direction:column;min-height:500px}.sp-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sp-year-selector{align-items:center;display:flex;gap:8px}.sp-year-label{font-size:15px;font-weight:700;min-width:64px;text-align:center}.sp-year-btn,.sp-year-label{color:#f9fafb;color:var(--text-primary,#f9fafb)}.sp-year-btn{align-items:center;background:#2b3035;background:var(--secondary-bg,#2b3035);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .2s;width:30px}.sp-year-btn:hover:not(:disabled){background:#f59e0b;background:var(--accent-color,#f59e0b);border-color:#f59e0b;border-color:var(--accent-color,#f59e0b);color:#1a1a1a}.sp-year-btn:disabled{cursor:not-allowed;opacity:.3}.sp-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sp-legend-btn{align-items:center;background:#0000;border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:20px;color:#d1d5db;color:var(--text-secondary,#d1d5db);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:4px 12px;transition:all .2s}.sp-legend-btn:hover{border-color:#d1d5db;border-color:var(--text-secondary,#d1d5db)}.sp-legend-btn.active,.sp-legend-btn:hover{color:#f9fafb;color:var(--text-primary,#f9fafb)}.sp-legend-btn.active{background:#2b3035;background:var(--secondary-bg,#2b3035);border-color:#f59e0b;border-color:var(--accent-color,#f59e0b);font-weight:600}.sp-legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.sp-chart-area{display:flex;flex:1 1;gap:0;min-height:400px}.sp-y-axis{display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding-bottom:32px;padding-top:20px;width:36px}.sp-y-tick{align-items:center;display:flex;gap:4px}.sp-y-tick-label{color:#d1d5db;color:var(--text-secondary,#d1d5db);flex-shrink:0;font-size:11px;text-align:right;width:26px}.sp-y-tick-line{background:#374151;background:var(--border-color,#374151);flex-shrink:0;height:1px;width:6px}.sp-bar-wrapper{flex:1 1;overflow-x:auto;overflow-y:hidden;scrollbar-color:#f59e0b #343a40;scrollbar-color:#f59e0b var(--primary-bg,#343a40);scrollbar-width:thin}.sp-bar-wrapper::-webkit-scrollbar{height:6px}.sp-bar-wrapper::-webkit-scrollbar-track{background:#343a40;background:var(--primary-bg,#343a40);border-radius:3px}.sp-bar-wrapper::-webkit-scrollbar-thumb{background-color:#f59e0b;border-radius:3px}.sp-bar-chart{align-items:flex-end;background-color:#343a40;background-color:var(--primary-bg,#343a40);border-bottom:2px solid #374151;border-bottom:2px solid var(--border-color,#374151);border-left:2px solid #374151;border-left:2px solid var(--border-color,#374151);border-radius:8px;box-sizing:border-box;display:flex;height:100%;min-width:1100px;padding:20px 16px 32px}.sp-bar-col{align-items:center;display:flex;flex:0 0 90px;flex-direction:column;height:100%;justify-content:flex-end;position:relative}.sp-bar-group{align-items:flex-end;display:flex;gap:5px;justify-content:center}.sp-bar-wrap{align-items:center;display:flex;flex-direction:column;justify-content:flex-end}.sp-bar-value{color:#d1d5db;color:var(--text-secondary,#d1d5db);font-size:10px;font-weight:500;margin-bottom:2px;min-height:14px}.sp-bar-fill{border-radius:3px 3px 0 0;min-height:2px;transition:height .6s cubic-bezier(.4,0,.2,1);width:16px}.sp-bar-label{bottom:8px;color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:12px;font-weight:600;margin-top:8px;position:absolute;white-space:nowrap}
/*# sourceMappingURL=main.c97f4fdf.css.map*/