@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Instrument Sans Variable,system-ui,sans-serif;color:#20242a;background:#f7f8fa;font-synthesis:none;--blue: #3567a8;--blue-dark: #285487;--blue-soft: #eef4fb;--ink: #20242a;--muted: #747b86;--line: #e3e6ea;--surface: #ffffff;--green: #2f7d5b;--green-soft: #edf7f2;--amber: #a16824;--amber-soft: #fbf3e8;--red: #b34c4c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f8fa}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,p{margin:0}h1,.sidebar-brand>span{font-family:Newsreader Variable,Georgia,serif;font-weight:520}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:224px;display:flex;flex-direction:column;padding:24px 16px 18px;border-right:1px solid var(--line);background:#f4f5f7}.sidebar-brand{height:42px;display:flex;align-items:center;gap:11px;padding:0 8px;font-size:21px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--blue);border-radius:7px;box-shadow:0 5px 18px #3567a833}.brand-mark.small{width:30px;height:30px;box-shadow:none}.sidebar nav{margin-top:48px}.nav-label,.eyebrow{font-size:10px;line-height:1;font-weight:720;color:#9298a1;text-transform:uppercase;letter-spacing:.12em}.sidebar .nav-label{padding:0 11px 10px}.sidebar nav button,.sidebar-foot button{width:100%;height:42px;display:flex;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:6px;color:#676e78;background:transparent;text-align:left;transition:color .18s ease,background .18s ease,transform .18s ease}.sidebar nav button:hover,.sidebar-foot button:hover{color:var(--ink);background:#eceef1}.sidebar nav button.active{color:var(--blue-dark);background:#e7eef8;font-weight:650}.sidebar nav button:active{transform:scale(.98)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.sidebar-foot>div{display:flex;align-items:center;gap:9px;padding:7px 11px 12px;color:var(--muted);font-size:12px}.close-drawer{display:none!important}.workspace{min-height:100vh;margin-left:224px}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#f7f8fae0;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.topbar>div{font-size:13px;font-weight:650}.topbar small{margin-left:7px;color:#969ca5;font-weight:450}.top-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.top-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.menu-button{display:none!important}.page-content{max-width:1280px;margin:0 auto;padding:48px 46px 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:35px}.page-heading .eyebrow{margin-bottom:11px;color:var(--blue)}.page-heading h1{color:#20242a;font-size:40px;line-height:1.03;letter-spacing:0}.page-heading>div>p:last-child{margin-top:7px;color:var(--muted);font-size:14px}.heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.updated{color:#8b929b;font-size:12px}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:#5f6670;background:var(--surface);transition:border .18s,color .18s,background .18s,transform .18s}.icon-button:hover{color:var(--blue);border-color:#b8cbe3;background:var(--blue-soft)}.icon-button:active{transform:scale(.95)}.primary-button,.secondary-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:6px;font-weight:640;font-size:13px;transition:transform .18s,background .18s,box-shadow .18s}.primary-button{border:1px solid var(--blue);color:#fff;background:var(--blue);box-shadow:0 5px 14px #3567a829}.primary-button:hover{background:var(--blue-dark);box-shadow:0 7px 18px #3567a838}.primary-button:active,.secondary-button:active{transform:scale(.98)}.primary-button.wide{width:100%;height:42px}.secondary-button{border:1px solid var(--line);color:#555d67;background:var(--surface)}.secondary-button:hover{border-color:#c8d1dc;color:var(--ink);background:#fafbfc}.text-button{display:inline-flex;align-items:center;gap:5px;padding:4px;border:0;color:var(--blue);background:none;font-size:12px}.attention-band{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:31px;padding:17px 20px 17px 23px;border-left:3px solid var(--blue);background:var(--blue-soft);animation:attention-in .5s cubic-bezier(.22,1,.36,1)}.attention-band>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 12px}.attention-band span{grid-row:1 / 3;align-self:start;margin-top:3px;color:var(--blue);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.attention-band strong{font-size:14px}.attention-band p{color:#687485;font-size:12px}.attention-band button{display:inline-flex;align-items:center;gap:8px;border:0;color:var(--blue-dark);background:transparent;font-weight:650;white-space:nowrap}.section-block{background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:hidden}.section-title{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 21px;border-bottom:1px solid var(--line)}.section-title h2{font-size:15px;font-weight:700}.section-title p{margin-top:4px;color:var(--muted);font-size:12px}.quiet-badge{padding:4px 7px;border-radius:4px;color:#777e88;background:#f1f2f4;font-size:10px}.service-main{width:100%;min-height:67px;display:grid;grid-template-columns:12px minmax(150px,1.6fr) 90px 90px 18px;align-items:center;gap:13px;padding:12px 20px;border:0;border-bottom:1px solid #eceef1;color:var(--ink);background:#fff;text-align:left;transition:background .16s}.service-main:hover{background:#fafbfc}.service-row:last-child .service-main{border-bottom:0}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a1a6ad}.status-dot.healthy{background:var(--green)}.status-dot.attention{background:var(--amber)}.status-dot.down{background:var(--red)}.service-name{display:flex;flex-direction:column;gap:3px}.service-name strong{font-size:13px}.service-name small{color:var(--muted);font-size:11px}.status-pill{width:fit-content;padding:4px 7px;border-radius:4px;color:#6b717a;background:#f0f1f3;font-size:10px;font-weight:650}.status-pill.healthy{color:var(--green);background:var(--green-soft)}.status-pill.attention{color:var(--amber);background:var(--amber-soft)}.status-pill.down{color:var(--red);background:#fbeeee}.service-uptime{color:var(--muted);font-size:11px}.chevron{color:#a3a8af;transition:transform .2s}.service-row.expanded .chevron{transform:rotate(180deg)}.service-detail{max-height:0;display:grid;grid-template-columns:1fr 1.5fr auto;gap:14px;padding:0 63px;overflow:hidden;color:var(--muted);background:#fafbfc;font-size:11px;opacity:0;transition:max-height .28s ease,padding .28s ease,opacity .2s}.service-row.expanded .service-detail{max-height:70px;padding-top:14px;padding-bottom:14px;opacity:1;border-bottom:1px solid var(--line)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:18px;margin-top:18px}.activity-list{padding:5px 20px 14px}.activity-item{min-height:57px;display:grid;grid-template-columns:53px 8px minmax(0,1fr);align-items:start;gap:13px;padding:12px 0;border-bottom:1px solid #eff0f2;animation:row-in .3s ease both}.activity-item:last-child{border-bottom:0}.activity-item time{padding-top:2px;color:#949aa2;font-size:10px;font-variant-numeric:tabular-nums}.activity-mark{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#949aa2}.activity-mark.success{background:var(--green)}.activity-mark.warning{background:var(--amber)}.activity-mark.error{background:var(--red)}.activity-item strong{font-size:11px}.activity-item p{max-width:100%;margin-top:3px;overflow:hidden;color:#666e78;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.resource-meters{display:grid;gap:22px;padding:22px 21px}.meter>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px}.meter strong{font-size:11px}.meter-track{height:5px;overflow:hidden;border-radius:2px;background:#eef0f2}.meter-track i{display:block;height:100%;border-radius:inherit;background:var(--blue);transform-origin:left;animation:meter-grow .7s cubic-bezier(.22,1,.36,1)}.uptime-stat{display:flex;justify-content:space-between;padding:17px 21px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.uptime-stat strong{color:var(--ink)}.config-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:25px;align-items:start}.config-tabs{display:grid;gap:4px;position:sticky;top:84px}.config-tabs button{min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border:0;border-radius:5px;color:var(--muted);background:transparent;text-align:left}.config-tabs button:hover{background:#eef0f3}.config-tabs button.active{color:var(--blue-dark);background:var(--blue-soft);font-weight:650}.config-tabs span{font-size:10px;color:#9ba1aa}.config-fields{padding:0 21px}.config-row{min-height:82px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,1.2fr);align-items:center;gap:30px;border-bottom:1px solid #eceef1}.config-row:last-child{border-bottom:0}.config-row>span{display:flex;flex-direction:column;gap:4px}.config-row strong{font-size:13px}.config-row small{color:var(--muted);font-size:11px;line-height:1.45}.config-row input[type=text],.config-row input[type=password],.config-row input[type=number],.config-row textarea{width:100%;border:1px solid #d9dde2;border-radius:5px;color:var(--ink);background:#fbfcfd;outline:none;transition:border .18s,box-shadow .18s}.config-row input{height:38px;padding:0 10px}.config-row textarea{padding:9px 10px;resize:vertical}.config-row input:focus,.config-row textarea:focus{border-color:#8eafd5;box-shadow:0 0 0 3px #3567a81a;background:#fff}.input-wrap{display:flex;position:relative}.input-wrap button{width:36px;position:absolute;inset:1px 1px 1px auto;border:0;color:#838a94;background:transparent}.toggle-row{cursor:pointer}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row>i{width:38px;height:22px;justify-self:end;position:relative;border-radius:12px;background:#cdd2d8;transition:background .2s}.toggle-row>i:after{content:"";width:16px;height:16px;position:absolute;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000038;transition:transform .2s}.toggle-row input:checked+i{background:var(--blue)}.toggle-row input:checked+i:after{transform:translate(16px)}.inline-error{margin:-15px 0 20px;padding:11px 14px;border-left:3px solid var(--red);color:#8e3e3e;background:#fbefef;font-size:12px}.browser-toolbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 12px 9px 16px;border:1px solid var(--line);border-bottom:0;border-radius:7px 7px 0 0;background:#fff}.browser-toolbar>div{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.browser-toolbar code{padding:3px 6px;color:#69717b;background:#f0f2f4;border-radius:3px}.browser-canvas{min-height:570px;height:calc(100vh - 245px);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:0 0 7px 7px;background:#e9ecf0}.browser-canvas canvas{max-width:100%}.browser-placeholder{max-width:420px;padding:25px;text-align:center}.browser-symbol{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid #cad8e8;border-radius:50%;color:var(--blue);background:var(--blue-soft)}.browser-placeholder strong{display:block;font-size:15px}.browser-placeholder p{margin:7px 0 20px;color:var(--muted);font-size:12px;line-height:1.6}.quality-control{height:32px;display:grid;grid-template-columns:1fr 1fr;padding:2px;border:1px solid var(--line);border-radius:5px;background:#f5f6f8}.quality-control button{min-width:46px;padding:0 8px;border:0;border-radius:3px;color:#808791;background:transparent;font-size:11px}.quality-control button.active{color:var(--blue-dark);background:#fff;box-shadow:0 1px 3px #1f2a371f;font-weight:650}.log-tools{height:54px;display:flex;align-items:center;justify-content:space-between;padding:8px 13px;border:1px solid var(--line);border-bottom:0;border-radius:7px 7px 0 0;background:#fff}.log-tools label{width:min(420px,75%);display:flex;align-items:center;gap:8px;color:#8d949d}.log-tools input{width:100%;height:34px;border:0;outline:0;background:transparent}.log-tools span{color:var(--muted);font-size:11px}.log-console{height:calc(100vh - 255px);min-height:520px;padding:11px 0 25px;overflow:auto;border:1px solid #252a31;border-radius:0 0 7px 7px;color:#c8cdd4;background:#171a1f;content-visibility:auto}.log-console>div{display:grid;grid-template-columns:46px minmax(0,1fr);min-height:25px;padding:3px 15px 3px 0;border-left:2px solid transparent;font-size:11px;line-height:1.55}.log-console>div:hover{background:#20242a}.log-console>div.error{border-left-color:#d26a6a;color:#edb0b0}.log-console>div.success{color:#a7d3bf}.log-console span{color:#555c66;text-align:right;padding-right:12px;user-select:none}.log-console code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.login-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:#f3f5f7}.login-panel{width:min(410px,100%);padding:42px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 18px 60px #1f2a3714}.login-panel .eyebrow{margin:27px 0 12px;color:var(--blue)}.login-panel h1{font-size:45px;line-height:.95}.login-copy{margin:15px 0 29px;color:var(--muted);font-size:13px;line-height:1.55}.login-panel label{display:block;margin-bottom:7px;font-size:12px;font-weight:650}.login-panel input{width:100%;height:42px;margin-bottom:13px;padding:0 11px;border:1px solid #d6dbe1;border-radius:5px;outline:none}.login-panel input:focus{border-color:#8eafd5;box-shadow:0 0 0 3px #3567a81a}.form-error{margin:-3px 0 11px;color:var(--red);font-size:11px}.empty-state{min-height:360px;display:grid;place-content:center;justify-items:center;gap:15px;color:var(--muted)}.skeleton{background:#eceef1;animation:shimmer 1.3s ease-in-out infinite alternate}.hero-skeleton{height:430px;border-radius:7px}.muted{padding:25px;color:var(--muted);font-size:12px}.mobile-nav{display:none}.page-enter{animation:page-in .42s cubic-bezier(.22,1,.36,1) both}.spin{animation:spin .8s linear infinite}@keyframes page-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes attention-in{0%{opacity:0;transform:translate(-8px)}}@keyframes row-in{0%{opacity:0;transform:translateY(3px)}}@keyframes meter-grow{0%{transform:scaleX(0)}}@keyframes shimmer{to{opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.sidebar{width:215px;transform:translate(-102%);box-shadow:16px 0 50px #19202a1f;transition:transform .28s cubic-bezier(.22,1,.36,1)}.sidebar.open{transform:none}.close-drawer{display:inline-grid!important;position:absolute;right:13px;top:20px}.drawer-scrim{position:fixed;inset:0;z-index:25;border:0;background:#191e253d;backdrop-filter:blur(2px)}.workspace{margin-left:0}.menu-button{display:inline-grid!important}.topbar{padding:0 19px}.topbar>div{margin-right:auto;margin-left:11px}.page-content{padding:38px 26px 90px}.overview-grid{grid-template-columns:1fr}.resources-block{order:-1}.resource-meters{grid-template-columns:repeat(3,1fr)}.config-layout{grid-template-columns:1fr}.config-tabs{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;position:static}.config-tabs button{min-width:90px}.browser-canvas{min-height:460px}}@media(max-width:620px){.topbar{height:54px;padding:0 14px}.topbar small,.top-status{display:none}.page-content{padding:29px 16px 88px}.page-heading{align-items:flex-start;margin-bottom:25px}.page-heading h1{font-size:34px}.page-heading>div>p:last-child{max-width:250px;font-size:12px;line-height:1.5}.heading-actions .updated,.heading-actions .secondary-button{display:none}.attention-band{align-items:flex-start;padding:16px}.attention-band>div{display:block}.attention-band span{display:block;margin:0 0 7px}.attention-band p{margin-top:5px;line-height:1.5}.attention-band button{padding:4px;font-size:0}.attention-band button svg{width:20px;height:20px}.section-title{min-height:67px;padding:14px 15px}.service-main{grid-template-columns:10px minmax(110px,1fr) auto 16px;gap:10px;padding:10px 14px}.service-uptime{display:none}.service-detail{grid-template-columns:1fr;gap:5px;padding-left:45px}.service-row.expanded .service-detail{max-height:100px;padding:12px 15px 12px 45px}.overview-grid{gap:13px;margin-top:13px}.resource-meters{grid-template-columns:1fr;gap:17px}.activity-list{padding-inline:15px}.activity-item{grid-template-columns:45px 7px minmax(0,1fr);gap:9px}.config-page .page-heading .primary-button{width:38px;min-width:38px;padding:0;font-size:0}.config-page .page-heading .primary-button svg{width:17px}.config-tabs{margin:0 -16px;padding:0 16px 5px}.config-row{min-height:105px;grid-template-columns:1fr;gap:10px;padding:16px 0}.toggle-row{grid-template-columns:1fr auto;min-height:75px}.config-fields{padding-inline:15px}.browser-toolbar{align-items:flex-start}.browser-toolbar>div:first-child code{display:none}.quality-control button{min-width:38px;padding-inline:5px}.browser-toolbar .secondary-button{width:36px;min-width:36px;padding:0;font-size:0}.browser-canvas{height:calc(100vh - 230px);min-height:420px}.logs-page .page-heading .heading-actions{gap:5px}.logs-page .heading-actions .secondary-button{display:inline-flex;width:36px;min-width:36px;padding:0;font-size:0}.log-console{min-height:450px;height:calc(100vh - 240px)}.log-console>div{grid-template-columns:35px minmax(0,1fr);font-size:10px;padding-right:9px}.log-console span{padding-right:8px}.mobile-nav{height:65px;display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0;z-index:22;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fafbfcf0;backdrop-filter:blur(14px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;color:#858b94;background:transparent;font-size:9px}.mobile-nav button.active{color:var(--blue)}.login-panel{padding:32px 27px}.login-panel h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}