:root{color-scheme:dark;--background:#08111f;--background-soft:rgba(12,24,44,.82);--panel:rgba(8,19,36,.84);--panel-strong:rgba(13,28,52,.94);--border:rgba(130,172,227,.22);--border-strong:rgba(154,203,255,.38);--text:#eff7ff;--muted:#a4b8d5;--accent:#56d4ff;--accent-strong:#71f0c5;--danger:#ff8a8a;--shadow:0 30px 80px rgba(0,0,0,.28);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--font-sans:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"SFMono-Regular","Menlo","Consolas",monospace}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(78,211,255,.18),transparent 24%),radial-gradient(circle at top right,rgba(64,255,180,.16),transparent 18%),linear-gradient(145deg,#06101d,#091524 50%,#07111d);color:var(--text);font-family:var(--font-sans)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 92%)}a{color:inherit;text-decoration:none}button{font:inherit}.auth-button,.ghost-button{border-radius:999px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,opacity .18s ease}.ghost-button{padding:8px 12px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.05);color:var(--text);font-size:.82rem}.ghost-button:hover{transform:translateY(-1px);border-color:hsla(0,0%,100%,.22)}.page-shell{max-width:1320px;margin:0 auto;padding:30px 16px 44px}.hero{margin-bottom:20px;padding:22px 24px;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(7,20,40,.94),rgba(7,16,31,.72));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.eyebrow{margin:0;color:var(--accent-strong);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:0;max-width:820px;font-size:clamp(1.45rem,3.2vw,2.8rem);line-height:1.08}.hero-copy{margin:12px 0 0;max-width:700px;color:var(--muted);font-size:.92rem;line-height:1.55}.hero-copy code{padding:2px 6px;border-radius:999px;background:hsla(0,0%,100%,.06);color:var(--text)}.dashboard-grid{display:grid;grid-template-columns:minmax(250px,360px) minmax(0,1fr);grid-gap:18px;gap:18px}.logs-panel,.service-panel{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.service-panel{padding:18px}.panel-title{margin:0;font-size:1.1rem}.panel-copy{margin:8px 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}.service-list{margin:18px 0 0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.service-card{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(11,26,45,.84);transition:transform .18s ease,border-color .18s ease,background .18s ease}.service-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.service-card.active{border-color:rgba(86,212,255,.62);background:linear-gradient(135deg,rgba(11,31,52,.98),rgba(10,25,44,.84))}.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-card-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1}.service-index{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:rgba(86,212,255,.12);color:var(--accent);font-weight:700;font-size:.95rem}.service-card h3{margin:0;font-size:.8rem;line-height:1.25;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-button{min-width:96px;padding:8px 12px;border:1px solid rgba(86,212,255,.28);border-radius:999px;background:linear-gradient(135deg,rgba(86,212,255,.14),rgba(113,240,197,.18));color:var(--text);font-size:.84rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,opacity .18s ease}.view-button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(86,212,255,.52)}.view-button:disabled{cursor:wait;opacity:.75}.button-stack{display:flex;align-items:center;min-width:102px;flex-shrink:0}.follow-button,.stop-button{min-width:118px;padding:12px 16px;border-radius:999px;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,opacity .18s ease}.follow-button{border:1px solid rgba(113,240,197,.26);background:linear-gradient(135deg,rgba(113,240,197,.12),rgba(86,212,255,.12))}.stop-button{border:1px solid hsla(0,100%,77%,.22);background:linear-gradient(135deg,hsla(0,100%,77%,.12),rgba(255,191,114,.12))}.follow-button:hover:not(:disabled),.stop-button:hover:not(:disabled){transform:translateY(-1px)}.follow-button:hover:not(:disabled){border-color:rgba(113,240,197,.46)}.stop-button:hover:not(:disabled){border-color:hsla(0,100%,77%,.42)}.follow-button:disabled,.stop-button:disabled{cursor:wait;opacity:.75}.logs-panel{padding:18px}.logs-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.logs-header h2{margin:0;font-size:1.2rem}.logs-header p{margin:6px 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}.status-chip{padding:7px 10px;border-radius:999px;background:rgba(113,240,197,.12);border:1px solid rgba(113,240,197,.22);color:var(--accent-strong);font-size:.76rem;white-space:nowrap}.status-chip.error{color:var(--danger);background:hsla(0,100%,77%,.1);border-color:hsla(0,100%,77%,.18)}.logs-meta{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.8rem}.logs-meta code{padding:3px 7px;border-radius:999px;background:hsla(0,0%,100%,.06);color:var(--text)}.log-stream{min-height:460px;margin:0;padding:16px;overflow:auto;border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-lg);background:linear-gradient(180deg,hsla(0,0%,100%,.02),transparent 16%),rgba(4,10,20,.96);color:#b5ffde;font-family:var(--font-mono);font-size:.84rem;line-height:1.55;white-space:pre-wrap}.empty-state{display:grid;place-items:center;min-height:460px;padding:18px;border:1px dashed hsla(0,0%,100%,.12);border-radius:var(--radius-lg);color:var(--muted);text-align:center}.helper-note{margin-top:12px;color:var(--muted);font-size:.82rem;line-height:1.45}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,420px);padding:26px;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(7,20,40,.94),rgba(7,16,31,.78));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-title{margin:0;font-size:1.6rem;line-height:1.1}.auth-copy{margin:10px 0 0;color:var(--muted);font-size:.92rem;line-height:1.5}.auth-form{margin-top:18px;display:grid;grid-gap:10px;gap:10px}.auth-label{font-size:.82rem;color:var(--muted)}.auth-input{width:100%;padding:11px 12px;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;background:hsla(0,0%,100%,.04);color:var(--text);outline:none}.auth-input:focus{border-color:rgba(86,212,255,.52)}.auth-button{margin-top:6px;padding:10px 14px;border:1px solid rgba(86,212,255,.28);background:linear-gradient(135deg,rgba(86,212,255,.14),rgba(113,240,197,.18));color:var(--text)}.auth-button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(86,212,255,.52)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-error{margin:14px 0 0;color:var(--danger);font-size:.85rem;line-height:1.45}@media (max-width:980px){.dashboard-grid{grid-template-columns:1fr}.empty-state,.log-stream{min-height:420px}}@media (max-width:640px){.page-shell{padding:26px 14px 44px}.hero,.logs-panel,.service-panel{padding:18px}.hero-top,.logs-header,.service-card-top{flex-direction:column;align-items:stretch}.follow-button,.stop-button,.view-button{width:100%}}