:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9e9e9;background:#171819;font-synthesis:none;font-size:13px;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #47d49a;outline-offset:3px}button{color:inherit}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.25;letter-spacing:-1px;font-weight:600}h2{font-size:19px;letter-spacing:-.4px;font-weight:550}h3{font-size:13px;font-weight:550}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}input,textarea{background:#151617;border:1px solid #363839;border-radius:6px;color:#eee;padding:10px 12px;width:100%;margin-top:7px}input::placeholder{color:#6f7376}textarea{resize:vertical;font-family:monospace;font-size:11px}.app{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:#131415;border-right:1px solid #2a2c2d;display:flex;flex-direction:column;padding:28px 14px 16px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:550;padding:0 9px 38px;white-space:nowrap}.brand-mark{color:#4bd49b;display:flex}.version{font-size:8px;letter-spacing:1px;font-weight:500;color:#84898a;border:1px solid #353838;border-radius:4px;padding:2px 4px;margin-left:auto}.sidebar-heading{font-size:9px;letter-spacing:1.2px;color:#73797b;padding:0 11px 12px;display:flex;justify-content:space-between}.sidebar-heading span{letter-spacing:0;font-size:10px;color:#a1a6a5}nav{display:grid;gap:4px;overflow:auto}.project-link{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:6px;background:none;padding:10px;color:#999f9e;text-align:left;width:100%}.project-link>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.project-link svg{color:#78817d}.project-link.selected{background:#232725;border-color:#313b35;color:#e6f2ec}.project-link.selected svg{color:#75cfa2}.project-link:hover{background:#202322}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#707577}.status-dot.running{background:#4ad399;box-shadow:0 0 6px #4ad39925}.status-dot.starting,.status-dot.stopping,.status-dot.updating{background:#ddbc6b}.status-dot.error{background:#ee8585}.new-project{display:flex;gap:10px;align-items:center;margin:7px 0;background:none;border:0;padding:10px 11px;color:#9da4a1;text-align:left;font-size:12px}.new-project:hover{color:#54d9a1}.sidebar-bottom{margin-top:auto;padding:40px 11px 0}.local-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#acb6b0}.sidebar-bottom p{color:#606765;font-size:10px;margin-top:20px}.login-option{display:flex;gap:7px;align-items:center;color:#7f8984;font-size:10px;margin-top:16px}.login-option input{width:12px;margin:0;accent-color:#4bd49b}main{margin-left:220px;min-width:0;width:calc(100% - 220px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:64px;flex-shrink:0;border-bottom:1px solid #292c2c;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#7e8582;font-size:11px}.topbar>div{display:flex;gap:11px;align-items:center}.topbar strong{color:#b7bebb;font-weight:400}.machine{display:flex;align-items:center;gap:7px;font-size:10px;color:#909995}.machine span{height:6px;width:6px;border-radius:50%;background:#527c63}.content{padding:40px 38px;flex:1;max-width:1100px;width:100%;margin:0 auto}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{color:#8a9690;font-size:9px;letter-spacing:1.5px;font-weight:500;margin-bottom:9px}.project-meta{display:flex;align-items:center;gap:13px;margin-top:13px;color:#7f8a84;font-size:10px}.status-pill{display:inline-flex;align-items:center;gap:6px;text-transform:capitalize;border:1px solid #343936;border-radius:5px;padding:3px 7px;color:#a9b1ad}.status-pill.running{color:#73d5a4;border-color:#304c3b;background:#1c2a23}.heading-actions{display:flex;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border-radius:6px;padding:8px 12px;border:1px solid transparent;font-size:11px;font-weight:500;line-height:1.5;transition:background .15s}.primary{background:#43ce91;color:#092f1d;border-color:#62dda5;box-shadow:0 1px 2px #0003}.primary:hover:not(:disabled){background:#5cdda4}.secondary{background:#242727;border-color:#383e3b;color:#c5ccc8}.secondary:hover:not(:disabled){background:#303632}.quiet{background:none;border:0;color:#9ba9a0;padding:0}.danger{color:#ed9797;border-color:#5e3838;background:#312222}.tabs{display:flex;gap:25px;border-bottom:1px solid #303432;margin-bottom:28px}.tabs button{border:0;border-bottom:2px solid transparent;display:flex;gap:7px;align-items:center;background:none;font-size:11px;color:#8e9892;padding:0 1px 12px}.tabs button.active{color:#e1e9e4;border-bottom-color:#55ca94}.section-title{margin-bottom:21px}.section-title h2{font-size:18px}.section-title p{color:#939c97;font-size:11px;margin-top:5px}.card{background:#1c1e1e;border:1px solid #323635;border-radius:8px;padding:22px 24px;margin-bottom:17px}.card-heading{display:flex;align-items:center;gap:11px;margin-bottom:21px}.card-heading p{font-size:10px;color:#89948d;margin-top:3px}.glyph{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#25342b;border:1px solid #344b3d;color:#77d5a3}.glyph.small{width:33px;height:33px;background:#252c28;color:#a8bdb0;border:1px solid #3a463f;border-radius:7px}.field-label{font-size:10px;color:#b6c0b9;margin-bottom:7px}.copy-field+.copy-field{margin-top:18px}.copy-value{display:flex;align-items:center;gap:6px;background:#171919;border:1px solid #343a36;border-radius:5px;padding:8px 10px;min-height:37px}.copy-value code{color:#b5c5bb;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon-button{background:none;border:0;color:#899b8f;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:3px;border-radius:3px}.icon-button:hover{color:#dcf6e7;background:#39443b}.hint{font-size:10px;line-height:1.6;color:#849189;margin-top:7px}.credentials{margin-top:15px}.database-preview{display:flex;justify-content:space-between;align-items:center}.database-preview code{color:#adc0b3}.bottom-note{display:flex;align-items:center;gap:8px;color:#77857d;font-size:10px;margin-top:21px}.bottom-note .status-dot{width:4px;height:4px}.origin-list{display:grid;gap:7px;color:#adc0b3}.card .origin-list{margin-bottom:15px}.card>.field-label{margin-top:18px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.danger-zone p{color:#8d9690;font-size:10px;margin-top:5px}footer{height:43px;border-top:1px solid #292e2b;display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:9px;color:#79857d}.muted{color:#535f57;margin-left:5px}.empty{display:flex;align-items:center;flex-direction:column;text-align:center;max-width:500px;margin:80px auto}.empty-glyph{width:86px;height:86px;background:radial-gradient(ellipse at 50% 0%,#2a4937,#1d2821);border:1px solid #395240;border-radius:23px;display:flex;align-items:center;justify-content:center;color:#6bdba2;margin-bottom:29px;box-shadow:0 15px 65px #124a2c20}.empty h1{font-size:29px;margin-top:2px}.empty p{font-size:12px;line-height:1.8;color:#94a097;margin:16px 0 25px}.empty .button{padding:10px 15px}.empty-footnote{display:flex;gap:6px;align-items:center;font-size:10px;color:#687b6d;margin-top:21px}.scrim{position:fixed;inset:0;background:#000a;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:10}.modal{background:#1e2220;border:1px solid #3a463e;border-radius:13px;padding:28px;width:440px;max-height:95vh;overflow:auto;box-shadow:0 25px 90px #0008}.modal.compact{width:440px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.subtitle{font-size:12px;color:#96a39a;margin-top:7px;margin-bottom:24px}.modal label{display:block;font-size:11px;color:#c2cec6;margin-top:16px}.input-action{display:flex;position:relative;align-items:center}.input-action input{padding-right:80px}.input-action button{position:absolute;right:8px;top:17px;color:#7ad9a4;background:none;border:0;font-size:10px}.modal .checkbox{display:flex;align-items:center;gap:8px;font-size:10px;color:#a7b6ac;margin-top:20px}.checkbox input{width:13px;margin:0;accent-color:#4bd49b}details{border-top:1px solid #343d36;margin-top:22px;padding-top:14px}summary{font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#a5b9ac}details[open] summary svg{transform:rotate(90deg)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:26px}.error{padding:11px 13px;background:#372526;border:1px solid #5d383b;color:#f0b2b2;border-radius:6px;font-size:11px;margin:14px 0;overflow-wrap:anywhere}.notice{display:flex;justify-content:space-between;gap:10px;background:#29332b;border:1px solid #405644;color:#c1d8c5;border-radius:6px;padding:10px 13px;margin-bottom:20px;font-size:11px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.sidebar{width:190px}main{margin-left:190px;width:calc(100% - 190px)}.brand{font-size:12px;gap:6px}.version{display:none}.content{padding:30px 24px}.project-heading{align-items:flex-start;flex-direction:column;gap:18px}.heading-actions{align-self:flex-start}.machine{display:none}footer{padding:0 24px}footer>span:last-child{max-width:220px;text-align:right}}fieldset{border:0;padding:0;margin:0;min-width:0}select{width:100%;padding:9px 11px;border-radius:6px;border:1px solid #31343b;background:#17191d;color:inherit;font:inherit}.callback-url{overflow-wrap:anywhere;user-select:all}.activity-modal{width:min(720px,100%);max-height:90vh}.monitoring-url{margin:12px 0;overflow-wrap:anywhere}.activity-list{list-style:none;margin:16px 0;padding:0}.activity-list li{border-top:1px solid #363839;padding:12px 0;display:grid;gap:5px}.activity-list time,.activity-list span{color:#aaa;font-size:12px}.activity-list a{color:#47d49a}