:root{color-scheme:dark;--bg:#090b10;--surface:#11151d;--surface-2:#171c26;--border:#262e3b;--text:#f4f7fb;--muted:#8e99aa;--accent:#75e0a7;--accent-dark:#0b3824;--danger:#ff7272;--warning:#f9c74f}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;background:radial-gradient(circle at 80% -20%,#182736 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}code,pre{font-family:"Cascadia Code",Consolas,monospace}
.topbar{height:68px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(9,11,16,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--accent);color:#07130d;border-radius:9px}.nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:14px}.nav a:hover,.link-button:hover{color:var(--text)}.nav form{margin:0}.link-button{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:0}
.page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:54px 0 80px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:30px}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.05;margin:7px 0 10px}h2{letter-spacing:-.025em}.muted{color:var(--muted);margin:0;line-height:1.6}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.button{border:1px solid var(--border);border-radius:10px;padding:11px 16px;display:inline-flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;cursor:pointer;background:var(--surface-2);color:var(--text)}.button:hover{filter:brightness(1.13)}.button.primary{background:var(--accent);color:#07130d;border-color:var(--accent)}.button.secondary{background:var(--surface-2)}.button.danger{color:var(--danger);border-color:#563133;background:#211417}.button.wide{width:100%;margin-top:10px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{background:linear-gradient(145deg,var(--surface),#0e1219);border:1px solid var(--border);border-radius:16px;padding:22px;min-height:230px;transition:transform .18s ease,border-color .18s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-3px);border-color:#425065}.project-card h2{margin:24px 0 7px}.project-card p{color:var(--muted);margin:0;flex:1}.project-top,.title-row,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.project-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#232c39;color:var(--accent);font-weight:800}.project-avatar.large{width:54px;height:54px;border-radius:14px;font-size:20px;flex:0 0 auto}.title-row{justify-content:flex-start}.title-row h1{margin-bottom:3px}.status{font-size:12px;padding:6px 9px;border-radius:999px;white-space:nowrap}.status.active{background:var(--accent-dark);color:var(--accent)}.status.paused{background:#322a16;color:var(--warning)}.project-meta{display:flex;flex-direction:column;gap:5px;color:#697586;font-size:12px;border-top:1px solid var(--border);margin-top:20px;padding-top:15px}
.panel{background:rgba(17,21,29,.92);border:1px solid var(--border);border-radius:16px;padding:28px}.panel.compact{padding:14px}.narrow{width:min(760px,100%);margin:0 auto}.back-link{display:inline-block;color:var(--muted);margin-bottom:22px}.back-link:hover{color:var(--text)}.form-stack{display:flex;flex-direction:column;gap:9px;margin-top:26px}label{color:#c5cbd5;font-size:13px;font-weight:700;margin-top:8px}input,textarea,select{width:100%;background:#0c1016;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px 13px;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(117,224,167,.1)}textarea{resize:vertical}.validation{color:var(--danger);font-size:13px}.validation:empty{display:none}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.actions form{margin:0}
.auth-shell{display:grid;place-items:center;min-height:calc(100vh - 190px)}.auth-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.auth-card h1{font-size:38px}.empty-state,.empty-logs{text-align:center;padding:70px 24px;border:1px dashed #303947;border-radius:16px}.empty-icon{font-size:52px;color:var(--accent)}.empty-state .button{margin-top:22px}.success-banner{color:var(--accent);background:var(--accent-dark);border:1px solid #1e6042;border-radius:12px;padding:14px 17px;margin-bottom:16px}
.secret-box,.code-box{position:relative;background:#080b0f;border:1px solid var(--border);border-radius:11px;margin:9px 0 18px;overflow:auto}.secret-box code{display:block;padding:16px 120px 16px 16px;word-break:break-all;color:#cbd5e1;font-size:12px}.copy-button{position:absolute;right:8px;top:8px;color:var(--accent);background:#17251e;border:1px solid #29553d;border-radius:7px;padding:7px 9px;cursor:pointer}.code-box pre{margin:0;padding:18px;color:#bfccd9;font-size:12px;line-height:1.65;white-space:pre-wrap}.notice{color:#b3bdca;background:#171d26;border-left:3px solid var(--warning);padding:12px 14px;border-radius:5px;margin:18px 0 28px;line-height:1.55;font-size:13px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.toolbar .actions{margin:0}.filter-form{display:grid;grid-template-columns:145px minmax(180px,280px) auto;gap:8px}.log-panel{padding:0;overflow:hidden}.section-head{padding:22px 24px;border-bottom:1px solid var(--border)}.section-head h2{margin:5px 0 0}.count{font-size:13px;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:3px 7px;vertical-align:middle}.log-list{max-height:650px;overflow:auto}.log-row{border-bottom:1px solid var(--border)}.log-row:last-child{border:0}.log-row summary{list-style:none;display:grid;grid-template-columns:90px 155px minmax(220px,1fr) 180px;gap:14px;align-items:center;padding:14px 24px;cursor:pointer;font-size:13px}.log-row summary:hover{background:var(--surface-2)}.log-row summary::-webkit-details-marker{display:none}.log-row time,.log-source{color:var(--muted)}.log-source{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level{width:max-content;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 7px;border-radius:5px;color:#b9c4d2;background:#27303b}.level-error,.level-critical{color:#ff9b9b;background:#3b191d}.level-warning{color:#ffe08a;background:#382f17}.level-information{color:#8ecbff;background:#152d42}.level-debug,.level-trace{color:#b9afca;background:#282331}.log-details{padding:4px 24px 20px 128px;color:#bdc6d2;font-size:13px;line-height:1.7}.log-details pre{background:#080b0f;border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto;white-space:pre-wrap}
.settings-list{display:grid;gap:1px;margin:16px 0 26px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.settings-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;background:var(--surface-2)}.settings-list span{color:var(--muted)}.settings-list code{color:var(--accent)}
.check-row{display:flex;align-items:center;gap:10px;margin:12px 0;cursor:pointer}.check-row input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent)}.credential-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:15px;background:var(--surface-2);border:1px solid #29553d;border-radius:10px}.credential-status>div{display:flex;flex-direction:column;gap:5px}.credential-status strong{color:var(--accent)}.credential-status span{color:var(--muted);font-family:"Cascadia Code",Consolas,monospace}.secret-editor{margin-top:14px}.secret-editor .button{margin-top:10px}.is-hidden{display:none!important}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{align-items:stretch;flex-direction:column}.log-row summary{grid-template-columns:80px 135px 1fr}.log-source{display:none}}
@media(max-width:620px){.page{width:min(100% - 28px,1180px);padding-top:32px}.topbar{padding:0 14px}.nav{gap:13px}.project-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.filter-form{grid-template-columns:1fr}.log-row summary{grid-template-columns:72px 1fr}.log-row strong{grid-column:1/-1}.log-details{padding-left:24px}.panel{padding:20px}}