*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-tertiary: #242836;--bg-hover: #2d3246;--text-primary: #e4e6ed;--text-secondary: #9ca0b0;--text-muted: #6b7084;--accent: #5b8df9;--accent-hover: #4a7ae8;--danger: #e54d4d;--danger-hover: #d43d3d;--success: #4dcf6e;--warning: #f0ad4e;--border: #2d3246;--radius: .625rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--sidebar-width: 15.5rem;--sidebar-width-collapsed: 4.375rem;--mobile-sidebar-width: min(18.5rem, 88vw);--content-padding: clamp(.875rem, 2vw, 1.75rem);--server-card-padding: 1rem;--server-card-min-height: 13rem;--server-action-height: 2.625rem;--server-grid-min: 16rem;--server-grid-max: 36rem}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5}a{color:var(--accent);text-decoration:none}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s,transform .12s,border-color .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:.8125rem}input,textarea,select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:.625rem .75rem;font-size:.875rem;font-family:inherit;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;font-family:Cascadia Code,Fira Code,Consolas,monospace}.layout{display:flex;min-height:100%}.main-content{flex:1;overflow-y:auto;padding:var(--content-padding);margin-left:var(--sidebar-width);transition:margin-left .2s ease}.layout.sidebar-collapsed .main-content{margin-left:var(--sidebar-width-collapsed)}.environment-topbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff05,#fff0)}.environment-topbar label{font-size:.8125rem;color:var(--text-secondary);min-width:7.5rem}.environment-topbar select{width:auto;min-width:min(100%,19rem)}.environment-topbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.environment-topbar-mobile-menu{display:none}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:30;transition:width .2s ease,transform .2s ease}.layout.sidebar-collapsed .sidebar{width:var(--sidebar-width-collapsed)}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-2);min-width:0}.sidebar-brand-icon{flex:0 0 auto}.sidebar-brand-title{font-weight:700;font-size:1rem}.sidebar-brand-subtitle{color:var(--text-muted);font-size:.6875rem;margin-top:.125rem}.sidebar-collapse-btn{padding:.25rem .5rem;min-width:2rem}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:.125rem}.sidebar-link{display:flex;align-items:center;gap:var(--space-2);padding:.5rem .75rem;border-radius:var(--radius);color:var(--text-secondary);font-size:.875rem;text-decoration:none}.sidebar-link.active{color:var(--accent);background:#5b8df91a;font-weight:600}.sidebar-link-icon{flex:0 0 1.25rem;text-align:center}.layout.sidebar-collapsed .sidebar-link-label,.layout.sidebar-collapsed .sidebar-brand-text,.layout.sidebar-collapsed .sidebar-footer .sidebar-user-row{display:none}.layout.sidebar-collapsed .sidebar-link{justify-content:center;padding-inline:.5rem}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);font-size:.75rem}.sidebar-user-row{color:var(--text-muted);margin-bottom:var(--space-2)}.sidebar-user-row strong{color:var(--text-primary)}.sidebar-backdrop{display:none;border:0;border-radius:0;padding:0}.page-header{margin-bottom:clamp(1rem,2vw,1.625rem)}.page-header h1{font-size:clamp(1.5rem,2.2vw,1.75rem);font-weight:600}.page-header p{color:var(--text-secondary);margin-top:var(--space-1)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:0 .625rem 1.5rem #00000038}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.card-header h3{font-size:1.125rem;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--space-3)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .6875rem;border-radius:999px;font-size:.8125rem;font-weight:500}.status-badge:before{content:"";width:.375rem;height:.375rem;border-radius:50%}.status-running{background:#4dcf6e26;color:var(--success)}.status-running:before{background:var(--success)}.status-stopped{background:#6b708426;color:var(--text-muted)}.status-stopped:before{background:var(--text-muted)}.status-starting,.status-stopping{background:#f0ad4e26;color:var(--warning)}.status-starting:before,.status-stopping:before{background:var(--warning)}.status-crashed{background:#e54d4d26;color:var(--danger)}.status-crashed:before{background:var(--danger)}.meta{display:flex;gap:var(--space-2);flex-wrap:wrap;row-gap:.35rem;margin-top:var(--space-1);font-size:.8125rem;line-height:1.35;color:var(--text-secondary)}.meta span{display:flex;align-items:center;gap:.25rem}.player-count-link{display:inline-flex;align-items:center;gap:.25rem;border:none;background:#5b8df92e;color:var(--accent);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;line-height:1.1;cursor:pointer}.player-count-link:hover{background:#5b8df947}.actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.available-server-grid,.running-server-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--server-grid-min)),var(--server-grid-max)));justify-content:start;align-items:stretch;grid-auto-rows:1fr}.available-server-card,.running-server-card{display:flex;flex-direction:column;height:100%;min-height:var(--server-card-min-height);padding:var(--server-card-padding)}.available-server-card .meta,.running-server-card .meta{align-items:flex-start}.available-server-modules,.running-server-modules{min-height:1.125rem;line-height:1.45;overflow:hidden;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical}.server-passwords{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-1);min-height:1.5rem;font-size:.8125rem;color:var(--text-secondary)}.server-passwords span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.available-server-actions,.running-server-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:var(--space-2);margin-top:auto;min-height:var(--server-action-height)}.available-server-actions .btn-sm,.running-server-actions .btn-sm{width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--space-2) var(--space-3)}.available-server-action-spacer,.running-server-action-spacer{display:none}.player-list-summary{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:.875rem;color:var(--text-secondary)}.player-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.player-list-section{border:1px solid var(--border);border-radius:.65rem;padding:var(--space-3);background:#0000001f;min-height:180px}.player-list-section h4{margin:0 0 var(--space-2) 0;font-size:.9rem}.player-list-items{margin:0;padding-left:1.1rem;display:grid;gap:.2rem;max-height:260px;overflow-y:auto}.player-list-items.compact{max-height:180px}.player-list-empty{color:var(--text-muted);font-size:.8125rem}.player-clan-list{display:grid;gap:var(--space-2);max-height:340px;overflow-y:auto}.player-clan-card{border:1px solid rgba(255,255,255,.08);border-radius:.5rem;padding:var(--space-2)}.player-clan-header{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--text-secondary);margin-bottom:.25rem}.login-container{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--space-4)}.login-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;padding:var(--space-6);width:min(24rem,94vw)}.login-box h1{font-size:1.25rem;margin-bottom:var(--space-5);text-align:center}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-1);font-size:.8125rem;color:var(--text-secondary)}.error-text{color:var(--danger);font-size:.8125rem;margin-top:var(--space-2)}.terminal{background:#0a0c10;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.6;overflow-y:auto;max-height:calc(100vh - 18rem);min-height:22rem}.terminal .log-line{white-space:pre-wrap;word-break:break-word}.terminal .log-line.error{color:var(--danger)}.terminal .log-line .timestamp{color:var(--text-muted)}.command-input{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.command-input input{flex:1;font-family:Cascadia Code,Fira Code,Consolas,monospace}.file-browser{display:flex;flex-direction:column;gap:var(--space-3)}.breadcrumbs{display:flex;gap:.25rem;align-items:center;font-size:.8125rem;flex-wrap:wrap}.breadcrumbs span{color:var(--text-muted)}.breadcrumbs button{background:none;padding:.125rem .375rem;color:var(--accent);border-radius:.25rem}.breadcrumbs button:hover{background:var(--bg-hover)}.file-list{display:flex;flex-direction:column}.file-row{display:flex;align-items:center;padding:.625rem .75rem;gap:var(--space-3);border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.file-row:hover{background:var(--bg-hover)}.file-row.selected{background:#5b8df924}.file-row-select{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.file-row .file-icon{width:1.25rem;text-align:center;font-size:1rem}.file-row .file-name{flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis}.file-row .file-size,.file-row .file-date{color:var(--text-muted);font-size:.75rem}.file-row .file-date{min-width:8.75rem}.editor-container{display:flex;flex-direction:column;gap:var(--space-3)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.editor-textarea{min-height:22rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;-moz-tab-size:2;tab-size:2}.map-picker-grid{max-height:52vh;overflow-y:auto;border:1px solid var(--border);background:var(--bg-tertiary);border-radius:var(--radius);padding:var(--space-3);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.75rem),1fr));gap:var(--space-2)}.map-picker-grid.wide{max-height:56vh;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.map-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:1250}.map-modal{width:min(1200px,96vw);max-height:92vh;overflow:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.map-modal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.map-selection-summary{border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin-bottom:10px;background:#ffffff05}.map-selection-chips{display:flex;flex-wrap:wrap;gap:8px}.map-chip{border:1px solid rgba(91,141,249,.4);color:var(--accent);background:#5b8df91f;border-radius:999px;padding:4px 10px;font-size:12px}.map-picker-item{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:.5rem;padding:var(--space-2) var(--space-3);background:#ffffff05;cursor:pointer}.map-picker-item:hover{background:var(--bg-hover)}.map-picker-item input{width:auto}.config-list,.batch-list{display:flex;flex-direction:column;gap:var(--space-2)}.config-item,.batch-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background .1s}.config-item:hover,.batch-item:hover{background:var(--bg-hover)}.config-item .config-name,.batch-item .batch-name{font-weight:600}.config-item .config-meta,.batch-item .batch-meta{display:flex;gap:var(--space-3);font-size:.75rem;color:var(--text-secondary)}.toast{position:fixed;bottom:var(--space-5);right:var(--space-5);padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-size:.8125rem;z-index:1000;animation:slideIn .2s ease}.toast.success{background:var(--success);color:#000}.toast.error{background:var(--danger);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}.loading,.empty{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);text-align:center}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:var(--space-4);overflow-x:auto}.tab{padding:var(--space-2) var(--space-4);background:transparent;color:var(--text-secondary);border:none;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;transition:all .15s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.form-row{display:flex;gap:var(--space-3);align-items:flex-end}.form-row .form-group{flex:1}.environment-file-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.environment-file-meta{font-size:.75rem;color:var(--text-muted)}.environment-file-parse-error{margin-bottom:var(--space-2);border:1px solid rgba(240,173,78,.35);border-radius:var(--radius);background:#f0ad4e14;color:var(--warning);padding:.625rem .75rem;font-size:.8125rem}.alliance-config-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13.75rem),1fr))}.alliance-config-field{margin-bottom:0}.alliance-field-key{margin-top:.3125rem;font-size:.6875rem;color:var(--text-muted);font-family:Cascadia Code,Fira Code,Consolas,monospace}.alliance-player-sections{display:flex;flex-direction:column;gap:var(--space-3)}.alliance-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);gap:var(--space-2)}.alliance-player-list{display:flex;flex-direction:column;gap:var(--space-2)}.alliance-player-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-2);align-items:end}.alliance-player-remove{margin-bottom:.125rem}.alliance-empty-state{color:var(--text-muted);font-size:.8125rem;border:1px dashed var(--border);border-radius:var(--radius);padding:.75rem}@media(max-width:64rem){.main-content{margin-left:0;padding:var(--space-3)}.layout.sidebar-collapsed .main-content{margin-left:0}.environment-topbar{flex-wrap:wrap;gap:var(--space-2)}.environment-topbar label{min-width:auto}.environment-topbar select{width:100%;min-width:0}.environment-topbar-actions{width:100%;margin-left:0}.environment-topbar-mobile-menu{display:flex;width:100%;justify-content:flex-start}.sidebar{width:var(--mobile-sidebar-width);transform:translate(-100%)}.sidebar.is-mobile-open{transform:translate(0)}.layout.sidebar-collapsed .sidebar{width:var(--mobile-sidebar-width)}.layout.sidebar-collapsed .sidebar-link-label,.layout.sidebar-collapsed .sidebar-brand-text,.layout.sidebar-collapsed .sidebar-footer .sidebar-user-row{display:block}.layout.sidebar-collapsed .sidebar-link{justify-content:flex-start;padding-inline:.75rem}.sidebar-collapse-btn{display:none}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:20}.available-server-grid,.running-server-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14.5rem),1fr))}.terminal{min-height:18rem}.editor-toolbar{flex-wrap:wrap;align-items:flex-start}.config-item,.batch-item{flex-direction:column;align-items:flex-start}.config-item .config-meta,.batch-item .batch-meta{flex-wrap:wrap}.file-row{flex-wrap:wrap;align-items:flex-start}.file-row .file-date{min-width:0;width:100%;padding-left:1.75rem}.command-input{flex-direction:column}.map-modal{width:min(98vw,1200px);padding:12px}}@media(max-width:48rem){.available-server-grid,.running-server-grid{grid-template-columns:1fr}.server-passwords{grid-template-columns:1fr;gap:var(--space-1)}.form-row{flex-direction:column;align-items:stretch}.actions{width:100%}.alliance-player-row{grid-template-columns:1fr}.alliance-player-remove{width:100%;margin-bottom:0}}