:root{color:#192724;font-synthesis:none;text-rendering:optimizelegibility;--ink:#192724;--muted:#65736f;--line:#dfe4dc;--paper:#fff;--paper-soft:#f8f9f5;--forest:#0d2925;--forest-2:#173c35;--mint:#afe3c7;--mint-bright:#d8f5e5;--amber:#d99a3b;--red:#b9473f;--shadow:0 18px 60px #0d292514;background:#f5f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2e8b7047}.skip-link{z-index:100;color:var(--forest);background:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.brand{align-items:center;gap:12px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px;text-decoration:none;display:inline-flex}.brand strong{font-weight:800}.brand--light{color:#fff}.brand-mark{width:38px;height:38px;color:var(--mint);letter-spacing:-.04em;background:#ffffff12;border:1px solid #ffffff3d;border-radius:12px;place-items:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:800;display:inline-grid}.eyebrow,.overline{color:#3d806c;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.eyebrow--light{color:var(--mint)}.pulse-dot{background:#69d49e;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 5px #69d49e1f}.auth-page{background:var(--paper-soft);grid-template-columns:minmax(360px,42%) 1fr;min-height:100vh;display:grid}.auth-story{color:#e8f3ee;background:radial-gradient(circle at 15% 20%,#7bd0a729,#0000 30%),linear-gradient(155deg,#173f37 0%,#0a211e 62%,#071a17 100%);flex-direction:column;min-height:100vh;padding:42px clamp(34px,5vw,76px);display:flex;position:relative;overflow:hidden}.auth-story:before,.auth-story:after{content:"";pointer-events:none;border:1px solid #b1e2cb21;border-radius:50%;position:absolute}.auth-story:before{width:520px;height:520px;bottom:-130px;left:-260px}.auth-story:after{width:360px;height:360px;top:12%;right:-170px}.auth-story__content{z-index:1;max-width:540px;margin:auto 0;position:relative}.auth-story h1{color:#fff;max-width:500px;margin-bottom:24px;font-size:clamp(42px,5vw,72px);font-weight:600;line-height:1.02}.auth-story__content>p:last-child{color:#aec5bc;max-width:470px;font-size:17px;line-height:1.75}.auth-story__footer{z-index:1;color:#9bb3aa;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex;position:relative}.auth-panel{place-items:center;padding:52px clamp(24px,7vw,110px);display:grid}.auth-card{width:min(100%,450px)}.auth-card__heading{margin-bottom:28px}.auth-card__heading h2{margin-bottom:10px;font-size:clamp(32px,4vw,46px);font-weight:650}.auth-card__heading>p:last-child{color:var(--muted);line-height:1.65}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:47px;padding:0 18px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button--primary{color:#fff;background:var(--forest);box-shadow:0 8px 22px #0d292521}.button--primary:not(:disabled):hover{background:#163c34;box-shadow:0 10px 26px #0d292533}.button--secondary{border-color:var(--line);min-height:40px;color:var(--forest);background:#fff}.button--gitlab{width:100%;color:var(--ink);background:#fff;border-color:#d8ddd6}.gitlab-mark{color:#e36f35;font-size:17px;transform:rotate(45deg)}.divider{color:#8b9692;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:14px;margin:22px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.form-stack,.feature-form{gap:18px;display:grid}.field{color:#35443f;gap:8px;font-size:13px;font-weight:600;display:grid}.field input,.field select,.field textarea,.upload-field{width:100%;color:var(--ink);background:#fff;border:1px solid #d8ded7;border-radius:9px;transition:border .15s,box-shadow .15s}.field input,.field select{height:48px;padding:0 13px}.field textarea{resize:vertical;min-height:112px;padding:12px 13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6eb595;box-shadow:0 0 0 4px #4d99771a}.label-row{justify-content:space-between;gap:20px;display:flex}.label-row a,.back-link{color:#367965;font-weight:700;text-decoration:none}.security-note{color:#82908b;text-align:center;margin-top:22px;font-size:12px;line-height:1.6}.back-link{margin-top:24px;font-size:13px;display:inline-block}.notice{border:1px solid;border-radius:9px;margin-bottom:20px;padding:13px 15px;font-size:13px;line-height:1.55}.notice--warning{color:#76541c;background:#fff9ea;border-color:#e7d3a8}.notice--error{color:#8e322b;background:#fff5f3;border-color:#ebc4c0}.notice--success{color:#27644f;background:#f0faf5;border-color:#b9ddca}.app-layout{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;color:#dce9e3;background:linear-gradient(#0e2b27 0%,#091f1c 100%);flex-direction:column;height:100vh;padding:30px 18px 22px;display:flex;position:sticky;top:0}.sidebar__brand{padding:0 10px 28px}.sidebar nav{overflow-y:auto}.nav-group{margin-top:22px}.nav-group>p{color:#708b81;letter-spacing:.13em;text-transform:uppercase;margin:0 12px 9px;font-size:10px;font-weight:700}.nav-group a{color:#aabdb6;border-radius:9px;align-items:center;gap:11px;margin-bottom:4px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.nav-group a:hover{color:#fff;background:#ffffff0d}.nav-group a.active{color:#fff;background:#aee2c71f}.nav-icon{color:#9bd5b8;border:1px solid #ffffff21;border-radius:7px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.sidebar__scope{border-top:1px solid #ffffff14;align-items:center;gap:12px;margin-top:auto;padding:16px 12px 2px;display:flex}.sidebar__scope div{gap:2px;display:grid}.sidebar__scope strong{font-size:12px}.sidebar__scope small{color:#779087;font-size:9px}.app-main{min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafbf8eb;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(24px,4vw,54px);display:flex;position:sticky;top:0}.topbar__context{gap:2px;display:grid}.topbar__context span{color:#84908c;letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:700}.topbar__context strong{font-size:13px}.user-menu{align-items:center;gap:10px;display:flex}.avatar{color:#d8f4e6;background:var(--forest-2);border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.user-menu__label{min-width:110px;display:grid}.user-menu__label strong{font-size:12px}.user-menu__label span{color:var(--muted);font-size:10px}.user-menu button{color:#687671;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.logout-error{color:#873c35;text-align:center;background:#fff0ee;padding:9px 20px;font-size:12px}.menu-button{display:none}.content{max-width:1540px;margin:0 auto;padding:48px clamp(24px,4vw,64px) 80px}.page-stack{gap:34px;display:grid}.page-header,.welcome-header{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.page-header>div:first-child,.welcome-header>div:first-child{max-width:760px}.page-header h1,.welcome-header h1{margin-bottom:12px;font-size:clamp(36px,4vw,58px);font-weight:600;line-height:1.06}.page-header>div:first-child>p:last-child,.welcome-header>div:first-child>p:last-child{color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.7}.environment-chip{color:#397760;letter-spacing:.08em;background:#f4fbf7;border:1px solid #d7e4dc;border-radius:99px;align-items:center;gap:8px;margin-top:20px;padding:8px 12px;font-size:10px;font-weight:800;display:inline-flex}.environment-chip span{background:#54b886;border-radius:50%;width:6px;height:6px}.surface{border:1px solid var(--line);background:var(--paper);border-radius:15px;box-shadow:0 8px 36px #17342d09}.surface__heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.surface__heading h2,.section-heading h2,.status-panel h2,.governance-strip h2{margin-bottom:0;font-size:21px;font-weight:650}.surface__heading .overline,.section-heading .overline{margin-bottom:5px}.feature-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:20px;display:grid}.resource-panel,.principles-panel,.action-panel{padding:25px}.principles-panel{color:#dfece6;background:var(--forest)}.principles-panel .overline{color:#72bd99}.principles-panel h2{color:#fff;font-size:20px}.principles-panel ul{gap:16px;margin:26px 0 0;padding:0;list-style:none;display:grid}.principles-panel li{color:#b5c8c1;align-items:center;gap:11px;font-size:13px;display:flex}.principles-panel li span{color:#163c31;background:var(--mint);border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-weight:800;display:grid}.api-state,.contract-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800}.api-state--ready{color:#397760;background:#e9f7ef}.api-state--loading{color:#6d716f;background:#eff1ee}.api-state--unavailable,.api-state--error{color:#8b5e23;background:#fff2d9}.contract-tag{color:#5c6d67;background:#eef1ed}.empty-state{color:#73807b;text-align:center;place-items:center;min-height:210px;padding:34px;display:grid}.empty-state span{color:#69a88c;border:1px solid #dce2dc;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:14px;font-size:20px;display:grid}.empty-state p{max-width:390px;margin:0;font-size:13px;line-height:1.6}.empty-state--muted{opacity:.68}.record-count{align-items:baseline;gap:12px;padding:60px 12px;display:flex}.record-count strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:54px}.record-count span{color:var(--muted)}.record-list{gap:11px;margin-top:24px;display:grid}.record-card{background:#fbfcfa;border:1px solid #e4e8e2;border-radius:11px;gap:15px;padding:18px;display:grid}.record-card__heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.record-card h3{letter-spacing:-.02em;margin-bottom:3px;font-size:15px}.record-card p{color:var(--muted);margin:0;font-size:11px}.record-card__details{flex-wrap:wrap;gap:20px;display:flex}.record-detail{gap:3px;min-width:100px;display:grid}.record-detail span{color:#89948f;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:700}.record-detail strong{overflow-wrap:anywhere;font-size:11px;font-weight:600}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span,.status-badge{color:#5d6a65;text-transform:capitalize;background:#edf1ed;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:700}.status-badge--active,.status-badge--healthy,.status-badge--succeeded{color:#2f745a;background:#e7f5ed}.status-badge--disabled,.status-badge--failed,.status-badge--cancelled,.status-badge--timed_out{color:#974840;background:#fbecea}.status-badge--running,.status-badge--queued{color:#396e83;background:#e9f3f7}.status-badge--awaiting_approval,.status-badge--degraded,.status-badge--untested{color:#865e27;background:#fff1d8}.skeleton-list{gap:12px;padding:35px 0 10px;display:grid}.skeleton-list span{background:linear-gradient(90deg,#f0f2ee,#f8f9f6,#f0f2ee) 0 0/200% 100%;border-radius:8px;height:45px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.status-panel{border:1px solid;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:18px 20px;display:grid}.status-panel--unavailable{background:#fffaf0;border-color:#ead7b4}.status-panel--error{background:#fff6f4;border-color:#ebc8c3}.status-panel h2{margin-bottom:4px;font-size:16px}.status-panel p{color:#68736f;margin-bottom:0;font-size:12px;line-height:1.5}.status-panel code{color:#576460}.status-panel small{color:#89928f}.status-icon{color:#7c5c29;background:#f6e3bc;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.action-panel{max-width:920px}.filter-bar{grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:12px;padding:16px;display:grid}.filter-bar label{color:#6a7772;letter-spacing:.06em;text-transform:uppercase;gap:6px;font-size:10px;font-weight:700;display:grid}.filter-bar input{min-width:0;height:40px;color:var(--ink);background:#fff;border:1px solid #dce2db;border-radius:8px;padding:0 10px;font-size:12px}.feature-form{margin-top:28px}.field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-hint,.form-disabled{color:#74817c;margin:-5px 0 0;font-size:12px;line-height:1.55}.form-disabled{color:#795d2d;background:#fff8e9;border-radius:8px;padding:11px 13px}.check-field{color:#52615c;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.check-field input{accent-color:var(--forest-2);margin-top:3px}.upload-field{color:#43534e;border-style:dashed;gap:8px;padding:18px;font-size:13px;font-weight:600;display:grid}.upload-field small{color:#7d8985;font-weight:400}.one-time-secret{background:#fff9e9;border:1px solid #d5b96f;border-radius:10px;gap:12px;margin-top:20px;padding:18px;display:grid}.one-time-secret p{color:#786439;margin:2px 0 0;font-size:12px}.one-time-secret code{background:#fff;border-radius:7px;padding:10px;overflow-x:auto}.one-time-secret .button{justify-self:start}.record-actions{flex-wrap:wrap;gap:9px;display:flex}.key-panel{background:#f5f9f6;border:1px solid #dce5df;border-radius:10px;gap:16px;padding:16px;display:grid}.key-panel>p{color:var(--muted);margin:0;font-size:12px}.key-record{border-top:1px solid #dce5df;grid-template-columns:minmax(180px,1fr) minmax(260px,1fr);align-items:end;gap:18px;padding-top:15px;display:grid}.key-record p{margin-top:5px;line-height:1.5}.key-actions{justify-content:flex-end;align-items:end;gap:9px;display:flex}.inline-form{align-items:end;gap:9px;display:flex}.inline-form .field{min-width:210px}.inline-form .field input{height:40px}.welcome-header{color:#e3eee9;background:radial-gradient(circle at 84% 8%, #8cd5b02e, transparent 32%), var(--forest);border-radius:18px;align-items:center;padding:clamp(28px,4vw,48px)}.welcome-header .eyebrow{color:#7cc09e}.welcome-header h1{color:#fff;max-width:680px;font-size:clamp(34px,4.2vw,60px)}.welcome-header>div:first-child>p:last-child{color:#a9beb6}.health-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:13px;min-width:160px;padding:15px 17px;display:flex}.health-card__dot{background:#d39c52;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #d39c521f}.health-card--live .health-card__dot{background:#6bd6a0;box-shadow:0 0 0 5px #6bd6a01f}.health-card--offline .health-card__dot{background:#d16a62}.health-card div{gap:3px;display:grid}.health-card small{color:#91a9a0;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:700}.health-card strong{color:#fff;font-size:12px}.section-heading{align-items:end;margin-bottom:17px}.section-heading>span{color:#8b9692;font-size:11px}.shortcut-grid{grid-template-columns:repeat(6,1fr);gap:15px;display:grid}.shortcut-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;min-height:240px;padding:22px;text-decoration:none;transition:transform .18s,box-shadow .18s,border .18s;display:flex;position:relative;overflow:hidden}.shortcut-card:first-child,.shortcut-card:nth-child(2){grid-column:span 3}.shortcut-card:nth-child(n+3){grid-column:span 2}.shortcut-card:hover{box-shadow:var(--shadow);border-color:#c5d6cc;transform:translateY(-3px)}.shortcut-card__number{color:#9aa6a1;margin-bottom:auto;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:800}.shortcut-card h3{margin-bottom:9px;font-size:21px}.shortcut-card p{max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.shortcut-card__arrow{color:#3a765f;background:#eef7f2;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:20px;right:20px}.shortcut-card--2{background:#f1f7f2}.shortcut-card--4{color:#edf5f1;background:#153831}.shortcut-card--4 p,.shortcut-card--4 .shortcut-card__number{color:#9bb4aa}.governance-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,.7fr) minmax(300px,1.3fr);align-items:center;gap:50px;padding:26px 30px;display:grid}.governance-strip p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.loading-screen{color:#67756f;background:var(--forest);align-content:center;place-items:center;gap:15px;min-height:100vh;display:grid}.loading-screen .brand-mark{width:48px;height:48px}.loading-screen p{color:#9eb3aa;font-size:13px}.scrim{display:none}@media (width<=1050px){.shortcut-grid{grid-template-columns:repeat(2,1fr)}.shortcut-card:nth-child(n){grid-column:span 1}.feature-grid{grid-template-columns:1fr}.principles-panel{order:-1}.principles-panel ul{grid-template-columns:repeat(3,1fr)}}@media (width<=780px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:310px;padding:28px 24px}.auth-story__content{margin:50px 0}.auth-story h1{max-width:430px;font-size:40px}.auth-story__content>p:last-child{display:none}.auth-panel{padding:40px 24px 60px}.app-layout{display:block}.sidebar{width:260px;transition:transform .2s;position:fixed;left:0;transform:translate(-102%)}.sidebar--open{transform:translate(0)}.scrim{z-index:15;background:#0416128c;border:0;display:block;position:fixed;inset:0}.menu-button{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.topbar{padding:0 18px}.topbar__context,.user-menu__label{display:none}.content{padding:34px 20px 60px}.page-header,.welcome-header{gap:20px;display:grid}.environment-chip{justify-self:start}.health-card{width:100%}.shortcut-grid,.governance-strip,.field-grid,.key-record{grid-template-columns:1fr}.key-actions,.inline-form{flex-direction:column;align-items:stretch}.filter-bar{grid-template-columns:1fr 1fr}.principles-panel ul{grid-template-columns:1fr}.status-panel{grid-template-columns:auto 1fr}.status-panel .button{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}