*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"JetBrains Mono", "Courier New", Courier, monospace;--bg:#000;--card-bg:#0a0a0a;--card-border:#3a3a3a;--card-border-hover:#555;--text:#e0e0e0;--text-muted:#999;--text-dim:#777;--text-bright:#fff;--accent:#fff;--input-bg:#0d0d0d;--input-border:#444;--input-focus:#888;--btn-bg:transparent;--btn-border:#555;--btn-hover-border:#aaa;--divider:#555;--success:#4ade80;--danger:#f87171;--warning:#fbbf24;--radius-card:20px;--radius-btn:14px;--radius-input:12px;--transition:.25s ease}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.panel-card{border:2px solid var(--card-border);border-radius:var(--radius-card);background:var(--card-bg);text-align:center;width:100%;max-width:520px;padding:48px 40px 40px;animation:.6s fadeIn;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-title{letter-spacing:2px;text-transform:uppercase;color:var(--text-bright);margin-bottom:8px;font-size:2rem;font-weight:700}.panel-subtitle{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:600}.panel-status{color:var(--text-muted);margin-bottom:0;font-size:.95rem;font-style:italic}.panel-status.online{color:var(--success)}.panel-status.offline{color:var(--text-muted)}.panel-status.starting{color:var(--warning)}.panel-divider{border:none;border-top:1px solid var(--divider);margin:24px 0}.panel-info-title{color:var(--text);margin-bottom:8px;font-size:.9rem;font-weight:600}.panel-info-line{color:var(--text-muted);font-size:.8rem;line-height:1.6}.panel-info-note{color:var(--text-dim);margin-top:12px;font-size:.7rem;line-height:1.5}.panel-address-section{margin-bottom:4px}.panel-address-row{justify-content:center;align-items:center;gap:10px;margin-bottom:6px;display:flex}.panel-address-label{color:var(--text-dim);text-align:right;min-width:64px;font-size:.8rem}.panel-address-value{font-family:var(--font);color:var(--text-bright);border:1px solid var(--input-border);letter-spacing:.5px;-webkit-user-select:all;user-select:all;cursor:text;transition:border-color var(--transition), background var(--transition);background:#ffffff0f;border-radius:8px;padding:6px 14px;font-size:.85rem}.panel-address-value:hover{border-color:var(--input-focus);background:#ffffff1a}.panel-tracker{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:16px;margin-top:18px;padding:16px 18px}.panel-tracker-value{letter-spacing:.4px;color:var(--text-bright);margin-top:8px;font-size:1rem;font-weight:700}.panel-tracker-value.online{color:var(--success)}.panel-tracker-value.offline{color:var(--text-muted)}.panel-tracker-error{color:var(--danger)}.panel-tracker-note{color:var(--text-dim);letter-spacing:.4px;margin-top:6px;font-size:.68rem}.panel-tracker-toggle{font-family:var(--font);color:var(--text-muted);border:1px solid var(--input-border);cursor:pointer;transition:color var(--transition), border-color var(--transition), background var(--transition);letter-spacing:.4px;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin-top:12px;padding:8px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.panel-tracker-toggle:hover:not(:disabled){color:var(--text-bright);border-color:var(--btn-hover-border);background:#ffffff08}.panel-tracker-toggle:disabled{opacity:.45;cursor:not-allowed}.panel-tracker-players{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.panel-tracker-player{color:var(--text-bright);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:5px 10px;font-size:.72rem;display:inline-flex}.panel-btn{width:100%;font-family:var(--font);color:var(--text-bright);background:var(--btn-bg);border:2px solid var(--btn-border);border-radius:var(--radius-btn);cursor:pointer;transition:border-color var(--transition), background var(--transition), transform var(--transition);letter-spacing:1px;margin-top:28px;padding:18px 24px;font-size:1.3rem;font-weight:700;display:block}.panel-btn:hover:not(:disabled){border-color:var(--btn-hover-border);background:#ffffff0a;transform:translateY(-1px)}.panel-btn:active:not(:disabled){transform:translateY(0)}.panel-btn:disabled{opacity:.5;cursor:not-allowed}.panel-btn.starting{color:var(--warning);border-color:#fbbf2466}.panel-btn.stopping{color:var(--danger);border-color:#f8717166}.panel-footer{color:var(--text-dim);margin-top:24px;font-size:.75rem;line-height:1.6}.panel-footer a{color:var(--text-muted);text-underline-offset:2px;transition:color var(--transition);text-decoration:underline}.panel-footer a:hover{color:var(--text-bright)}.panel-input{width:100%;font-family:var(--font);color:var(--text);background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-input);transition:border-color var(--transition);outline:none;margin-bottom:14px;padding:14px 16px;font-size:.9rem;display:block}.panel-input::placeholder{color:var(--text-dim)}.panel-input:focus{border-color:var(--input-focus)}.panel-submit-btn{font-family:var(--font);color:var(--text-bright);background:var(--btn-bg);border:2px solid var(--btn-border);cursor:pointer;transition:border-color var(--transition), background var(--transition);border-radius:8px;margin-top:6px;padding:10px 28px;font-size:.9rem;font-weight:600;display:inline-block}.panel-submit-btn:hover:not(:disabled){border-color:var(--btn-hover-border);background:#ffffff0a}.panel-submit-btn:disabled{opacity:.5;cursor:not-allowed}.panel-message{border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.8rem}.panel-message.error{color:var(--danger);background:#f871711a;border:1px solid #f8717140}.panel-message.success{color:var(--success);background:#4ade801a;border:1px solid #4ade8040}.panel-banner{text-align:center;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.8rem;font-weight:600}.panel-banner.warning{color:var(--warning);background:#fbbf241a;border:1px solid #fbbf2440}.panel-welcome{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.75rem;display:flex}.panel-logout{font-family:var(--font);color:var(--text-dim);border:1px solid var(--input-border);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:6px;padding:4px 10px;font-size:.7rem}.panel-logout:hover{color:var(--text);border-color:var(--text-muted)}.panel-loading{color:var(--text-dim);font-size:.9rem;font-style:italic}.panel-login-section{animation:.35s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel-btn-secondary{width:100%;font-family:var(--font);color:var(--text-muted);border:1px solid var(--input-border);border-radius:var(--radius-btn);cursor:pointer;transition:color var(--transition), border-color var(--transition), background var(--transition);letter-spacing:.5px;background:0 0;margin-top:12px;padding:12px 24px;font-size:.85rem;font-weight:600;display:block}.panel-btn-secondary:hover{color:var(--text-bright);border-color:var(--btn-hover-border);background:#ffffff08}.logs-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.logs-modal{border:1px solid var(--card-border);border-radius:var(--radius-card);background:#0a0a0a;flex-direction:column;width:100%;max-width:1280px;max-height:80vh;animation:.3s fadeIn;display:flex;overflow:hidden}.logs-header{border-bottom:1px solid var(--divider);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.logs-title{font-family:var(--font);color:var(--text-bright);letter-spacing:1px;text-transform:uppercase;font-size:.85rem;font-weight:700}.logs-header-right{align-items:center;gap:14px;display:flex}.logs-live-badge{font-family:var(--font);color:var(--success);letter-spacing:1.5px;align-items:center;gap:6px;font-size:.65rem;font-weight:700;display:flex}.logs-live-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #4ade8080}50%{opacity:.6;box-shadow:0 0 6px 2px #4ade804d}}.logs-close{font-family:var(--font);color:var(--text-dim);border:1px solid var(--input-border);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:6px;padding:4px 10px;font-size:.85rem;line-height:1}.logs-close:hover{color:var(--text-bright);border-color:var(--text-muted)}.logs-body{flex:1;min-height:200px;padding:16px 20px;overflow-y:auto}.logs-body::-webkit-scrollbar{width:6px}.logs-body::-webkit-scrollbar-track{background:0 0}.logs-body::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:3px}.logs-body::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.logs-content{font-family:var(--font);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;text-align:left;margin:0;font-size:.72rem;line-height:1.7}.logs-placeholder{font-family:var(--font);color:var(--text-dim);text-align:center;padding:40px 0;font-size:.8rem;font-style:italic}.logs-placeholder.logs-error{color:var(--danger)}.panel-card.wide{max-width:900px}.panel-welcome-actions{gap:8px;display:flex}.users-table-wrap{margin-top:4px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-family:var(--font);text-align:left;font-size:.78rem}.users-table thead{border-bottom:1px solid var(--divider)}.users-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;padding:10px 12px;font-size:.7rem;font-weight:700}.users-table td{color:var(--text);white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:10px 12px}.users-table tbody tr{transition:background var(--transition)}.users-table tbody tr:hover{background:#ffffff08}.users-cell-id{color:var(--text-dim);font-size:.72rem}.users-cell-name{color:var(--text-bright);font-weight:600}.users-cell-email{color:var(--text-muted)}.users-role-select{font-family:var(--font);color:var(--text);background:var(--input-bg);border:1px solid var(--input-border);cursor:pointer;transition:border-color var(--transition);appearance:auto;border-radius:6px;outline:none;padding:5px 8px;font-size:.75rem}.users-role-select:hover,.users-role-select:focus{border-color:var(--input-focus)}.users-role-select:disabled{opacity:.5;cursor:not-allowed}.users-delete-btn{font-family:var(--font);color:var(--danger);cursor:pointer;transition:background var(--transition), border-color var(--transition);background:0 0;border:1px solid #f871714d;border-radius:6px;padding:4px 10px;font-size:.7rem}.users-delete-btn:hover{background:#f871711a;border-color:#f8717180}.users-confirm-group{align-items:center;gap:6px;display:inline-flex}.users-confirm-yes{font-family:var(--font);color:#000;background:var(--danger);cursor:pointer;transition:opacity var(--transition);border:none;border-radius:4px;padding:3px 10px;font-size:.68rem;font-weight:700}.users-confirm-yes:hover{opacity:.85}.users-confirm-yes:disabled{opacity:.5;cursor:not-allowed}.users-confirm-no{font-family:var(--font);color:var(--text-dim);border:1px solid var(--input-border);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:4px;padding:3px 10px;font-size:.68rem}.users-confirm-no:hover{color:var(--text);border-color:var(--text-muted)}@media (width<=560px){.panel-card{border-radius:16px;padding:32px 24px 28px}.panel-card.wide{max-width:100%}.panel-title{font-size:1.5rem}.panel-btn{padding:14px 20px;font-size:1.1rem}.logs-modal{border-radius:16px;max-height:70vh}.logs-content{font-size:.65rem}.users-table{font-size:.7rem}.users-table th,.users-table td{padding:8px}.panel-welcome-actions{flex-direction:column;gap:4px}}