@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#e9eef9;background:#0a0f1c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:#0d1423;width:242px;flex:none;display:flex;flex-direction:column;border-right:1px solid #233047;position:sticky;top:0;height:100vh;padding:28px 15px 24px}.brand{display:flex;align-items:center;gap:10px;padding:1px 11px 49px}.brand-logo{height:38px;width:38px;background:linear-gradient(140deg,#4edbae,#18795e);border-radius:11px;color:#062b24;display:grid;place-items:center;box-shadow:0 4px 25px #10b98140}.brand b,.brand span{display:block;font-family:Space Grotesk,sans-serif;letter-spacing:.9px}.brand b{font-weight:700;font-size:14px}.brand span{font-size:11px;color:#5dddb6;letter-spacing:2px;margin-top:2px}.brand i{font-style:normal;color:#8291ab;letter-spacing:.4px}.sidebar-section-label{font-size:9px;font-weight:800;letter-spacing:2px;color:#5c6d8b;padding:0 18px;margin-bottom:13px}.navigation{display:flex;flex-direction:column;gap:5px}.navigation button{width:100%;color:#8995ac;background:transparent;border:0;text-align:left;display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:9px;font-size:13px;font-weight:600}.navigation button:hover{background:#19243a;color:#f5f8ff}.navigation button.active{color:#6be3b8;background:#19332f}.navigation button.active:before{content:"";width:3px;background:#65e2b7;height:23px;border-radius:4px;position:absolute;left:15px}.nav-mini{font-size:10px;margin-left:auto;background:#21344a;padding:2px 6px;border-radius:4px;color:#85a7bb}.sidebar-bottom{margin-top:auto}.sidebar-info{display:flex;align-items:center;gap:11px;padding:14px 10px;background:#151f31;border:1px solid #253049;border-radius:10px}.sidebar-info b,.sidebar-info span{display:block}.sidebar-info b{font-size:11px;color:#e7eaf5}.sidebar-info span{font-size:10px;color:#8c9cb5;margin-top:4px}.tiny-icon{height:32px;width:32px;background:#203a43;color:#5adcb0;display:grid;place-items:center;border-radius:8px}.sidebar-separator{height:1px;background:#253049;margin:23px 0 17px}.online-status{display:flex;gap:8px;align-items:center;font-size:11px;color:#8190a6}.status-led{width:7px;height:7px;border-radius:50%;background:#e8ab59}.status-led.online{background:#53d9af;box-shadow:0 0 10px #20d1a0}.sidebar-version{font-size:10px;color:#53617b;display:block;margin-top:18px}.main-frame{min-width:0;flex:1}.topbar{height:73px;border-bottom:1px solid #202b40;display:flex;align-items:center;justify-content:space-between;padding:0 37px;background:#0c1321}.breadcrumbs{font-size:11px;letter-spacing:1px;display:flex;gap:13px;align-items:center}.breadcrumbs span{color:#687996}.breadcrumbs strong{color:#c8d2e6;font-weight:700}.breadcrumbs .slash{color:#3e4e65}.top-actions{display:flex;align-items:center;gap:18px}.top-unit{display:flex;align-items:center;gap:7px;border:1px solid #24374a;background:#15283a;color:#79d6b7;padding:7px 11px;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:1px}.round-btn,.mobile-menu{background:transparent;border:none;color:#a1afc5;display:grid;place-items:center;padding:6px}.round-btn:hover{color:#fff}.avatar{height:33px;width:33px;background:#263856;color:#e6edfa;border:1px solid #405478;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px}.content{max-width:1530px;margin:auto;padding:40px 42px 27px}.hero-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{color:#62d7ad;font-size:10px;font-weight:800;letter-spacing:2px}.eyebrow-line{display:inline-block;width:17px;height:2px;background:#5bdbac;margin-right:9px;vertical-align:middle}.hero-row h1{font-family:Space Grotesk,sans-serif;font-size:32px;line-height:1.15;letter-spacing:-1.1px;margin:11px 0 9px;font-weight:700}.hero-subtitle{font-size:12px;color:#92a1b7;line-height:1.6;margin:0}.hero-pill{white-space:nowrap;border:1px solid #284b43;color:#77dab6;background:#142a29;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.8px;border-radius:8px}.pulse-dot,.footer-dot{display:inline-block;width:7px;height:7px;background:#5bdfb0;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #51e9b5}.connection-banner{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border:1px solid #2a3b52;border-radius:12px;background:linear-gradient(100deg,#152134,#121b2b);margin-bottom:21px;gap:14px}.connection-main{display:flex;align-items:center;gap:12px;min-width:0}.connection-main b,.connection-main span{display:block}.connection-main b{font-size:12px}.connection-main span{font-size:11px;color:#8f9fb5;margin-top:4px;line-height:1.4}.icon-bubble{background:#183831;color:#58ddb2;border-radius:9px;height:39px;width:39px;flex:none;display:grid;place-items:center}.icon-bubble.blue{background:#1a2c49;color:#77afff}.icon-bubble.gold{background:#3a2c21;color:#f1ba6d}.icon-bubble.purple{background:#302648;color:#b69afa}.connection-actions{display:flex;align-items:center;gap:8px}.connection-actions select,.outline-button{border:1px solid #2c4058;background:#152235;color:#cad7e9;padding:10px 11px;border-radius:7px;font-size:11px;font-weight:700}.outline-button{display:flex;align-items:center;gap:8px}.outline-button:hover{border-color:#5cd6af}.notice{display:flex;align-items:center;gap:10px;color:#ffbf79;border:1px solid #806043;background:#291e1a;padding:11px 15px;border-radius:8px;margin-bottom:20px;font-size:12px}.notice button{margin-left:auto;background:none;color:inherit;border:none}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}.metric-card{background:#111b2c;border:1px solid #25324a;border-radius:11px;padding:19px 19px 17px;min-height:139px}.metric-top{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}.metric-top span{font-size:11px;color:#93a4bb;font-weight:600}.metric-top .icon-bubble{width:34px;height:34px}.metric-card>b{display:block;font-family:Space Grotesk,sans-serif;font-size:30px;line-height:1.2;margin:15px 0 2px;letter-spacing:-1px}.metric-card small{font-size:10px;color:#7d8da7}.work-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:18px;margin-bottom:18px}.panel{background:#111b2c;border:1px solid #25334b;border-radius:12px;min-width:0}.lab-panel,.result-panel,.insight-panel,.lessons-panel{padding:23px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}.panel-title h2{font-family:Space Grotesk,sans-serif;font-size:17px;margin:6px 0 0;letter-spacing:-.25px}.panel-pill{border-radius:6px;border:1px solid #345445;background:#1b352e;padding:6px 9px;color:#83e3be;font-size:9px;font-weight:800;white-space:nowrap}.field-label{font-weight:800;font-size:11px;color:#dce7f6;display:block;margin:17px 0 10px}.select-wrap{position:relative}.select-wrap select{width:100%;appearance:none;background:#18253a;border:1px solid #34465e;border-radius:8px;color:#e3ebf6;padding:13px 40px 13px 14px;font-weight:600;font-size:12px}.select-wrap svg{position:absolute;right:12px;top:13px;pointer-events:none;color:#9db0c5}.field-help{color:#8190a9;font-size:11px;margin:10px 0 27px;line-height:1.5}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9ba9c0;background:#172338;border:1px solid #2d3c52;border-radius:8px;padding:15px 6px;min-height:76px;font-size:10.5px;font-weight:700}.mode-tabs button.selected{border-color:#42b88f;color:#72e5b7;background:#193b34}.mode-tabs button:hover{border-color:#4ca88c}.switch-row{display:flex;align-items:center;gap:12px;margin:21px 0 0;cursor:pointer}.switch-row input{position:absolute;opacity:0}.switch-track{width:37px;height:22px;border-radius:20px;background:#344054;position:relative;flex:none}.switch-track:before{content:"";position:absolute;width:15px;height:15px;top:3.5px;left:4px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked+.switch-track{background:#22b988}.switch-row input:checked+.switch-track:before{transform:translate(14px)}.switch-row b,.switch-row small{display:block}.switch-row b{font-size:11px}.switch-row small{font-size:10px;color:#8291a7;margin-top:3px}.primary-button{border:0;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding:14px;background:#55dbaa;color:#082920;font-weight:800;font-size:12px;border-radius:8px;margin-top:27px}.primary-button svg:last-child{margin-left:auto}.primary-button svg:first-child{margin-right:auto}.primary-button:hover{background:#80efc4}.primary-button:disabled{opacity:.7;cursor:wait}.lab-help{display:flex;gap:8px;align-items:center;color:#74849e;font-size:10px;margin-top:17px;line-height:1.5}.lab-help svg{flex:none;color:#77c8ae}.terminal-icon{width:34px;height:34px;border:1px solid #314258;background:#1a293c;color:#77a7d1;border-radius:8px;display:grid;place-items:center}.empty-console{min-height:343px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8ea0b8}.console-symbol{height:69px;width:69px;background:#1b2b3f;border-radius:18px;color:#54d7ad;display:grid;place-items:center;margin-bottom:16px;border:1px solid #2b4746}.empty-console h3{margin:0 0 7px;font-size:14px;color:#dde7f4}.empty-console p{font-size:11px;line-height:1.8;max-width:260px;margin:0}.empty-console>span{font-size:10px;letter-spacing:1.6px;color:#426d69;margin-top:31px;font-family:monospace}.result-panel{display:flex;flex-direction:column}.result-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.status-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #355f50;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:800;color:#75e4b7;background:#1a372f;white-space:nowrap}.status-tag.error{color:#ffaaa9;border-color:#673c43;background:#38252f}.status-tag.warning,.status-tag.needs_approval{color:#ffcf8e;border-color:#786044;background:#332c28}.status-dot{height:6px;width:6px;background:currentColor;border-radius:50%}.run-id{color:#7d8da5;font-size:10px;font-family:monospace}.result-summary{margin-top:15px;padding:12px;background:#17253a;border-radius:8px;color:#c3d0e1;font-size:11px;line-height:1.7}.event-list{margin:15px 0 0;max-height:290px;overflow:auto;flex:1}.event-row{display:flex;align-items:flex-start;gap:11px;padding:9px 0;border-bottom:1px solid #25334a}.event-icon{width:27px;height:27px;flex:none;border-radius:7px;display:grid;place-items:center;background:#19362d;color:#75e5b7}.event-icon.error{color:#ffa6a6;background:#392832}.event-icon.warning{color:#eec484;background:#352e29}.event-icon.info{background:#213246;color:#9cbbdc}.event-name{font-size:11px;font-weight:700}.event-name span{color:#536881;font-family:monospace;margin-right:4px}.event-copy p{font-size:10.5px;color:#98a8be;line-height:1.6;margin:4px 0 0;overflow-wrap:anywhere}.approval-box{margin-top:16px;border:1px solid #6f5d3e;background:#2a2928;padding:12px;border-radius:8px}.approval-heading{display:flex;gap:8px;align-items:center;color:#f8d5a2;font-size:10px;font-weight:800;letter-spacing:1px}.approval-box p{color:#d6c5aa;font-size:11px;line-height:1.6}.approve-button{display:flex;align-items:center;gap:8px;background:#e8bb7f;color:#3b2912;border:0;border-radius:7px;padding:10px;font-size:11px;font-weight:800}.approved-label{color:#70d5a9;font-size:11px;display:flex;align-items:center;gap:6px}.trace-details{margin-top:12px;color:#adc5df;font-size:11px}.trace-details summary{display:flex;align-items:center;gap:8px;cursor:pointer}.trace-details p{overflow-wrap:anywhere;font-size:10px;line-height:1.6;color:#91a4b9}.bottom-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:18px}.insight-panel .panel-title,.lessons-panel .panel-title{margin-bottom:15px}.panel-light{color:#65ddae}.chart-wrap{position:relative}.chart-wrap svg{width:100%;height:166px}.chart-legend{display:flex;gap:18px;font-size:10px;color:#8797ad;margin-top:3px}.chart-legend>span{display:flex;align-items:center;gap:7px}.legend-dot{height:7px;width:7px;border-radius:50%;background:#586882;display:inline-block}.legend-dot.mint{background:#65dfae}.chart-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8392a9;border-top:1px solid #25334a;margin-top:16px;padding-top:14px;gap:10px}.lesson-list{display:flex;flex-direction:column;gap:2px}.lesson-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #26324a}.lesson-icon{width:35px;height:35px;border-radius:7px;color:#6bd8b0;background:#1c3732;display:grid;place-items:center;flex:none}.lesson-row div:nth-child(2){min-width:0;flex:1}.lesson-row b,.lesson-row span{display:block}.lesson-row b{font-size:11px}.lesson-row span{color:#8292a9;font-size:10px;line-height:1.45;margin-top:4px}.lesson-check{color:#60d9ad;flex:none}.text-link{border:0;background:transparent;color:#6cdbb1;font-size:11px;font-weight:800;display:flex;align-items:center;gap:8px;margin-top:17px;padding:0}.text-link:hover{color:#9cf5d3}.footer{display:flex;justify-content:space-between;color:#61718a;font-size:10px;margin-top:31px}.footer-dot{width:5px;height:5px;box-shadow:none}.spacious{padding:30px}.section-heading h2{font-family:Space Grotesk,sans-serif;font-size:22px;margin:9px 0 7px}.section-heading p{font-size:12px;color:#91a3b9}.architecture-view{min-height:510px}.arch-grid{display:grid;grid-template-columns:1fr 90px 1fr;gap:15px;align-items:center;max-width:830px;margin:35px auto}.arch-node{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;border:1px solid #42618a;padding:25px 15px;background:#17263c;border-radius:12px}.arch-node.bright{background:#16352e;border-color:#3cb887}.arch-node svg{color:#6fe0b9}.arch-node b{font-size:15px}.arch-node small{color:#b0bdd0;font-size:11px}.arch-node span{font-size:10px;color:#8295b0}.arch-arrow{display:flex;align-items:center;flex-direction:column;gap:8px;color:#77c9ab}.arch-arrow small{font-size:10px}.arch-pieces{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.arch-pieces>div{border:1px solid #2f425b;background:#152337;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px}.arch-pieces b{font-size:12px}.arch-pieces span{font-size:10px;color:#91a1b9;line-height:1.5}.hint{display:flex;align-items:center;gap:12px;background:#1b2b37;border:1px solid #35545b;border-radius:9px;padding:16px;margin-top:25px;font-size:11px;color:#a8d4ce;line-height:1.7}.hint svg{color:#69dfb1;flex:none}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.learning-card{border:1px solid #31445c;border-radius:9px;background:#152338;padding:22px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;color:#e6edf9;min-height:180px}.learning-card:hover{border-color:#62d6ac}.learning-no{color:#70dfb8;font-size:13px;font-weight:800;letter-spacing:1px}.learning-card b{font-size:14px;margin-top:17px}.learning-card p{color:#95a5ba;font-size:11px;line-height:1.6;flex:1}.learning-link{font-size:11px;color:#67d9ae;display:flex;gap:6px;align-items:center}.history-list{margin-top:28px}.history-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #27364d;padding:14px 5px;gap:10px}.history-row b,.history-row small{display:block}.history-row b{font-size:13px}.history-row small{font-size:10px;color:#92a2ba;margin-top:5px}.history-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;min-height:200px;color:#8395ac;font-size:12px;text-align:center}.history-empty .text-link{margin:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu{display:none}@media(max-width:1160px){.sidebar{width:213px}.content{padding:33px 25px}.topbar{padding:0 25px}.metric-card{padding:15px}.metric-top{font-size:10px}.mode-tabs button{font-size:9.5px}.lab-panel,.result-panel,.insight-panel,.lessons-panel{padding:18px}}@media(max-width:940px){.sidebar{width:185px;padding-left:9px;padding-right:9px}.brand{padding-left:7px}.brand b{font-size:11px}.brand span{font-size:9px}.navigation button{font-size:12px}.metric-grid{grid-template-columns:repeat(2,1fr)}.work-grid,.bottom-grid{grid-template-columns:1fr}.arch-pieces{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:fixed;z-index:10;left:-255px;width:245px;box-shadow:20px 0 60px #0007;transition:left .2s}.sidebar.open{left:0}.mobile-menu{display:grid}.topbar{height:61px;padding:0 18px;justify-content:flex-start;gap:15px}.top-actions{margin-left:auto;gap:9px}.top-unit{display:none}.content{padding:27px 15px}.hero-row{align-items:flex-start}.hero-row h1{font-size:25px}.hero-pill{display:none}.hero-subtitle{font-size:11px}.connection-banner{flex-direction:column;align-items:stretch}.connection-actions{justify-content:flex-end}.connection-main{align-items:flex-start}.metric-grid{gap:10px}.metric-card{min-height:120px;padding:12px}.metric-card>b{font-size:25px}.metric-top span{font-size:10px}.metric-top .icon-bubble{width:28px;height:28px}.field-help{margin-bottom:15px}.learning-grid{grid-template-columns:repeat(2,1fr)}.arch-grid{grid-template-columns:1fr;gap:12px}.arch-arrow{transform:rotate(90deg)}.footer{flex-direction:column;gap:10px}.spacious{padding:19px}}@media(max-width:420px){.learning-grid,.arch-pieces{grid-template-columns:1fr}.mode-tabs{gap:5px}.mode-tabs button{font-size:9px}.result-panel,.lab-panel{padding:15px}.breadcrumbs{font-size:10px}.metric-top .icon-bubble{display:none}}.cicd-panel{max-width:1100px}.cicd-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.cicd-meta>div{border:1px solid #31445c;border-radius:9px;background:#152338;padding:16px;min-width:0}.cicd-meta small{display:block;color:#839bb3;font-size:10px;letter-spacing:.09em}.cicd-meta b{display:block;margin-top:8px;color:#e6edf9;font-size:16px;overflow-wrap:anywhere}.cicd-meta .mono{font-family:monospace;color:#79e4b9}.cicd-steps{display:grid;grid-template-columns:1fr;gap:12px}.cicd-step{display:flex;align-items:flex-start;gap:16px;padding:15px;border:1px solid #31445c;border-radius:9px;background:#142137}.cicd-step>span{background:#214337;color:#82e8bd;border:1px solid #356c57;padding:9px;border-radius:8px;font:700 13px monospace}.cicd-step b{font-size:13px}.cicd-step p{font-size:11px;color:#92a7c0;line-height:1.6;margin:6px 0 0}@media(max-width:700px){.cicd-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}