@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--emerald:#36d399;--emerald-soft:#36d3991f;--ink:#e9eef0;--muted:#899397;--faint:#586267;--bg:#0b0e0f;--side:#0e1213;--panel:#111617;--panel-2:#151b1c;--border:#242c2e;--hover:#192021;--red:#ef6b73;--amber:#e0a84b;--blue:#72a9ff;--shadow:0 20px 60px #00000047}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Manrope,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.studio.light{--ink:#1b2224;--muted:#637075;--faint:#899497;--bg:#f3f6f5;--side:#f8faf9;--panel:#fff;--panel-2:#f4f7f6;--border:#dce3e1;--hover:#edf2f0;--shadow:0 16px 50px #22342f1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.studio{background:var(--bg);grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.brand-mark{background:var(--emerald);color:#09261b;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.wordmark{letter-spacing:.04em;align-items:center;gap:11px;font-size:14px;font-weight:700;display:flex}.wordmark b{color:var(--emerald);font-weight:500}.wordmark.small .brand-mark{border-radius:8px;width:30px;height:30px}.sidebar{border-right:1px solid var(--border);background:var(--side);z-index:30;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:67px;padding:0 18px;display:flex}.sidebar nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-section{color:var(--faint);letter-spacing:.12em;padding:17px 10px 7px;font:500 10px/1 DM Mono,monospace;display:block}.nav-item{width:100%;height:38px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:13px;display:flex}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.active{background:var(--emerald-soft);color:var(--emerald)}.nav-item i{border:1px solid var(--border);border-radius:9px;margin-left:auto;padding:2px 6px;font:500 10px DM Mono}.sidebar-foot{border-top:1px solid var(--border);padding:10px}.system-state{border-bottom:1px solid var(--border);align-items:flex-start;gap:9px;margin-bottom:5px;padding:10px;display:flex}.system-state>div,.profile>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.system-state strong,.profile strong{font-size:11px;font-weight:600}.system-state small,.profile small{color:var(--muted);margin-top:3px;font-size:9px}.status-dot{background:var(--faint);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent);border-radius:50%;flex:none;margin-top:3px}.status-dot.amber{background:var(--amber)}.status-dot.red{background:var(--red)}.status-dot.green{background:var(--emerald)}.profile{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;width:100%;padding:8px;display:grid}.profile:hover{background:var(--hover)}.avatar{background:var(--panel-2);border:1px solid var(--border);width:29px;height:29px;color:var(--emerald);border-radius:8px;place-items:center;font-size:9px;font-weight:700;display:grid}.main{min-width:0;height:100vh;overflow:hidden}.topbar{background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:67px;padding:0 24px;display:flex;position:relative}.topbar>div:first-of-type{align-items:center;gap:8px;font-size:12px;display:flex}.crumb{color:var(--faint);font:500 10px DM Mono}.top-actions{gap:7px;display:flex}.icon{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon:hover{background:var(--hover)}.search-trigger{border:1px solid var(--border);background:var(--panel);min-width:220px;height:34px;color:var(--muted);cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:0 9px;font-size:11px;display:flex}.search-trigger kbd{border:1px solid var(--border);background:var(--panel-2);border-radius:4px;margin-left:auto;padding:2px 5px;font:10px DM Mono}.content{height:calc(100vh - 67px);padding:30px 32px 60px;overflow:auto}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 25px;display:flex}.page-title h1{letter-spacing:-.035em;margin:5px 0 7px;font-size:26px;line-height:1.2}.page-title>div>p:last-child{color:var(--muted);max-width:670px;margin:0;font-size:12px}.eyebrow{letter-spacing:.14em;margin:0;color:var(--emerald)!important;font:500 9px/1.2 DM Mono,monospace!important}.primary,.secondary{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:35px;padding:0 13px;font-size:11px;font-weight:650;display:inline-flex}.primary{background:var(--emerald);color:#06251a;border:1px solid #42db9f}.secondary{border:1px solid var(--border);background:var(--panel);color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.45}.wide{width:100%;height:42px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px;display:grid}.metric{border:1px solid var(--border);background:var(--panel);border-radius:10px;grid-template-columns:1fr auto;padding:15px;display:grid;box-shadow:0 1px #ffffff05}.metric>div:first-child{flex-direction:column;display:flex}.metric span{color:var(--muted);font-size:10px}.metric strong{font:500 25px/1.4 DM Mono}.metric small{color:var(--faint);grid-column:1/-1;margin-top:7px;font-size:9px}.metric-icon{background:var(--emerald-soft);width:31px;height:31px;color:var(--emerald);border-radius:8px;place-items:center;display:grid}.metric-icon.m1{color:var(--blue);background:#72a9ff1a}.metric-icon.m2{color:var(--amber);background:#e0a84b1a}.metric-icon.m3{color:#b493ff;background:#b493ff1a}.dashboard-grid{grid-template-columns:2fr 1fr;gap:14px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:61px;padding:0 15px;display:flex}.panel-head h3{margin:0;font-size:12px}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:9px}.panel-head .icon{background:0 0;border:0;width:27px;height:27px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;color:var(--faint);letter-spacing:.07em;border-bottom:1px solid var(--border);padding:10px 14px;font:500 8px DM Mono}td{border-bottom:1px solid var(--border);color:var(--muted);padding:12px 14px}tbody tr:last-child td{border-bottom:0}td:first-child b{color:var(--emerald);margin-right:9px;font:500 9px DM Mono}td:first-child span{color:var(--ink)}.capitalize{text-transform:capitalize}.status{text-transform:uppercase;border:1px solid var(--border);white-space:nowrap;color:var(--muted);border-radius:10px;align-items:center;gap:5px;padding:4px 7px;font:500 8px DM Mono;display:inline-flex}.status.ok{color:var(--emerald);background:var(--emerald-soft);border-color:#36d39940}.status.bad{color:var(--red);background:#ef6b7314;border-color:#ef6b7338}.integration-list{padding:4px 15px}.integration{border-bottom:1px solid var(--border);gap:10px;padding:13px 2px;display:flex}.integration:last-child{border:0}.integration>div{flex-direction:column;display:flex}.integration strong{font-size:10px}.integration small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45}.empty{text-align:center;flex-direction:column;align-items:center;padding:42px 24px;display:flex}.empty>div{background:var(--panel-2);border:1px solid var(--border);width:40px;height:40px;color:var(--faint);border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.empty h3{margin:0 0 6px;font-size:12px}.empty p{color:var(--muted);max-width:430px;margin:0;font-size:10px;line-height:1.55}.state-card{color:var(--red);align-items:center;gap:13px;padding:17px;display:flex}.state-card div{flex:1}.state-card h3{color:var(--ink);margin:0;font-size:12px}.state-card p{color:var(--muted);margin:4px 0 0;font-size:10px}.loading{gap:10px;display:grid}.loading i{background:linear-gradient(100deg,var(--panel) 25%,var(--hover) 45%,var(--panel) 65%);background-size:300% 100%;border-radius:10px;height:80px;animation:1.4s infinite load}@keyframes load{to{background-position:-150% 0}}.card-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:13px;display:grid}.project-card{border:1px solid var(--border);background:var(--panel);border-radius:10px;grid-template-columns:38px 1fr auto;align-items:start;gap:12px;padding:15px;display:grid}.project-icon{border:1px solid var(--border);background:var(--panel-2);border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.project-copy h3{margin:2px 0 5px;font-size:12px}.project-copy p{color:var(--muted);text-overflow:ellipsis;margin:0;font-size:9px;overflow:hidden}.project-card dl{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-column:1/-1;grid-template-columns:1fr 1fr;margin:3px 0;padding:6px 0;display:grid}.project-card dl>div{padding:5px 8px}.project-card dl>div+div{border-left:1px solid var(--border)}dt{color:var(--faint);margin-bottom:5px;font:500 8px DM Mono}dd{align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.project-card .secondary{grid-column:1/-1}.kanban{grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:10px;padding-bottom:12px;display:grid;overflow-x:auto}.kanban-col{background:var(--panel);border:1px solid var(--border);border-radius:9px;min-height:480px}.kanban-col>header{border-bottom:1px solid var(--border);align-items:center;height:43px;padding:0 11px;font-size:10px;font-weight:600;display:flex}.kanban-col>header i{color:var(--muted);background:var(--panel-2);border-radius:9px;margin-left:auto;padding:2px 7px;font:500 9px DM Mono}.kanban-col>div{padding:8px}.task-card{border:1px solid var(--border);background:var(--panel-2);border-radius:7px;margin-bottom:8px;padding:10px}.task-card>div{justify-content:space-between;display:flex}.task-card b{color:var(--emerald);font:500 8px DM Mono}.priority{text-transform:uppercase;color:var(--muted);font:500 7px DM Mono}.priority.critical{color:var(--red)}.priority.high{color:var(--amber)}.task-card h4{margin:9px 0 5px;font-size:10px;line-height:1.4}.task-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:8px;line-height:1.5;display:-webkit-box;overflow:hidden}.task-card footer{border-top:1px solid var(--border);color:var(--faint);justify-content:space-between;padding-top:8px;font-size:7px;display:flex}.column-empty{border:1px dashed var(--border);height:95px;color:var(--faint);border-radius:7px;place-items:center;font-size:9px;display:grid}.server-list{padding:8px}.server{border-bottom:1px solid var(--border);grid-template-columns:38px 1fr repeat(3,auto) 120px;align-items:center;gap:12px;padding:12px;display:grid}.server:last-child{border:0}.server-icon{border:1px solid var(--border);border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.server h3{margin:0 0 4px;font-size:11px}.server p,.server time{color:var(--muted);margin:0;font-size:8px}.large-empty{flex-direction:column;align-items:center;padding-bottom:36px;display:flex}.large-empty .empty{padding-bottom:20px}.workspace{border:1px solid var(--border);background:var(--panel);border-radius:9px;grid-template-rows:42px 1fr 37px;height:calc(100vh - 127px);display:grid;overflow:hidden}.workspace-bar{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:12px;padding:0 13px;font:500 8px DM Mono;display:flex}.workspace-bar b{color:var(--ink);font-family:Manrope;font-size:10px}.workspace-bar span:last-child{align-items:center;gap:5px;margin-left:auto;display:flex}.env-badge{border:1px solid var(--border);color:var(--emerald);border-radius:9px;padding:3px 7px}.workspace-body{grid-template-columns:220px 1fr 270px;min-height:0;display:grid}.workspace-body>aside{border-right:1px solid var(--border);overflow:auto}.workspace-body>aside:last-child{border-right:0;border-left:1px solid var(--border)}.workspace-body .empty{padding:50px 14px}.mini-title{border-bottom:1px solid var(--border);height:36px;color:var(--faint);padding:13px;font:500 8px DM Mono}.editor-empty{color:var(--faint);flex-direction:column;justify-content:center;align-items:center;display:flex}.editor-empty h2{color:var(--ink);margin:13px 0 5px;font-size:14px}.editor-empty p{font-size:9px}.guardrail{color:var(--amber);background:#e0a84b0f;border:1px solid #e0a84b33;border-radius:7px;gap:9px;margin:12px;padding:11px;display:flex}.guardrail strong{font-size:9px}.guardrail p{color:var(--muted);margin:5px 0;font-size:8px;line-height:1.55}.bottom-panel{border-top:1px solid var(--border);color:var(--faint);align-items:center;gap:20px;padding:0 12px;font:500 8px DM Mono;display:flex}.bottom-panel span:first-child{color:var(--emerald)}.bottom-panel i{margin-left:auto;font-style:normal}.login-page{color:#e9eef0;background:#0a0d0e;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-story{background:radial-gradient(circle at 72% 38%,#36d3991c,#0000 31%),#0b0f10;border-right:1px solid #242c2e;flex-direction:column;justify-content:space-between;padding:38px 46px;display:flex;position:relative;overflow:hidden}.story-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.login-story>:not(.story-grid){position:relative}.story-copy{max-width:610px}.story-copy h1{letter-spacing:-.055em;margin:15px 0 22px;font-size:50px;line-height:1.05}.story-copy h1 em{color:#36d399;font-style:normal}.story-copy>p:last-child{color:#899397;max-width:520px;font-size:13px;line-height:1.75}.trust-row{color:#899397;gap:25px;font-size:10px;display:flex}.trust-row span{align-items:center;gap:7px;display:flex}.trust-row svg{color:#36d399}.login-panel{place-items:center;padding:35px;display:grid}.login-card{width:min(350px,100%)}.login-card h2{letter-spacing:-.04em;margin:8px 0;font-size:28px}.login-card>.muted{color:#899397;margin:0 0 28px;font-size:11px}.login-card form{gap:16px;display:grid}.login-card label{color:#aeb7ba;gap:7px;font-size:10px;display:grid}.login-card input{color:#e9eef0;background:#111617;border:1px solid #2a3335;border-radius:7px;height:43px;padding:0 11px}.login-help{text-align:center;color:#586267;margin-top:18px;font-size:9px;line-height:1.5}.error-banner{color:#f08a91;background:#ef6b7314;border:1px solid #ef6b734d;border-radius:6px;padding:9px;font-size:9px}.mobile-wordmark{display:none}.boot{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:11px;display:flex}.mobile-only,.scrim{display:none}.panel-indicator{width:27px;height:27px;color:var(--faint);place-items:center;display:grid}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);width:min(620px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);border-radius:12px;overflow:auto}.modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.modal h2{margin:5px 0 0;font-size:17px}.modal form{gap:14px;padding:18px;display:grid}.modal label{color:var(--muted);gap:7px;font-size:10px;display:grid}.modal input,.modal select,.modal textarea{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--ink);border-radius:7px;padding:9px 10px;font-size:11px}.modal input,.modal select{height:39px}.modal textarea{resize:vertical;min-height:74px}.modal label small{color:var(--faint);font-size:8px}.form-row{grid-template-columns:150px 1fr;gap:12px;display:grid}.modal form>footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:15px;display:flex}@media (max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.workspace-body{grid-template-columns:180px 1fr}.workspace-body>aside:last-child{display:none}}@media (max-width:760px){.studio{display:block}.sidebar{width:238px;box-shadow:var(--shadow);transition:left .2s;position:fixed;left:-250px}.sidebar.open{left:0}.mobile-only{display:grid}.scrim{z-index:20;background:#0000008c;border:0;display:block;position:fixed;inset:0}.main{height:auto;min-height:100vh}.topbar{justify-content:flex-start;gap:11px;padding:0 14px}.top-actions{margin-left:auto}.search-trigger,.top-actions .icon:last-child{display:none}.content{height:auto;min-height:calc(100vh - 67px);padding:22px 15px 45px}.page-title{align-items:flex-start}.page-title h1{font-size:22px}.metric-grid{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr}.kanban{scroll-snap-type:x mandatory}.kanban-col{scroll-snap-align:start;width:78vw}.workspace{height:calc(100vh - 112px)}.workspace-body{grid-template-columns:1fr}.workspace-body>aside{display:none}.login-page{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:25px}.mobile-wordmark{align-items:center;gap:9px;margin-bottom:55px;font-size:11px;font-weight:700;display:flex}.server{grid-template-columns:38px 1fr auto}.server .status:nth-of-type(n+2),.server time{display:none}}@media (max-width:460px){.metric-grid{grid-template-columns:1fr}.page-title{display:block}.page-title>div+div{margin-top:14px}.dashboard-grid{display:block}.dashboard-grid .panel{margin-bottom:12px}.story-copy h1{font-size:36px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}