:root{color:#142033;font-synthesis:none;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{transition:all .18s}button{cursor:pointer}.brand{letter-spacing:-.04em;color:#102033;font-size:21px;font-weight:900;text-decoration:none}.brand span{color:#fb5d3a}.marketing-nav{justify-content:space-between;align-items:center;padding:28px max(24px,7vw);display:flex}.button{color:#142033;background:#fff;border:1px solid #dce2e5;border-radius:12px;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.primary{border-radius:12px;padding:12px 18px;font-weight:750;box-shadow:0 7px 20px #fb5d3a33;color:#fff!important;background:#fb5d3a!important;border:0!important}.primary:hover{transform:translateY(-1px);background:#e84e2e!important}.hero{max-width:1000px;margin:7vh auto 9vh;padding:40px 24px}.hero h1{letter-spacing:-.065em;margin:20px 0 28px;font-size:clamp(52px,8vw,108px);line-height:.92}.hero>p:not(.eyebrow){color:#566473;max-width:640px;margin-bottom:34px;font-size:20px;line-height:1.6}.eyebrow{letter-spacing:.17em;color:#e84e2e;font-size:12px;font-weight:800}.feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1000px;margin:auto;padding:0 24px 80px;display:grid}.feature-grid article{background:#fff;border:1px solid #e1e6e8;border-radius:20px;padding:28px}.feature-grid b{font-size:35px;display:block}.feature-grid span{color:#6c7781}.auth{background:radial-gradient(circle at 20% 20%,#ffe9e2,#0000 34%),#f5f7f8;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e2e7e9;border-radius:24px;width:min(430px,100%);padding:36px;box-shadow:0 30px 70px #1b293514}.auth-card h1{margin:38px 0 26px;font-size:34px}.auth-card form{gap:18px;display:grid}.auth-card label{gap:8px;font-size:14px;font-weight:700;display:grid}.auth-card input,.inline-form input{background:#fbfcfc;border:1px solid #cfd7dc;border-radius:12px;padding:13px 14px}.auth-card .link{color:#526371;background:0 0;border:0;margin-top:18px}.error{color:#a92e1b;background:#fff0ed;border-radius:10px;padding:11px 14px}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.shell aside{background:#fff;border-right:1px solid #e1e6e8;flex-direction:column;height:100vh;padding:30px 20px;display:flex;position:sticky;top:0}.shell nav{gap:5px;margin-top:42px;display:grid}.shell nav a{color:#5e6b77;border-radius:10px;padding:11px 14px;font-weight:650;text-decoration:none}.shell nav a:hover,.shell nav a.active{color:#182535;background:#f0f3f4}.shell nav a.active{box-shadow:inset 3px 0 #fb5d3a}.aside-bottom{margin-top:auto}.aside-bottom>button{background:#fff;border:1px solid #d9e0e3;border-radius:8px;padding:7px 10px}.capacity{color:#6b7782;background:#f5f7f8;border-radius:12px;margin-top:18px;padding:14px;font-size:12px;display:grid}.capacity strong{color:#253342;margin-top:4px}.page{min-width:0;padding:48px clamp(22px,5vw,72px)}.page-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;display:flex}.page-head h1{letter-spacing:-.045em;margin:7px 0;font-size:43px}.page-head p{color:#6a7681;margin:0}.inline-form{gap:9px;display:flex}.meters{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.meter{background:#fff;border:1px solid #e0e5e8;border-radius:15px;padding:17px}.meter>div{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.meter progress{border:0;border-radius:10px;width:100%;height:7px;overflow:hidden}.meter progress::-webkit-progress-bar{background:#edf0f2}.meter progress::-webkit-progress-value{background:#fb5d3a}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.project-card,.panel{background:#fff;border:1px solid #e0e5e8;border-radius:18px;padding:22px}.project-card h2{margin:28px 0 6px}.project-card>a{color:#677581;font-size:14px;text-decoration:none}.card-top button{background:0 0;border:0}.status{text-transform:uppercase;background:#eef2f4;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.status.live{color:#15713d;background:#ddf7e8}.project-card dl{border-top:1px solid #edf0f2;gap:35px;margin:22px 0 0;padding-top:17px;display:flex}.project-card dt{color:#7b8790;text-transform:uppercase;font-size:11px}.card-actions{gap:8px;margin-top:14px;display:flex}.card-actions button{background:#fff;border:1px solid #dce2e5;border-radius:9px;padding:8px 11px}.empty{text-align:center;color:#66737e;border:1px dashed #ccd5da;border-radius:20px;grid-column:1/-1;padding:70px 20px}.empty>div{color:#fb5d3a;font-size:32px}.stats article{background:#fff;border:1px solid #e0e5e8;border-radius:16px;gap:12px;padding:20px;display:grid}.stats span{color:#66727d;font-size:13px}.panel .meter{box-shadow:none;margin:10px 0}:focus-visible{outline-offset:3px;outline:3px solid #548cff}@media (width<=760px){.feature-grid{grid-template-columns:1fr 1fr}.shell{grid-template-columns:1fr}.shell aside{border-bottom:1px solid #e1e6e8;border-right:0;height:auto;padding:18px;position:static}.shell nav{margin-top:18px;display:flex;overflow-x:auto}.aside-bottom{display:none}.page{padding:28px 18px}.page-head,.inline-form{display:grid}.meters,.stats{grid-template-columns:1fr}.page-head h1{font-size:36px}}@media (width<=420px){.feature-grid{grid-template-columns:1fr}.hero h1{font-size:52px}.marketing-nav{padding:20px}.auth-card{padding:26px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #4d8dff}.status{color:#42505e;text-transform:uppercase;letter-spacing:.04em;background:#e9edf0;border-radius:999px;align-items:center;width:max-content;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.status.live,.status.ready,.status.success,.status.active{color:#167440;background:#e5f7ec}.status.failed,.status.destructive,.status.admin_removed{color:#a92e1b;background:#ffebe7}.status.processing,.status.queued,.status.warning{color:#855d06;background:#fff4d8}.card-top{justify-content:space-between;display:flex}.project-card dl{gap:28px;margin:25px 0;display:flex}.project-card dl div{display:grid}.project-card dt,.row small{color:#72808d;font-size:12px}.project-card dd{margin:4px 0;font-weight:800}.card-actions{gap:8px;display:flex}.empty{text-align:center;background:#fff;border:1px dashed #ccd5da;border-radius:18px;grid-column:1/-1;padding:55px}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.stats article{background:#fff;border:1px solid #e0e5e8;border-radius:16px;padding:20px}.stats span{color:#73808c;display:block}.stats strong{font-size:32px}.split{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;display:grid}.panel h2{margin-top:0}.rows{gap:0;display:grid}.row{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.row:last-child{border-bottom:0}.row>div{gap:4px;display:grid}.row>div:last-child{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.small{font-size:12px;padding:7px 10px!important}.danger{color:#fff;background:#be3d27;border:0;border-radius:10px;padding:11px 15px;font-weight:750}.danger-zone{border-color:#efb5aa;margin-top:18px}.form-stack{gap:14px;display:grid}.form-stack label{gap:7px;font-size:13px;font-weight:750;display:grid}.form-stack :where(input,select,textarea){background:#fff;border:1px solid #cfd7dc;border-radius:10px;width:100%;padding:11px}.form-stack textarea{resize:vertical;min-height:140px}.notice{border-bottom:1px solid #e7ebed;padding:16px}.notice.unread{background:#fffaf8;border-left:4px solid #fb5d3a}.notice h2{margin:9px 0 4px;font-size:18px}.notice p{white-space:pre-wrap}.table-wrap{max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;text-overflow:ellipsis;border-bottom:1px solid #e6eaec;max-width:240px;padding:12px;overflow:hidden}th{color:#687581;text-transform:uppercase;letter-spacing:.05em;font-size:11px}@media (width<=900px){.split{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media (width<=520px){.row{align-items:flex-start;display:grid}.row>div:last-child{justify-content:flex-start}.page-head .button{justify-content:center;width:100%}.inline-form input,.inline-form button{width:100%}}
