:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ddebfc;background:#040b15;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:#5cdaff}.app{display:flex;min-height:100vh;background:radial-gradient(ellipse at 68% 0%,#112d46,#061325 36%,#040a16 75%)}.sidebar{width:258px;flex-shrink:0;background:#061323e8;border-right:1px solid #1b3b53;display:flex;flex-direction:column;padding:27px 16px;min-height:100vh}.brand{display:flex;align-items:center;gap:13px;margin:4px 0 43px}.brand-logo{height:44px;width:44px;border:1px solid #298baa;border-radius:50%;display:grid;place-items:center;color:#64e2ff;box-shadow:0 0 25px #16bfe844,inset 0 0 20px #20b0e833}.brand strong{font-size:20px;letter-spacing:1.4px;display:block;color:#ebfaff}.brand strong span{color:#4ad6fa}.brand small{font-size:8px;letter-spacing:1.3px;color:#789cb8}.aside-label,.kicker{font-size:10px;letter-spacing:2px;color:#6493b2}.aside-label{margin:0 10px 15px}.aside-project-label{margin-top:33px}.sidebar nav,.project-nav{display:flex;flex-direction:column;gap:5px}.nav,.project-link{width:100%;border:1px solid transparent;border-radius:10px;text-align:left;display:flex;align-items:center;gap:12px;background:transparent;color:#91b2ca;padding:12px 11px;font-size:13px}.nav:hover,.project-link:hover{background:#102d45}.nav-active,.project-active{background:#0c3047;border-color:#1e6384;color:#6fe6ff}.nav b{margin-left:auto;background:#1e9fb8;color:#03131f;border-radius:50%;padding:2px 6px}.project-link{font-size:12px;padding:10px}.project-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom{margin-top:auto;font-size:11px;color:#83adc4;border-top:1px solid #1c3e55;padding:20px 4px 0;display:flex;align-items:center;gap:7px}.sidebar-bottom span{margin-left:auto;color:#47d3f2}.content{flex:1;min-width:0;max-width:1450px;margin:0 auto;padding:34px clamp(16px,3.4vw,54px)}.topbar,.topright,.workspace-title,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar h1{font-weight:650;letter-spacing:-1.2px;font-size:34px;margin:9px 0 5px}.topbar h1 span{color:#5cdefb}.topbar p,.workspace-title p{color:#8eaac0;font-size:13px;margin:0}.topright{border:1px solid #2b5368;border-radius:12px;padding:10px 14px;justify-content:flex-start;min-width:190px}.topright b,.topright small{display:block;font-size:11px}.topright small{font-size:10px;color:#779bb3;margin-top:4px;max-width:220px;overflow-wrap:anywhere}.signal{display:block;width:8px;height:8px;border-radius:100%;flex-shrink:0}.online{background:#29dbbe;box-shadow:0 0 15px #29dbbe}.offline{background:#e9b66f}.hero{position:relative;display:flex;min-height:265px;align-items:center;gap:55px;border:1px solid #1c4562;background:radial-gradient(circle at 26% 50%,#123a57,#0a2339 39%,#081729 75%);border-radius:20px;margin:27px 0 30px;padding:18px 47px;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 23px,#63d3ff05 24px);pointer-events:none}.orb{width:235px;height:235px;display:grid;place-items:center;position:relative;flex-shrink:0}.orbit{position:absolute;border-radius:100%;border:1px solid #51cfff;box-shadow:0 0 25px #0abefa33,inset 0 0 22px #0abefa20}.orbit-one{width:230px;height:230px;opacity:.6;border-style:dashed;animation:spin 42s linear infinite}.orbit-two{width:177px;height:177px;border-width:3px;border-top-color:transparent;border-right-color:transparent;animation:spin 17s linear infinite}.orbit-three{width:129px;height:129px;border-color:#8aeeff55;box-shadow:0 0 40px #24c8ff22}.orb-core{display:grid;place-items:center;width:83px;height:83px;border-radius:50%;color:#e1fbff;font-size:57px;font-weight:200;border:1px solid #96eeff;background:#0b344b;box-shadow:0 0 38px #28d7ff66;text-shadow:0 0 25px #54eeff}@keyframes spin{to{transform:rotate(360deg)}}.hero-copy{position:relative;max-width:530px}.hero-copy>span{color:#53d9fc;letter-spacing:2px;font-size:10px}.hero-copy h2{font-size:27px;line-height:1.2;margin:13px 0}.hero-copy p{color:#a1bdcf;font-size:13px;line-height:1.65}.hero-copy button,.inline-form button,.stacked-form button{display:inline-flex;align-items:center;gap:9px;background:#31b8dd;border:1px solid #7be0fa;color:#032131;border-radius:8px;font-size:12px;font-weight:700;padding:11px 16px;margin-top:9px}.workspace-title{margin:24px 0 15px}.workspace-title h2{font-size:23px;margin:6px 0 4px}.refresh,.secondary-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#0d2940;border:1px solid #265672;color:#c4ecfb;border-radius:8px;padding:9px 13px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{border:1px solid #203c53;background:#0a1b2c;border-radius:13px;padding:19px;min-height:128px}.metric span,.metric small{font-size:10px;letter-spacing:1px;color:#789db9;display:block}.metric strong{display:block;font-size:34px;font-weight:500;color:#d6f6ff;margin:13px 0 6px}.metric .metric-text{font-size:20px;margin:18px 0 16px}.metric small{letter-spacing:0}.panel{background:#091b2be0;border:1px solid #1d3a52;border-radius:16px;padding:22px;margin-top:16px;min-width:0}.panel h3{display:flex;align-items:center;gap:9px;font-size:14px;color:#e1f5ff;margin:0 0 18px}.panel h3 svg{color:#69ddfa}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.quick-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;border:1px solid #20506a;background:#0e2b43;color:#e7faff;padding:17px;border-radius:10px;font-weight:600;font-size:13px}.quick-grid button svg{color:#55d8f8}.quick-grid button span{color:#789fb8;font-size:11px;font-weight:400;line-height:1.4}.notice{border:1px solid #6c6735;background:#40371838;color:#e9d6a0;border-radius:11px;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-top:16px;font-size:12px;line-height:1.5}.notice b{display:block;margin-bottom:3px}.notice p{margin:3px 0}.notice.danger{border-color:#8b4251;background:#3d152536;color:#ffd0d5}.notice.success{border-color:#297d73;background:#0e413736;color:#bafbea}.notice button{margin-left:auto;background:none;border:0;color:inherit;font-size:20px}.panel-intro{color:#8eaec4;font-size:12px;line-height:1.6;margin-top:-8px;margin-bottom:16px}.chat-panel{padding:0;overflow:hidden}.chat-panel .panel-title{padding:19px 22px;border-bottom:1px solid #1d394f}.chat-panel h3{margin:0}.icon-btn{color:#77dff9;background:transparent;border:0}.messages{height:400px;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px}.bubble{max-width:80%;background:#0e2a41;border:1px solid #29506c;border-radius:12px;padding:12px 15px}.bubble.user{align-self:flex-end;background:#14415b}.bubble small{font-size:10px;color:#66defb}.bubble p{margin:7px 0 0;font-size:13px;line-height:1.65;white-space:pre-wrap}.typing{color:#8db7c9;font-size:12px}.composer{display:flex;align-items:center;gap:10px;padding:14px;border-top:1px solid #1d394f}.composer input,.inline-form input,.stacked-form input,.stacked-form textarea{background:#071726;border:1px solid #2d556d;color:#d9f4ff;border-radius:9px;padding:11px 13px;outline:none}.composer input:focus,.inline-form input:focus,.stacked-form input:focus,.stacked-form textarea:focus{border-color:#51d7f9}.composer input{flex:1;min-width:0}.composer button{border:0;background:transparent;color:#6de0fb;padding:7px}.composer .listening{color:#ff8aa9}.panel-footnote{margin:15px 0 0;color:#7096ae;font-size:11px;line-height:1.6}.chat-panel .panel-footnote{margin:0;padding:0 18px 14px}.inline-form{display:flex;gap:10px;align-items:center}.inline-form input{flex:1;min-width:0}.inline-form button{margin:0}.list{margin-top:18px}.list-row{display:flex;align-items:center;gap:13px;padding:14px 4px;border-top:1px solid #1b3c54;min-width:0}.list-row>svg{color:#51bad4;flex-shrink:0}.list-row>div:nth-child(2){flex:1;min-width:0}.list-row strong{display:block;font-size:12px;word-break:break-word}.list-row small{display:block;color:#82a5bc;font-size:10px;margin-top:6px;line-height:1.4}.list-row .finished{color:#36c6a5}.strike{text-decoration:line-through;opacity:.6}.row-actions{display:flex;gap:8px}.row-actions button{border:1px solid #28506a;background:#0d2e43;color:#83e3fa;border-radius:7px;padding:8px;display:grid;place-items:center}.empty{padding:20px;text-align:center;color:#7399b1;font-size:12px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.two-cols .panel{margin-top:0}.two-cols .panel.wide{grid-column:span 2}.stacked-form{display:flex;flex-direction:column;gap:14px}.stacked-form label{display:flex;flex-direction:column;gap:7px;color:#a6c5da;font-size:11px}.stacked-form textarea{resize:vertical}.stacked-form button{align-self:flex-start}.repo-status{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #24516b;background:#0d2b40;border-radius:9px;margin:14px 0}.repo-status svg{color:#5cd9f5}.repo-status strong,.repo-status small{display:block}.repo-status strong{font-size:12px}.repo-status small{font-size:10px;color:#85a9c0;margin-top:5px}.tag{font-size:10px;border:1px solid #306177;color:#7ecde1;border-radius:30px;padding:5px 8px;white-space:nowrap}.tag.succeeded{color:#63e1be;border-color:#2c8077}.tag.failed{color:#ff9b9b;border-color:#9a4343}.tag.awaiting_approval{color:#ffd280;border-color:#8c6e37}.approval{border:1px solid #28506c;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px;margin:10px 0}.approval strong{font-size:12px}.approval p,.approval small{font-size:11px;color:#96b6ca}.approval-actions{display:flex;gap:8px}.approval-actions button{border-radius:8px;padding:9px 12px;font-size:11px}.approve{background:#1b695d;border:1px solid #4be2bb;color:#e1fff5}.reject{background:#36212a;border:1px solid #945064;color:#ffcbd4}.draft{font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;max-height:450px;overflow:auto;background:#031320;border:1px solid #205168;border-radius:10px;padding:14px;color:#bce8f5;margin-top:12px}footer{display:flex;align-items:center;gap:8px;color:#6387a0;font-size:10px;margin-top:24px}@media(max-width:1100px){.sidebar{width:220px}.hero{padding:18px 28px;gap:25px}.orb{width:175px;height:175px;transform:scale(.76);margin:0 -10px}.metrics,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.app{display:block}.sidebar{width:100%;min-height:0;padding:13px 15px;border-right:0;border-bottom:1px solid #1b3b53}.brand{margin:0 0 12px}.aside-label,.project-nav,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;overflow-x:auto}.nav{width:auto;white-space:nowrap;flex:0 0 auto}.content{padding:20px 14px}.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:27px}.topright{align-self:flex-start}.hero{margin:17px 0;min-height:200px;gap:0;padding:9px}.orb{transform:scale(.62);margin:0 -35px;flex-shrink:0}.hero-copy h2{font-size:20px}.hero-copy p{font-size:11px}.two-cols{grid-template-columns:1fr}.two-cols .panel.wide{grid-column:span 1}.approval{align-items:stretch;flex-direction:column}.approval-actions{justify-content:flex-start}}@media(max-width:440px){.hero{flex-direction:column;padding:6px 15px 16px;text-align:center}.orb{height:150px}.hero-copy h2{font-size:19px;margin:4px 0}.hero-copy p{display:none}.hero-copy button{margin-top:9px}.metrics{gap:8px}.metric{min-height:100px;padding:13px}.metric strong{font-size:26px}.quick-grid{gap:8px}.quick-grid button{padding:12px}.workspace-title h2{font-size:19px}.refresh{font-size:10px;padding:7px}.bubble{max-width:97%}.inline-form{flex-direction:column;align-items:stretch}.inline-form button{justify-content:center}}