:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1013;--surface:#171a1f;--surface-2:#1f232b;--line:#2c313b;--text:#d9dee8;--muted:#9ba3b3;--accent:#5f86ff;--danger:#d35b6a;--ok:#4fb06d}*{box-sizing:border-box}html,body,#app{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Segoe UI,Tahoma,sans-serif}.panel{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.auth-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;display:flex}.auth{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth__form{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:100%;max-width:360px;padding:20px}.auth__title{margin:0 0 14px;font-size:20px}.auth__label{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}.auth__input{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);border-radius:8px;margin-top:6px;padding:10px}.auth__error{color:#ff9daa;margin-bottom:10px;font-size:13px}.auth__submit{width:100%}.panel__sidebar{border-right:1px solid var(--line);background:var(--surface);padding:20px 14px}.panel__title{margin-bottom:12px;font-size:18px;font-weight:600}.panel__refresh{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;margin-bottom:12px;padding:8px 10px}.project-list{margin:0;padding:0;list-style:none}.project-list__item{text-align:left;border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;margin-bottom:8px;padding:10px}.project-list__item--active{border-color:var(--accent);background:#1d2740}.project-list__name{margin-bottom:4px;font-size:14px;display:block}.project-list__meta{color:var(--muted);font-size:12px;display:block}.panel__content{padding:20px}.toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.toolbar__title{font-size:20px;font-weight:600}.toolbar__actions{gap:8px;display:flex}.compose-select{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:8px;min-width:210px;padding:7px 10px}.action-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 10px}.action-btn--danger{border-color:var(--danger);color:#ff9daa}.services{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:14px;position:relative}.marzban-tools{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:14px;padding:14px}.marzban-tools__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.marzban-tools__title{font-size:15px;font-weight:600}.marzban-tools__controls{gap:8px;margin-top:10px;display:flex}.marzban-tools__status{color:var(--muted);margin-top:10px;font-size:13px}.marzban-tools__link{color:#9db4ff;font-size:12px;text-decoration:none}.project-info{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:14px;padding:14px}.services__loading{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.services__spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.project-info__title{margin-bottom:8px;font-size:15px;font-weight:600}.project-info__meta{color:var(--muted);margin-bottom:10px;font-size:13px}.project-info__label{color:var(--text)}.project-info__service{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.project-info__service-name{margin-bottom:6px;font-size:14px}.project-info__service-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.project-info__links{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.project-info__link{color:#9db4ff;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:12px;text-decoration:none}.services__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.services-table{border-collapse:collapse;width:100%}.services-table th,.services-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 6px;font-size:14px}.services-table__actions{flex-wrap:wrap;gap:6px;display:flex}.state-pill{border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px}.state-pill--running{border-color:var(--ok);color:#85e2a0}.state-pill--exited{border-color:var(--danger);color:#ff9daa}.empty{color:var(--muted);padding:18px}.logs{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:14px}.logs__title{border-bottom:1px solid var(--line);padding:10px 12px}.logs__body{white-space:pre-wrap;color:#c8d1e0;max-height:280px;margin:0;padding:12px;font-size:12px;overflow:auto}button:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=980px){.panel{grid-template-columns:1fr}.panel__sidebar{border-right:0;border-bottom:1px solid var(--line)}}