@font-face{font-family:Replica;src:url(/fonts/ReplicaLLWeb-Regular.woff2)format("woff2"),url(/fonts/ReplicaLLWeb-Regular.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Replica;src:url(/fonts/ReplicaLLWeb-Bold.woff2)format("woff2"),url(/fonts/ReplicaLLWeb-Bold.woff)format("woff");font-weight:700;font-style:normal}:root{--bg-color:#eae6df;--border-color:#000;--text-color:#000;--status-green:#0f0;--status-amber:#ffb800;--status-red:#ff3b30;--status-active:#00c853;--status-semi-active:#ffd600;--status-pause:#ff9100;--status-inactive:#ff3b30;--status-overtime:#2979ff;--status-non-shift:#9e9e9e;--hover-bg:#00000008;--active-bg:#000;--active-text:#fff;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:row;font-family:Replica,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0006}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;height:100vh;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);padding:20px}.logo-block{flex-direction:column;display:flex}.logo{width:auto;height:60px}.tagline{text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:18px;font-weight:700}.system-label{text-transform:uppercase;letter-spacing:1px;opacity:.4;border-top:1px solid var(--border-color);margin-top:15px;padding-top:15px;font-size:15px;font-weight:400}.sidebar-nav{flex-direction:column;flex:1;padding:10px 0;display:flex;overflow-y:auto}.nav-btn{text-transform:uppercase;letter-spacing:1px;color:var(--text-color);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:14px 20px;font-family:Replica,sans-serif;font-size:16px;font-weight:400;text-decoration:none;transition:background-color .15s;display:flex;position:relative}.nav-btn:hover{background-color:var(--hover-bg)}.nav-btn.active{background-color:var(--active-bg);color:var(--active-text)}.nav-btn .nav-icon{text-align:center;width:28px;font-size:24px}.nav-btn .status-dot{background-color:var(--status-green);border-radius:50%;width:6px;height:6px;position:absolute;right:15px}.nav-btn .status-dot.warning{background-color:var(--status-amber)}.nav-btn .status-dot.offline{background-color:var(--status-red)}.sidebar-footer{border-top:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:15px 20px;font-size:14px}.user-row{align-items:center;gap:8px;margin-bottom:12px;font-size:15px;display:flex}.user-row .user-icon{border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex}.datetime-row{opacity:.5;line-height:1.6}.status-row{border-top:1px solid var(--border-color);gap:12px;margin-top:12px;padding-top:12px;display:flex}.status-item{align-items:center;gap:4px;display:flex}.status-item .dot{background-color:var(--status-green);border-radius:50%;width:6px;height:6px}.status-item .dot.warning{background-color:var(--status-amber)}.status-item .dot.offline{background-color:var(--status-red)}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.content-area{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.tab-toolbar{border-bottom:1px solid var(--border-color);background:#00000005;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.toolbar-title{text-transform:uppercase;letter-spacing:1px;font-size:24px;font-weight:700}.toolbar-actions{align-items:center;gap:8px;display:flex}.toolbar-btn{border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:background-color .2s;display:flex}.toolbar-btn:hover{background:#0000000d}.scripts-container{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.viewer-section{border-bottom:1px solid var(--border-color);flex:1;min-height:300px}.viewer-section iframe{border:none;width:100%;height:100%}.scripts-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;max-height:220px;padding:20px;display:grid;overflow-y:auto}.script-card{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-color);transition:all .2s;overflow:hidden}.script-card:hover{background:var(--hover-bg);transform:translateY(-2px)}.script-card.active{background:#00000008;border-width:2px}.script-card-image{object-fit:cover;border-bottom:1px solid var(--border-color);width:100%;height:80px}.script-card-content{padding:10px}.script-card-title{text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:10px;font-weight:700}.script-card-desc{opacity:.5;font-size:9px}.mobile-menu-toggle{z-index:1001;border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:none;position:fixed;top:15px;left:15px}.mobile-menu-toggle:hover{background:var(--hover-bg)}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}@media (max-width:1024px){.scripts-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:15px}.script-card-image{height:60px}}@media (max-width:768px){:root{--sidebar-width:280px}body{flex-direction:column}.mobile-menu-toggle{display:flex}.sidebar{height:100vh;width:var(--sidebar-width);z-index:1000;background:var(--bg-color);transition:left .3s;position:fixed;top:0;left:-100%}.sidebar.open{left:0}.main-content{width:100%;margin-left:0;padding-top:60px}.tab-toolbar{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.toolbar-title{font-size:18px}.toolbar-actions{justify-content:flex-end;width:100%}.scripts-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:180px;padding:10px}.script-card-title{font-size:9px}.script-card-desc{font-size:8px}.sidebar-footer{padding:12px 15px}.status-row{flex-wrap:wrap;gap:8px}.nav-btn{padding:12px 15px;font-size:14px}.nav-btn .nav-icon{width:24px;font-size:20px}}@media (max-width:480px){.scripts-grid{grid-template-columns:1fr;max-height:150px}.sidebar-header{padding:15px}.logo{height:50px}.tagline{font-size:14px}.system-label{margin-top:10px;padding-top:10px;font-size:12px}}@media (max-width:768px){table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}table th,table td{white-space:nowrap;padding:8px 10px;font-size:12px}.content-area>div{padding:15px!important}}