:root{color-scheme:dark;--bg: #0a0e16;--surface: #12161f;--surface-2: #0d1119;--border: #232838;--text: #e7eaf0;--muted: #8890a0;--accent: #22d3ee;--accent-strong: #67e2f5;--accent-ink: #04262c;--ok: #34d399;--warn: #f5c451;--danger: #f8717a;--off: #565f72;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--chrome-h: 64px;--content-max: 1080px;font-family:var(--font-sans)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3,p,dl,dd{margin:0}input,textarea,button{font:inherit}.muted{color:var(--muted)}.error{background:#f8717a1f;border:1px solid var(--danger);color:#ffb3b8;padding:.6rem .85rem;border-radius:8px;font-size:.88rem}.page-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted)}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted)}.field-hint{font-size:.75rem;color:var(--muted);font-weight:400}.field-row{display:flex;gap:1rem;flex-wrap:wrap}.field-row .field{flex:1;min-width:180px}input[type],input:not([type]),textarea,select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;color:var(--text);width:100%}select{cursor:pointer}.field-inline{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;color:var(--text);width:auto}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:radial-gradient(600px circle at 15% 20%,rgba(34,211,238,.08),transparent 60%),radial-gradient(600px circle at 85% 80%,rgba(52,211,153,.06),transparent 60%),var(--bg)}.auth-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2rem;box-shadow:0 20px 60px -20px #0009}.auth-brand{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#22d3ee26;color:var(--accent);margin-bottom:.2rem}.auth-brand svg{width:24px;height:24px}.auth-card h1{font-size:1.3rem;letter-spacing:-.01em}.auth-card button{margin-top:.4rem}.app-shell{height:100vh;display:flex}.sidebar{flex:none;width:232px;display:flex;flex-direction:column;background:var(--surface-2);border-right:1px solid var(--border);height:100vh}.sidebar-brand{height:var(--chrome-h);flex:none;display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;padding:0 1.25rem;border-bottom:1px solid var(--border)}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#22d3ee26;color:var(--accent);flex:none}.brand-mark svg{width:17px;height:17px}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem;flex:1;padding:1rem;overflow-y:auto}.sidebar-nav a{display:flex;align-items:center;gap:.7rem;color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:500;padding:.55rem .6rem;border-radius:8px;transition:background-color .12s ease,color .12s ease}.sidebar-nav a svg{width:17px;height:17px;flex:none}.sidebar-nav a:hover{background:#ffffff0a;color:var(--text)}.sidebar-nav a.active{background:#22d3ee1f;color:var(--accent-strong)}.sidebar-user{flex:none;border-top:1px solid var(--border);padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar-user-info{display:flex;flex-direction:column;min-width:0;padding-left:.6rem}.sidebar-user-name{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.section-nav-slot{flex:none;width:196px;height:100vh;background:var(--surface-2);border-right:1px solid var(--border);overflow-y:auto}.section-nav-slot:empty{display:none}.section-nav-col{display:flex;flex-direction:column;min-height:100%}.section-nav-col-header{height:var(--chrome-h);flex:none;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--border)}.section-nav-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);text-decoration:none;font-size:.85rem;font-weight:600}.back-link svg{width:15px;height:15px}.back-link:hover{color:var(--text)}.section-nav{flex:1;display:flex;flex-direction:column;gap:.15rem;padding:1rem}.section-nav-link{display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;border-radius:8px;color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:500}.section-nav-link svg{width:16px;height:16px;flex:none}.section-nav-link:hover{background:#ffffff0a;color:var(--text)}.section-nav-link.active{background:#22d3ee1f;color:var(--accent-strong)}.main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh}.page-topbar{height:var(--chrome-h);flex:none;display:flex;border-bottom:1px solid var(--border)}.page-topbar-inner{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--content-max);margin:0 auto;width:100%;padding:0 2.5rem}.page-topbar-title{display:flex;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:700;letter-spacing:-.01em;min-width:0}.page-topbar-actions{display:flex;align-items:center;gap:.6rem;flex:none}.tag-mono{font-family:var(--font-mono);font-size:.75rem;font-weight:400;color:var(--muted);background:#ffffff0a;border:1px solid var(--border);padding:.1rem .5rem;border-radius:6px}.page-content{flex:1;min-height:0;overflow-y:auto;max-width:var(--content-max);margin:0 auto;width:100%;padding:2rem 2.5rem}.page-stack{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:760px){.app-shell{flex-direction:column;height:auto;min-height:100vh}.sidebar{width:100%;height:auto;flex-direction:row;align-items:center}.sidebar-brand{height:auto;border-bottom:none;padding:.75rem 1rem}.sidebar-nav{flex-direction:row;padding:.5rem}.sidebar-nav a span:last-child{display:none}.sidebar-user{border-top:none;padding:.75rem 1rem}.sidebar-user-info{display:none}.section-nav-slot{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border)}.section-nav-col-header{height:auto;padding:.6rem 1rem}.section-nav{flex-direction:row;overflow-x:auto;padding:.5rem 1rem .75rem}.section-nav-link{flex:none}.main{height:auto}.page-topbar{height:auto;min-height:var(--chrome-h)}.page-topbar-inner{flex-wrap:wrap;padding:.85rem 1.25rem}.page-content{overflow-y:visible;padding:1.25rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:8px;padding:.55rem 1rem;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;white-space:nowrap;transition:filter .12s ease,background-color .12s ease,border-color .12s ease}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#ffffff0d}.btn-danger{background:var(--danger);color:#2a0a0c}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:8px;border:none;background:transparent;color:var(--muted);padding:0;cursor:pointer}.icon-btn svg{width:16px;height:16px}.icon-btn:hover:not(:disabled){background:#ffffff0f;color:var(--text)}.icon-btn-danger:hover:not(:disabled){background:#f8717a1f;color:var(--danger)}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.status-dot-ok{background:var(--ok);box-shadow:0 0 0 3px #34d3992e;animation:status-pulse 2.4s ease-in-out infinite}.status-dot-warn{background:var(--warn);box-shadow:0 0 0 3px #f5c4512e}.status-dot-error{background:var(--danger);box-shadow:0 0 0 3px #f8717a2e}.status-dot-off{background:var(--off)}@keyframes status-pulse{0%,to{box-shadow:0 0 0 3px #34d3992e}50%{box-shadow:0 0 0 5px #34d39914}}@media(prefers-reduced-motion:reduce){.status-dot-ok{animation:none}}.empty-state{border:1px dashed var(--border);border-radius:12px;padding:2.5rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.empty-state .btn{margin-top:.6rem}.project-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.project-row{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.15rem;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border);gap:1rem}.project-list li:last-child .project-row{border-bottom:none}.project-row:hover{background:#ffffff08}.project-row-main{display:flex;align-items:center;gap:.65rem;min-width:0}.project-name{font-weight:600}.project-slug{font-family:var(--font-mono);font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:.72rem;padding:.15rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;flex:none}.badge-running{background:#34d39926;color:var(--ok)}.badge-stopped{background:#8b93a126;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.card h2{font-size:1rem}.card p{font-size:.88rem}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.card-header h2{margin-bottom:.3rem}.card-header-text{display:flex;flex-direction:column;gap:.3rem;min-width:0}.card-header>.card-header-text{flex:1 1 260px}.card-danger{border-color:#f8717a4d}.card-danger h2{color:#ffb3b8}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-grid dt{font-size:.78rem;color:var(--muted);margin-bottom:.25rem}.stat-grid dd{font-weight:600;font-size:.95rem}.text-warn{color:var(--warn)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:0 .75rem .6rem;border-bottom:1px solid var(--border)}.data-table td{padding:.65rem .75rem;border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:none}.data-table .col-actions{width:1%;text-align:right}.mono{font-family:var(--font-mono);font-size:.85em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060aa6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;animation:modal-fade .12s ease}.modal-panel{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px -20px #0009;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);overflow:hidden;animation:modal-pop .14s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem .9rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.05rem}.modal-body{padding:1.1rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem}.modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}.modal-form{display:flex;flex-direction:column;gap:.9rem}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-panel{animation:none}}.code-editor{font-family:var(--font-mono);font-size:.85rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.75rem;resize:vertical;-moz-tab-size:2;tab-size:2;width:100%}.actions-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;min-width:0}.log-view{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1rem;font-family:var(--font-mono);font-size:.8rem;overflow-x:auto;max-height:360px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.log-view-live{max-height:480px}.log-view-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.log-live-indicator{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:var(--muted)}.secret-reveal{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem}.secret-reveal-value{flex:1;min-width:0;font-family:var(--font-mono);font-size:.85rem;overflow-x:auto;white-space:nowrap}