:root{--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;--font-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--color-black:#000;--color-near-black:#1d1d1f;--color-light-gray:#f5f5f7;--color-white:#fff;--color-blue:#0071e3;--color-blue-hover:#0077ed;--color-blue-press:#006edb;--color-link-light:#06c;--color-link-dark:#2997ff;--surface-dark-1:#272729;--surface-dark-2:#262628;--surface-dark-4:#2a2a2d;--status-ok:#30d158;--status-degraded:#ff9f0a;--status-down:#ff375f;--env-dev:#6e6e73;--env-stg:#0071e3;--env-prd:#d70015;--on-env:#fff;--tint-accent:#0071e31a;--tint-warn:#ff9f0a24;--tint-danger:#ff375f1a;--tint-ok:#30d15824;--border-warn:#ff9f0a80;--border-danger:#ff375f6b;--border-ok:#30d15880;--focus-ring:#0071e347;--radius-micro:5px;--radius-std:8px;--radius-large:12px;--radius-tile:18px;--radius-pill:980px;--nav-height:48px;--sidebar-width:216px;--content-max:1280px;--bg:var(--color-light-gray);--surface:var(--color-white);--surface-2:var(--color-light-gray);--field:var(--color-white);--fg:var(--color-near-black);--muted:#6e6e73;--muted-2:#86868b;--link:var(--color-link-light);--accent:var(--color-blue);--on-accent:var(--color-white);--text-success:#248a3d;--text-warning:#b64400;--text-danger:#d70015;--border:#00000014;--border-strong:#00000029;--input-border:#00000024;--hover:#0000000a;--segment-bg:#0000000d;--nav-bg:#fbfbfdd1;--sidebar-bg:#fff9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--color-black);--surface:var(--surface-dark-1);--surface-2:var(--surface-dark-4);--field:var(--surface-dark-2);--fg:var(--color-white);--muted:#a1a1a6;--muted-2:#86868b;--link:var(--color-link-dark);--text-success:#30d158;--text-warning:#ff9f0a;--text-danger:#ff6482;--border:#ffffff1a;--border-strong:#ffffff38;--input-border:#ffffff29;--hover:#ffffff14;--segment-bg:#ffffff14;--nav-bg:#161617cc;--sidebar-bg:#161617e6;--tint-accent:#2997ff2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--color-black);--surface:var(--surface-dark-1);--surface-2:var(--surface-dark-4);--field:var(--surface-dark-2);--fg:var(--color-white);--muted:#a1a1a6;--muted-2:#86868b;--link:var(--color-link-dark);--text-success:#30d158;--text-warning:#ff9f0a;--text-danger:#ff6482;--border:#ffffff1a;--border-strong:#ffffff38;--input-border:#ffffff29;--hover:#ffffff14;--segment-bg:#ffffff14;--nav-bg:#161617cc;--sidebar-bg:#161617e6;--tint-accent:#2997ff2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-text);letter-spacing:-.224px;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.43;transition:background-color .15s,color .15s}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1{font-family:var(--font-display);letter-spacing:.196px;margin:0 0 20px;font-size:28px;font-weight:600;line-height:1.14}h2{font-family:var(--font-display);letter-spacing:.231px;margin:28px 0 12px;font-size:21px;font-weight:600;line-height:1.19}h3{letter-spacing:-.374px;margin:0 0 12px;font-size:17px;font-weight:600;line-height:1.24}p{margin:0 0 8px}ul{margin:0;padding-left:20px}li+li{margin-top:6px}strong{font-weight:600}pre{background:var(--surface-2);border-radius:var(--radius-std);font-family:var(--font-mono);letter-spacing:0;white-space:pre-wrap;word-break:break-word;margin:0;padding:12px 14px;font-size:12px;overflow-x:auto}.muted{color:var(--muted)}.faint{color:var(--muted-2)}.small{letter-spacing:-.12px;font-size:12px;line-height:1.33}.mono{font-family:var(--font-mono);letter-spacing:0;font-size:12px}.danger{color:var(--text-danger)}.warning{color:var(--text-warning)}.success{color:var(--text-success)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}label.stack{gap:6px}.spacer{flex:1}.card{background:var(--surface);border-radius:var(--radius-tile);padding:20px 24px}.card+.card{margin-top:16px}.notice{border-radius:var(--radius-large);background:var(--surface);border:1px solid var(--border-strong);padding:10px 14px}.notice.warn{background:var(--tint-warn);border-color:var(--border-warn)}.notice.error{background:var(--tint-danger);border-color:var(--border-danger)}.notice.ok{background:var(--tint-ok);border-color:var(--border-ok)}.content>*+*,.env-frame>*+*{margin-top:16px}input,select,textarea,button{font:inherit;letter-spacing:inherit}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{background:var(--field);border:1px solid var(--input-border);border-radius:var(--radius-std);color:var(--fg);min-width:0;min-height:36px;padding:7px 11px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--muted-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;margin:0}textarea{resize:vertical;width:100%;min-height:4.5rem}.w-full{width:100%}.w-num{width:7rem}button{background:var(--accent);min-height:36px;color:var(--on-accent);border:1px solid var(--accent);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 18px;font-size:14px;font-weight:400;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}button:hover:not(:disabled){background:var(--color-blue-hover);border-color:var(--color-blue-hover)}button:active:not(:disabled){background:var(--color-blue-press)}button:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--link);border-color:var(--link);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--tint-accent);border-color:var(--link)}.btn-ghost:active:not(:disabled){background:var(--tint-accent)}.btn-small{letter-spacing:-.12px;min-height:28px;padding:3px 12px;font-size:12px}.btn-danger{color:var(--text-danger);border-color:var(--border-danger);background:0 0}.btn-danger:hover:not(:disabled),.btn-danger:active:not(:disabled){background:var(--tint-danger);border-color:var(--border-danger)}.btn-link{min-height:0;color:var(--link);background:0 0;border:0;border-radius:0;padding:0}.btn-link:hover:not(:disabled),.btn-link:active:not(:disabled){background:0 0;text-decoration:underline}.icon-btn{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--fg);border:1px solid var(--border);background:0 0;border-radius:50%;padding:0}.icon-btn:hover:not(:disabled),.icon-btn:active:not(:disabled){background:var(--hover);border-color:var(--border-strong)}.icon-btn svg{width:17px;height:17px;display:block}.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(20px);height:100vh;padding:14px 12px 24px;position:sticky;top:0;overflow-y:auto}.sidebar .brand{color:var(--fg);font-family:var(--font-display);letter-spacing:-.374px;margin:0 0 18px;padding:4px 10px;font-size:17px;font-weight:600;display:block}.sidebar .brand:hover{background:0 0;text-decoration:none}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar .group{color:var(--muted-2);letter-spacing:-.12px;margin:16px 10px 4px;font-size:12px;font-weight:600}.sidebar a{color:var(--fg);border-radius:var(--radius-std);padding:6px 10px;transition:background-color .15s}.sidebar a:hover{background:var(--hover);text-decoration:none}.sidebar a.sub{padding-left:18px}.sidebar a.active{background:var(--tint-accent);color:var(--link);font-weight:600}.main{min-width:0}.topbar{z-index:40;height:var(--nav-height);background:var(--nav-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(20px);align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.content{max-width:var(--content-max);padding:28px 32px 48px}.env-frame:before{content:"";pointer-events:none;z-index:50;border:3px solid #0000;position:fixed;inset:0}.env-frame.env-dev:before{border-color:var(--env-dev)}.env-frame.env-stg:before{border-color:var(--env-stg)}.env-frame.env-prd:before{border-width:5px;border-color:var(--env-prd)}.env-frame>.row:first-child{margin-bottom:20px}.env-badge{border-radius:var(--radius-pill);letter-spacing:0;color:var(--on-env);padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.env-badge.env-dev{background:var(--env-dev)}.env-badge.env-stg{background:var(--env-stg)}.env-badge.env-prd{background:var(--env-prd)}.env-switch{background:var(--segment-bg);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.env-switch a{border-radius:var(--radius-pill);color:var(--muted);letter-spacing:0;padding:3px 12px;font-size:12px;font-weight:600;transition:background-color .15s,color .15s}.env-switch a:hover{color:var(--fg);text-decoration:none}.env-switch a.active{color:var(--on-env)}.env-switch a.active.env-dev{background:var(--env-dev)}.env-switch a.active.env-stg{background:var(--env-stg)}.env-switch a.active.env-prd{background:var(--env-prd)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 12px}th{color:var(--muted);letter-spacing:-.12px;white-space:nowrap;font-size:12px;font-weight:600}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--hover)}tr.changed td,tr.changed:hover td{background:var(--tint-accent)}.table-wrap{overflow-x:auto}.card.table-wrap{padding:8px 12px}.card.table-wrap>h3{margin:12px 12px 4px}.dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.ok{background:var(--status-ok)}.dot.degraded{background:var(--status-degraded)}.dot.down{background:var(--status-down)}.cell-line{white-space:nowrap}.login{max-width:420px;margin:14vh auto 0;padding:0 16px}.login .card{gap:16px;padding:40px 36px 32px}.login h1{letter-spacing:0;margin:0;font-size:40px;line-height:1.1}.login h3{font-family:var(--font-display);letter-spacing:.231px;margin:0 0 8px;font-size:21px;font-weight:400}.login button{letter-spacing:-.374px;min-height:44px;font-size:17px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:760px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.sidebar nav{flex-flow:wrap}.sidebar .group{width:100%}.topbar{padding:0 16px}.content{padding:20px 16px 40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}