*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--border-color:#30363d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-muted:#6e7681;--accent-primary:#238636;--accent-secondary:#1f6feb;--accent-danger:#da3633;--accent-warning:#d29922;--sidebar-width:280px;--sidebar-width-collapsed:60px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.app{min-height:100vh;display:flex;position:relative}.app.sidebar-open .sidebar{width:var(--sidebar-width)}.app.sidebar-closed .sidebar{width:var(--sidebar-width-collapsed)}.app.sidebar-closed .sidebar-section-title,.app.sidebar-closed .container-nav-name,.app.sidebar-closed .nav-label{display:none}.app.sidebar-closed .sidebar-footer{justify-content:center;align-items:center;padding:.5rem}.app.sidebar-closed .btn-logout{width:32px;height:32px}.app.sidebar-closed .container-nav-item{justify-content:center;padding:.625rem}.app.sidebar-closed .nav-item{justify-content:center;padding:.75rem}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;height:100vh;transition:width .3s;display:flex;position:fixed;top:0}.page-header{top:0;left:var(--sidebar-width);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);z-index:101;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;transition:left .3s;display:flex;position:fixed;right:0}.app.sidebar-closed .page-header{left:var(--sidebar-width-collapsed)}.page-header-left{align-items:center;gap:1rem;display:flex}.page-header-brand{align-items:baseline;gap:.5rem;display:flex}.page-header-brand h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:600;line-height:1.2}.page-header-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.75rem}.page-header-breadcrumb{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.page-header-right{align-items:center;gap:.75rem;display:flex}.btn-toggle-sidebar{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn-toggle-sidebar:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-secondary)}.app.sidebar-closed .btn-toggle-sidebar{width:28px;height:28px}.sidebar-nav{flex-direction:column;flex:1;gap:1.5rem;padding:1rem;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:.5rem;display:flex}.sidebar-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:0 .5rem;font-size:.7rem;font-weight:600}.nav-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-label{flex:1}.container-nav-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;padding:.625rem .75rem;transition:all .2s;display:flex}.container-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.container-nav-item.active{background:var(--bg-tertiary);color:var(--accent-secondary)}.container-nav-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.container-nav-dot.running{background:var(--accent-primary);animation:2s ease-in-out infinite pulse}.container-nav-dot.stopped{background:var(--text-muted)}.container-nav-name{font-size:.85rem;font-weight:500}.nav-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--bg-tertiary);color:var(--accent-secondary)}.nav-icon{justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;display:flex}.nav-label{font-size:.9rem;font-weight:500}.sidebar-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;display:flex}.btn-logout{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn-logout:hover{background:var(--accent-danger);color:#fff;border-color:var(--accent-danger)}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;height:100vh;padding-top:64px;transition:margin-left .3s;display:flex;overflow:hidden}.main-content>.dashboard-content,.main-content>.container-overview,.main-content>.debug-container,.main-content>.statistics-content,.main-content>.main-content-padding{flex:1;margin:1rem 0 0 1rem;overflow-y:auto}.main-content>.log-viewer-inline{flex:1;overflow:hidden}.app.sidebar-closed .main-content{margin-left:var(--sidebar-width-collapsed)}.main-content-padding{padding:2rem}.statistics-content{padding:0 1rem 1rem 0}.breadcrumb-item{color:var(--text-secondary);transition:color .2s}.breadcrumb-item.breadcrumb-current{color:var(--text-primary);font-weight:500}.breadcrumb-separator{color:var(--text-muted)}.debug-filter{background:var(--bg-tertiary);border-radius:4px;gap:.25rem;padding:.25rem;display:flex}.filter-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:.25rem .5rem;font-size:.75rem;transition:all .2s}.filter-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.filter-btn.active{background:var(--accent-secondary);color:#fff}.debug-header-right{align-items:center;gap:1rem;display:flex}.debug-line-count{color:var(--text-secondary);font-size:.75rem;font-weight:500}.main-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.main-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.header-info{align-items:center;gap:1rem;display:flex}.container-count{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:20px;padding:.375rem .75rem;font-size:.875rem}.container-stats{align-items:center;gap:1.5rem;display:flex}.container-stat-item{align-items:center;gap:.5rem;display:flex}.container-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.container-stat-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.container-stat-value.running{color:#3fb950}.container-stat-value.stopped{color:#f85149}.error-banner{border:1px solid var(--accent-danger);background:#da36331a;border-radius:6px;align-items:center;gap:.75rem;margin:1rem 2rem;padding:1rem;display:flex}.error-icon{color:var(--accent-danger)}.error-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.25rem;font-size:1.1rem}.error-dismiss:hover{color:var(--text-primary)}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.spinner{border:2px solid var(--border-color);border-top-color:var(--accent-secondary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.container-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:2rem;display:grid}.dashboard-content{flex-direction:column;gap:2rem;padding:0 1rem 1rem 0;display:flex}.dashboard-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.dashboard-row{grid-template-columns:200px 1fr;gap:1rem;display:grid}.dashboard-section-narrow{flex:0 0 200px}.dashboard-section-wide{flex:1;max-width:600px}.dashboard-section h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600}.container-status-overview{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.container-status-group{flex-direction:column;gap:.5rem;display:flex}.container-status-group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.container-status-group-items{flex-direction:column;gap:.375rem;display:flex}.status-item{background:var(--bg-tertiary);border-radius:4px;justify-content:space-between;align-items:center;padding:.375rem .5rem;display:flex}.status-item-name{color:var(--text-primary);font-size:.75rem;font-weight:500}.status-item .status-badge{padding:.125rem .375rem;font-size:.65rem}.container-overview{flex-direction:column;gap:2rem;padding:0 1rem 1rem 0;display:flex}.overview-stats{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding:1rem}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem;font-size:.75rem}.stat-value.running{color:var(--accent-primary)}.stat-value.stopped{color:var(--accent-danger)}.container-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex:1;min-height:0;padding:1rem;overflow-y:auto}.container-list h3{color:var(--text-primary);flex-shrink:0;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.container-list-item{background:var(--bg-tertiary);border-radius:6px;flex-direction:column;gap:.375rem;margin-bottom:.5rem;padding:.625rem;display:flex}.container-list-item:last-child{margin-bottom:0}.container-list-info{justify-content:space-between;align-items:center;display:flex}.container-list-name{color:var(--text-primary);font-size:.8rem;font-weight:500}.container-list-uptime{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.7rem;display:flex}.container-list-actions{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.container-list-actions .action-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;padding:.375rem;font-size:.75rem;transition:all .2s;display:flex}.container-list-actions .action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.container-list-actions .action-btn.start:hover{color:#fff;background:#238636;border-color:#238636}.container-list-actions .action-btn.stop:hover{color:#fff;background:#da3633;border-color:#da3633}.container-list-actions .action-btn.restart:hover{color:#fff;background:#d29922;border-color:#d29922}.container-list-actions .action-btn.logs:hover{color:#fff;background:#1f6feb;border-color:#1f6feb}.container-list-actions .action-btn.build:hover{color:#fff;background:#8957e5;border-color:#8957e5}.container-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.container-card-compact{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s;overflow:hidden}.container-card-compact:hover{border-color:var(--accent-secondary);box-shadow:0 2px 8px #0000001a}.container-status-bar{width:100%;height:4px}.container-status-bar.running{background:#238636}.container-status-bar.stopped{background:#6e7681}.container-card-content{padding:1rem}.container-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.container-card-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.status-indicator{border-radius:12px;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.status-indicator.status-running{color:#238636;background:#23863626}.status-indicator.status-stopped{color:#6e7681;background:#6e768126}.status-indicator .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.container-card-uptime{color:var(--text-muted);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.container-card-build-status{min-height:20px;margin-bottom:.75rem}.build-indicator{border-radius:4px;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.build-indicator.build-running{color:#58a6ff;background:#58a6ff26}.build-indicator.build-warning{color:#d29922;background:#d2992226}.build-indicator.build-error{color:#da3633;background:#da363326}.container-card-actions{flex-wrap:wrap;gap:.375rem;display:flex}.icon-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.icon-btn.btn-start:hover{color:#fff;background:#238636;border-color:#238636}.icon-btn.btn-stop:hover{color:#fff;background:#da3633;border-color:#da3633}.icon-btn.btn-restart:hover{color:#fff;background:#d29922;border-color:#d29922}.icon-btn.btn-logs:hover{color:#fff;background:#1f6feb;border-color:#1f6feb}.icon-btn.btn-build:hover{color:#fff;background:#8957e5;border-color:#8957e5}.icon-btn.btn-view:hover{color:#fff;background:#238636;border-color:#238636}.icon-btn.btn-history:hover,.action-btn.btn-history:hover{color:#fff;background:#1f6feb;border-color:#1f6feb}.debug-container{flex-direction:column;flex:1;padding:0 1rem 1rem 0;display:flex;overflow:hidden}.debug-logs{background:var(--bg-tertiary);border:1px solid var(--border-color);scroll-behavior:smooth;border-radius:8px;flex:1;padding:1rem;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;overflow:auto}.debug-logs::-webkit-scrollbar{width:8px;height:8px}.debug-logs::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.debug-logs::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.debug-logs::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.debug-logs pre{white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5}.debug-log-line{border-radius:2px;gap:1rem;padding:.25rem .5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.4;display:flex}.debug-log-line:hover{background:var(--bg-secondary)}.debug-log-timestamp{color:var(--text-muted);opacity:.7;flex-shrink:0;min-width:140px;font-size:.75rem}.debug-log-message{color:var(--text-primary);word-break:break-word}.debug-log-line.log-error{background:#ef44441a;border-left:3px solid #ef4444}.debug-log-line.log-error .debug-log-message{color:#fca5a5}.debug-log-line.log-warn{background:#f59e0b1a;border-left:3px solid #f59e0b}.debug-log-line.log-warn .debug-log-message{color:#fcd34d}.debug-log-line.log-info{border-left:3px solid #0000}.debug-log-line.log-debug{background:#3b82f60d;border-left:3px solid #3b82f6}.debug-log-line.log-debug .debug-log-message{color:var(--text-secondary)}.debug-log-line.log-trace{background:#9ca3af0d;border-left:3px solid #9ca3af}.debug-log-line.log-trace .debug-log-message{color:var(--text-muted)}.header-actions{align-items:center;gap:.5rem;display:flex}.header-actions .action-btn.active{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.container-master-detail{flex:1;grid-template-columns:280px 1fr;gap:1rem;min-height:0;display:grid}.container-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.container-sidebar h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin:0;padding:1rem;font-size:.95rem;font-weight:600;display:flex}.restart-indicator{color:#d29922;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex}.container-group-controls{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.container-group{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.container-group-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.container-group-name{color:var(--text-primary);font-size:.8rem;font-weight:500}.container-group-count{color:var(--text-muted);background:var(--bg-secondary);border-radius:10px;padding:.125rem .375rem;font-size:.75rem}.container-group-actions{gap:.25rem;display:flex}.container-group-actions .icon-btn{width:24px;height:24px;padding:0}.container-group-actions .icon-btn:disabled{opacity:.5;cursor:not-allowed}.container-sidebar-uptime{color:var(--text-secondary);align-items:center;gap:.375rem;margin-top:.375rem;font-size:.75rem;font-weight:500;display:flex}.container-sidebar-build-status{color:var(--text-secondary);align-items:center;gap:.375rem;margin-top:.25rem;font-size:.75rem;font-weight:500;display:flex}.container-sidebar-build-status.warning{color:#d29922;font-weight:600}.container-sidebar-build-status.running{color:#58a6ff;font-weight:600}.container-master-detail.disabled{opacity:.6;pointer-events:none}.container-master-detail.disabled .container-sidebar-item{pointer-events:none}.container-master-detail.disabled .icon-btn,.container-master-detail.disabled .action-btn{opacity:.5;cursor:not-allowed}.container-list-sidebar{flex:1;padding:1rem;overflow-y:auto}.container-list-sidebar::-webkit-scrollbar{width:6px}.container-list-sidebar::-webkit-scrollbar-track{background:0 0}.container-list-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.container-sidebar-item{cursor:pointer;border:1px solid #0000;border-radius:6px;margin-bottom:.25rem;padding:.75rem;transition:all .2s}.container-sidebar-item:hover{background:var(--bg-tertiary)}.container-sidebar-item.active{color:var(--text-primary);border-color:var(--accent-secondary);background:#58a6ff26}.container-sidebar-item-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.container-sidebar-item-name{font-size:.9rem;font-weight:500}.container-sidebar-status{align-items:center;display:flex}.container-sidebar-status .status-dot{border-radius:50%;width:8px;height:8px}.container-sidebar-status.running .status-dot{background:#238636}.container-sidebar-status.stopped .status-dot{background:#6e7681}.container-details-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.container-details-content{flex-direction:column;height:100%;display:flex}.container-details-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.container-details-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.container-details-uptime{color:var(--text-muted);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:1rem;font-size:.85rem;display:flex}.container-details-actions{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;padding:1rem;display:flex}.container-details-actions .action-btn{align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.container-details-logs{flex:1;padding:1rem;overflow:hidden}.container-details-empty{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.container-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.container-card:hover{border-color:var(--accent-secondary);box-shadow:0 4px 12px #1f6feb1a}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.container-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.status-badge{border-radius:20px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:flex}.status-badge.running{color:var(--accent-primary);background:#23863626}.status-badge.stopped{color:var(--accent-danger);background:#da363326}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge.running .status-dot{animation:2s ease-in-out infinite pulse}.card-uptime{color:var(--text-muted);align-items:center;gap:.5rem;padding:0 1.25rem .75rem;font-size:.8rem;display:flex}.uptime-icon{font-size:.9rem}.card-actions{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem 1.25rem;display:grid}.action-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s}.action-btn:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--text-muted)}.action-btn.start:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.action-btn.stop:hover{background:var(--accent-danger);color:#fff;border-color:var(--accent-danger)}.action-btn.restart:hover{background:var(--accent-warning);color:#fff;border-color:var(--accent-warning)}.action-btn.logs:hover{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.action-btn.build:hover{background:var(--accent-warning);color:#fff;border-color:var(--accent-warning)}.server-stats{flex-direction:column;gap:.5rem;display:flex}.stat-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.stat-item:last-child{border-bottom:none}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:600}.stat-indicator{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.stat-indicator.online{color:var(--accent-primary);background:#23863626}.stat-indicator.offline{color:var(--accent-danger);background:#da363326}.stat-time{color:var(--text-muted);font-size:.75rem}.login-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 8px 32px #0000004d}.login-box h1{color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem;font-size:.875rem}.login-error{color:var(--accent-danger);text-align:center;border:1px solid var(--accent-danger);background:#da36331a;border-radius:6px;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}.login-box form{flex-direction:column;gap:1.25rem;display:flex}.login-box .form-group{flex-direction:column;gap:.5rem;display:flex}.login-box label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.login-box input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;padding:.75rem;font-size:.95rem;transition:border-color .2s}.login-box input:focus{border-color:var(--accent-secondary);outline:none}.login-box input:disabled{opacity:.5;cursor:not-allowed}.btn-login{background:var(--accent-secondary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:background .2s}.btn-login:hover:not(:disabled){background:#1a5fb8}.btn-login:disabled{opacity:.5;cursor:not-allowed}.log-viewer{flex-direction:column;height:100%;display:flex;position:relative}.log-viewer:not(.log-viewer-content-wrapper){z-index:1000;background:#0f1117f2;position:fixed;inset:0}.log-viewer-content-wrapper{z-index:auto;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.log-viewer-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.log-viewer-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:500}.log-viewer-controls{align-items:center;gap:.5rem;display:flex}.btn-toggle-scroll{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-toggle-scroll:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-toggle-scroll.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-toggle-scroll.active:hover{background:#2c7be6}.connection-status{border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.connection-status.connected,.connection-status.completed{color:var(--accent-primary);background:#23863626}.connection-status.disconnected{color:var(--accent-danger);background:#da363326}.btn-clear{background:var(--accent-warning);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-clear:hover{background:#b8860b}.btn-close{background:var(--accent-danger);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-close:hover{background:#b02a28}.log-viewer-content{flex:1;min-height:0;padding:1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.85rem;line-height:1.5;overflow-y:auto}.log-empty{text-align:center;color:var(--text-muted);padding:2rem}.log-line{color:var(--text-secondary);border-radius:4px;margin-bottom:.25rem;padding:4px 8px}.log-line:hover{background:#ffffff08}.log-timestamp{color:var(--text-muted);margin-right:.75rem}.log-message{color:var(--text-primary)}.log-error{border-left:3px solid var(--accent-danger);background:#da36331a}.log-error .log-message{color:var(--accent-danger)}.log-warn{border-left:3px solid var(--accent-warning);background:#d299221a}.log-warn .log-message{color:var(--accent-warning)}.log-debug{color:var(--text-muted)}.log-info{color:var(--text-secondary)}.build-manager{z-index:1000;background:#0f1117f2;flex-direction:column;display:flex;position:fixed;inset:0}.build-manager-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.build-manager-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:500}.build-manager-content{flex:1;padding:2rem;overflow-y:auto}.build-actions{margin-bottom:2rem}.btn-build-all{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:background .2s}.btn-build-all:hover:not(:disabled){background:#1f7a38}.btn-build-all:disabled{opacity:.5;cursor:not-allowed}.build-scripts-list{margin-bottom:2rem}.build-scripts-list h4{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:500}.build-script-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;display:flex}.script-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.btn-build{background:var(--accent-warning);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:background .2s}.btn-build:hover:not(:disabled){background:#b8860b}.btn-build:disabled{opacity:.5;cursor:not-allowed}.build-results{margin-top:2rem}.build-results h4{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:500}.build-result{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:.5rem;padding:1rem}.build-result.success{border-color:var(--accent-primary)}.build-result.error{border-color:var(--accent-danger)}.result-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.result-status.success{color:var(--accent-primary)}.result-status.error{color:var(--accent-danger)}.result-message{color:var(--text-primary);font-size:.9rem}.result-output{background:var(--bg-primary);color:var(--text-secondary);border-radius:4px;max-height:300px;padding:.75rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8rem;overflow:auto}.log-viewer-inline{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.log-viewer-inline-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;align-items:center;padding:1rem 2rem;display:flex}.log-viewer-title{align-items:center;gap:1rem;display:flex}.log-viewer-title h2{color:var(--text-primary);font-size:1.1rem;font-weight:500}.btn-back{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-back:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.log-viewer-content-wrapper .log-viewer-content{flex:1;overflow-y:auto}.log-filter-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;padding:.75rem 1rem;display:flex}.log-filter{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.log-filter:hover{border-color:var(--accent-color)}.filter-preset{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.filter-preset:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-preset.active{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.filter-custom{flex-wrap:wrap;gap:.5rem;display:flex}.filter-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;min-width:200px;padding:.375rem .75rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem}.filter-input:focus{border-color:var(--accent-secondary);outline:none}.filter-input::placeholder{color:var(--text-muted)}.filter-stats{align-items:center;margin-left:auto;display:flex}.filter-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.player-stats{padding:1rem}.main-content-padding .player-stats{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.main-content-padding .stats-header h3{font-size:1.25rem}.main-content-padding .stats-range-btn{padding:.5rem 1rem;font-size:.85rem}.main-content-padding .stats-summary{gap:1rem;margin-bottom:2rem}.main-content-padding .summary-item{padding:1rem}.main-content-padding .summary-label{font-size:.85rem}.main-content-padding .summary-value{font-size:1.5rem}.main-content-padding .stats-chart{height:400px}.stats-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.stats-header h3{color:var(--text-primary);font-size:.85rem;font-weight:500}.stats-controls{gap:.25rem;display:flex}.stats-range-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:500;transition:all .2s}.stats-range-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.stats-range-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.stats-range-btn.danger{background:var(--error-color);color:#fff;border-color:var(--error-color)}.stats-range-btn.danger:hover{background:#d73a49;border-color:#d73a49}.stats-summary{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.summary-item{background:var(--bg-tertiary);text-align:center;border-radius:4px;padding:.5rem}.summary-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.65rem;display:block}.summary-value{color:var(--text-primary);font-size:1rem;font-weight:600;display:block}.stats-error{color:var(--accent-danger);background:#da363326;border:1px solid #da36334d;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;display:flex}.stats-loading{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.stats-loading span{color:var(--text-muted);font-size:.75rem}.stats-chart{height:150px;position:relative}.dashboard{background:var(--bg-secondary);border-radius:8px;overflow:hidden}.dashboard-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.dashboard-header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.dashboard-header button{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 12px;transition:all .2s}.dashboard-header button:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.dashboard-section h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0 0 15px;padding-bottom:10px;font-size:1.1rem}.metric-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--text-secondary);font-size:.9rem}.metric-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.metric-value.error{color:var(--accent-danger)}.dashboard-loading,.dashboard-error{text-align:center;color:var(--text-secondary);padding:40px}.dashboard-error{color:var(--accent-danger)}.dashboard-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);text-align:center;padding:15px 20px}.dashboard-footer small{color:var(--text-muted);font-size:.85rem}.dashboard-modal{width:90%;max-width:900px;max-height:80vh;overflow:hidden}