:root{color:#e7eef9;font-synthesis:none;background:#0b1220;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#e7eef9;background:#0b1220;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}code{color:#b6d5ff}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:#0e1728;border-right:1px solid #1f2b40;flex-direction:column;padding:22px 14px;display:flex}.brand{align-items:center;gap:10px;margin:0 8px 32px;font-size:18px;font-weight:800;display:flex}.nav-item{color:#c8d5e9;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;margin:2px 0;padding:11px 12px;display:flex}.nav-item:hover{color:#fff;background:#18253a}.sidebar-bottom{color:#91a2bb;margin-top:auto}.main-content{width:100%;max-width:1700px;margin:auto;padding:34px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:28px}.page-header p{color:#91a2bb;margin:8px 0 0}.header-actions,.actions{flex-wrap:wrap;gap:10px;display:flex}.primary,.secondary{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#5c8dff}.primary:hover{background:#4d7eea}.secondary{color:#d8e6fa;background:#1b2b43}.secondary:hover{background:#253a59}.small{padding:7px 10px;font-size:12px}.muted{color:#91a2bb}.back{color:#9ebcf9;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:18px;padding:0;display:flex}.alert{border-radius:8px;margin:0 0 18px;padding:12px 14px}.alert.error{color:#ffd8dc;background:#4a1820;border:1px solid #82303c}.alert.success{color:#d7ffe8;background:#153d2a;border:1px solid #28704a}.notice{color:#d7e8ff;background:#132947;border:1px solid #2c5c93;border-radius:8px;align-items:center;gap:8px;margin-bottom:18px;padding:12px;display:flex}.empty{text-align:center;background:#0e1829;border:1px dashed #345078;border-radius:14px;padding:70px 22px}.empty h2{margin:16px 0 8px}.empty p{color:#91a2bb;max-width:560px;margin:0 auto 22px}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.project-card{color:inherit;background:#101b2d;border:1px solid #243752;border-radius:12px;padding:18px;text-decoration:none;transition:all .2s;display:block}.project-card:hover{border-color:#5c8dff;transform:translateY(-2px)}.card-top{justify-content:space-between;gap:8px;margin-bottom:16px;display:flex}.meta{color:#a9bad2;align-items:center;gap:8px;margin:8px 0;font-size:14px;display:flex}.project-card small{color:#77a7ff;margin-top:16px;display:block}.badge{background:#34435b;border-radius:99px;padding:4px 8px;font-size:12px}.badge.success{color:#c5ffdd;background:#1b5b3a}.form-grid{background:#101b2d;border:1px solid #243752;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px;display:grid}.form-grid label,.login-card label,.agent-panel label{color:#d9e5f7;flex-direction:column;gap:7px;font-weight:650;display:flex}.form-grid input,.login-card input,.agent-panel input,.form-grid textarea,.agent-panel textarea{color:#edf4ff;background:#0a1322;border:1px solid #314661;border-radius:8px;outline:none;width:100%;padding:10px 11px}.form-grid textarea,.agent-panel textarea{resize:vertical;min-height:150px}.form-grid input:focus,.login-card input:focus,.agent-panel input:focus,.form-grid textarea:focus,.agent-panel textarea:focus{border-color:#5c8dff}.form-grid small,.agent-panel small{color:#91a2bb;font-weight:400;line-height:1.35}.full{grid-column:1/-1}.checkbox{align-items:center;flex-direction:row!important;gap:10px!important}.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.env-fields{border:1px solid #314661;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.env-fields legend{color:#b6d5ff;padding:0 8px;font-weight:800}.env-fields .checkbox{grid-column:1/-1}.panel{background:#101b2d;border:1px solid #243752;border-radius:12px;margin:18px 0;padding:18px}.panel-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.panel h2,.panel h3{align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.panel-title p{color:#91a2bb;margin:7px 0 0}.split-environments{grid-template-columns:1fr 1fr;gap:18px;display:grid}.environment-panel{margin:0}.environment-panel.staging{border-top:4px solid #668dff}.environment-panel.production{border-top:4px solid #4bc67a}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.status-grid>div{background:#0c1625;border:1px solid #243752;border-radius:10px;min-width:0;padding:14px}.status-grid span{color:#91a2bb;font-size:12px;display:block}.status-grid strong,.status-grid a{overflow-wrap:anywhere;color:#dbe9ff;margin-top:8px;display:block}.status-grid a{align-items:center;gap:6px;text-decoration:none;display:flex}.release-list{margin-top:20px}.release-list h3{margin-bottom:10px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #22344e;padding:11px;font-size:14px}th{color:#98aac5;font-weight:650}.two-col{grid-template-columns:1fr 1.2fr;gap:18px;display:grid}.timeline{flex-direction:column;gap:8px;display:flex}.run{color:#dce8f9;text-align:left;background:#0c1625;border:1px solid #253853;border-radius:8px;align-items:flex-start;gap:10px;width:100%;padding:10px;display:flex}.run.selected{background:#12223b;border-color:#5c8dff}.run small{color:#9aaac2;margin-top:4px;display:block}.dot{background:#8b9aaa;border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.dot.succeeded,.dot.rolled_back{background:#52d185}.dot.failed{background:#f26d7d}.dot.running,.dot.queued{background:#f5b94c}.logs{color:#d5e3f7;white-space:pre-wrap;background:#08101c;border:1px solid #22334d;border-radius:8px;max-height:480px;padding:14px;font-size:12px;line-height:1.55;overflow:auto}.download-link{color:#a9d1ff;align-items:center;gap:5px;margin-left:auto;text-decoration:none;display:flex}.safety-panel{border-left:4px solid #5c8dff}.login-page,.center-screen{place-items:center;min-height:100vh;padding:22px;display:grid}.login-card{background:#101b2d;border:1px solid #283d5b;border-radius:16px;flex-direction:column;gap:16px;width:min(420px,100%);padding:28px;display:flex}.login-card h1{margin:0}.login-card p{color:#9badc6;margin:0;line-height:1.45}.login-logo{color:#9fc2ff;background:#183861;border-radius:14px;place-items:center;width:55px;height:55px;display:grid}.agent-panel{flex-direction:column;gap:14px;max-width:900px;display:flex}.resolved-files pre{background:#08101c;border:1px solid #22334d;border-radius:8px;max-height:260px;padding:10px;overflow:auto}@media (width<=1100px){.split-environments,.environment-grid,.env-fields{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:20px}.form-grid,.two-col,.status-grid{grid-template-columns:1fr}.page-header{flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1}}.form-grid select,.login-card select,.agent-panel select{color:#edf4ff;background:#0a1322;border:1px solid #314661;border-radius:8px;outline:none;width:100%;padding:10px 11px}.automation-panel{background:#102039;border-color:#355b92;margin:0}.automation-panel>.form-grid{background:0 0;border:0;padding:16px 0 0}.setup-steps{gap:14px;margin-top:18px;display:grid}.setup-step{background:#0c1728;border:1px solid #2a3f5e;border-radius:10px;padding:15px}.setup-step-heading{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.setup-step-heading h3{margin:0 0 4px}.setup-step-heading p{margin:0}.step-number{color:#fff;background:#315eaa;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.setup-step .logs{max-height:260px}.deployment-steps{gap:7px;margin:0 0 14px;padding:0;list-style:none;display:grid}.deployment-step{color:#aab8cc;background:#0b1524;border:1px solid #263a56;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.deployment-step b,.deployment-step small{display:block}.deployment-step small{color:#7f91aa;margin-top:3px}.deployment-step.complete{color:#c8f8d9;border-color:#235a40}.deployment-step.failed{color:#ffd3d8;border-color:#7f303c}.deployment-step.running{color:#ffe4a5;border-color:#7b6128}.step-icon{display:flex}.step-state{text-transform:uppercase;letter-spacing:.04em;font-size:11px}.command-log summary{cursor:pointer;color:#a9c8ff;margin-bottom:10px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.setup-guide-panel{background:#0f1d32;border-color:#3a5f95}.setup-guide-title{align-items:center}.setup-guide-title p{max-width:900px}.setup-step-heading h3{align-items:center;gap:7px;display:flex}.setup-command{margin-top:10px;position:relative}.setup-command pre{color:#dbe8f8;white-space:pre;background:#07101d;border:1px solid #273d5c;border-radius:9px;margin:0;padding:46px 14px 14px;font-size:12px;line-height:1.6;overflow:auto}.copy-command{z-index:1;position:absolute;top:8px;right:8px}.setup-instruction{color:#cbdaf0;background:#11233c;border-left:3px solid #5c8dff;border-radius:6px;margin-top:12px;padding:12px;line-height:1.5}.setup-value{background:#0a1524;border:1px solid #2a405f;border-radius:8px;flex-direction:column;gap:6px;padding:11px 12px;display:flex}.setup-value span,.setup-value-grid span{color:#91a2bb;font-size:12px}.setup-value code{overflow-wrap:anywhere}.setup-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.setup-value-grid>div{background:#0a1524;border:1px solid #2a405f;border-radius:8px;flex-direction:column;gap:6px;padding:11px 12px;display:flex}.setup-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.setup-checklist>span{color:#d6f7e3;background:#0d251a;border:1px solid #28563f;border-radius:8px;align-items:center;gap:7px;padding:10px 11px;display:flex}.final-setup-step{border-color:#2f6449}.later-deployment-note{color:#ffe6a8;background:#271f0c;border:1px solid #5e5126;border-radius:9px;padding:14px;line-height:1.55}@media (width<=900px){.setup-value-grid,.setup-checklist{grid-template-columns:1fr}.setup-guide-title{align-items:flex-start}.setup-command pre{font-size:11px}}.agent-connected{color:#dcffea;background:#102d20;border-color:#2f7652}.folder-picker-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.connected-folder{background:#0a1322;border:1px solid #314661;border-radius:8px;flex-direction:column;gap:7px;min-width:0;padding:12px;display:flex}.connected-folder span{color:#91a2bb;font-size:12px}.connected-folder strong{overflow-wrap:anywhere;color:#edf4ff}.repository-connection-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.repository-connection-card>div{color:#d6f7e3;background:#0d251a;border:1px solid #28563f;border-radius:9px;align-items:flex-start;gap:9px;min-width:0;padding:12px;display:flex}.repository-connection-card span{flex-direction:column;gap:4px;min-width:0;display:flex}.repository-connection-card small{overflow-wrap:anywhere;color:#9ccab0}.danger-outline{color:#ffd8dc;border:1px solid #7b3541}.danger-outline:hover{background:#4a1820}@media (width<=900px){.folder-picker-row,.repository-connection-card{grid-template-columns:1fr}.folder-picker-row button{width:100%}}
