:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius: 14px;--radius-sm: 9px;--bg: #eef1f8;--bg-grad: radial-gradient(1200px 600px at 12% -10%, #e7ecfb 0%, transparent 60%), radial-gradient(1000px 500px at 100% 0%, #f3e9fb 0%, transparent 55%), #eef1f8;--surface: #ffffff;--surface-2: #f6f8fc;--surface-3: #eef2f9;--text: #121726;--text-muted: #566077;--text-faint: #7b8398;--border: #d7deeb;--border-strong: #c2cbdd;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eceafe;--on-accent: #ffffff;--ok: #047857;--ok-soft: #e4f6ee;--warn: #b45309;--warn-soft: #fcf0dd;--crit: #c01f2e;--crit-soft: #fde7e9;--info: #0369a1;--info-soft: #e2f1fb;--shadow-sm: 0 1px 2px rgba(18, 23, 38, .06), 0 1px 3px rgba(18, 23, 38, .08);--shadow-md: 0 6px 20px rgba(18, 23, 38, .08), 0 2px 6px rgba(18, 23, 38, .06);--chart-h: 320px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0b0d14;--bg-grad: radial-gradient(1200px 600px at 12% -10%, #141a2e 0%, transparent 60%), radial-gradient(1000px 500px at 100% 0%, #1a1430 0%, transparent 55%), #0b0d14;--surface: #151926;--surface-2: #1b2130;--surface-3: #212838;--text: #e8ebf3;--text-muted: #a4adc2;--text-faint: #7c8599;--border: #2a3242;--border-strong: #3a4357;--accent: #818cf8;--accent-hover: #a5b0ff;--accent-soft: #23263d;--on-accent: #0b0d14;--ok: #34d399;--ok-soft: #10261f;--warn: #fbbf24;--warn-soft: #2a2110;--crit: #fb7185;--crit-soft: #2c1419;--info: #60a5fa;--info-soft: #11202f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 28px rgba(0, 0, 0, .5);color-scheme:dark}}:root[data-theme=dark]{--bg: #0b0d14;--bg-grad: radial-gradient(1200px 600px at 12% -10%, #141a2e 0%, transparent 60%), radial-gradient(1000px 500px at 100% 0%, #1a1430 0%, transparent 55%), #0b0d14;--surface: #151926;--surface-2: #1b2130;--surface-3: #212838;--text: #e8ebf3;--text-muted: #a4adc2;--text-faint: #7c8599;--border: #2a3242;--border-strong: #3a4357;--accent: #818cf8;--accent-hover: #a5b0ff;--accent-soft: #23263d;--on-accent: #0b0d14;--ok: #34d399;--ok-soft: #10261f;--warn: #fbbf24;--warn-soft: #2a2110;--crit: #fb7185;--crit-soft: #2c1419;--info: #60a5fa;--info-soft: #11202f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 28px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Pretendard,system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;background:var(--bg-grad);background-attachment:fixed;color:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;letter-spacing:-.02em}.btn{font:inherit;font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:background .15s,border-color .15s,transform .05s,color .15s;color:var(--text);background:var(--surface-2);border-color:var(--border)}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:transparent;border-color:var(--border)}.btn--danger{background:transparent;color:var(--crit);border-color:var(--border)}.btn--danger:hover:not(:disabled){background:var(--crit-soft);border-color:var(--crit)}.btn--sm{padding:var(--sp-1) var(--sp-3);font-size:13px}.btn--block{width:100%}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field__label{font-size:13px;font-weight:600;color:var(--text-muted)}.field__hint{font-style:normal;color:var(--text-faint);font-weight:400}.field__input{font:inherit;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);min-height:42px;width:100%}.field__input:focus{border-color:var(--accent)}.field--check{flex-direction:row;align-items:center;gap:var(--sp-2)}.field--check input{width:18px;height:18px;accent-color:var(--accent)}.login{min-height:100%;display:grid;place-items:center;padding:var(--sp-5)}.login__card{width:min(380px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.login__brand{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.login__mark{font-size:34px;line-height:1;color:var(--accent)}.login__title{font-size:26px;font-weight:800}.login__sub{margin:2px 0 0;color:var(--text-muted);font-size:13px}.login__error{margin:0;color:var(--crit);background:var(--crit-soft);border:1px solid var(--crit);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:13px;font-weight:600}.bootscreen{min-height:100%;display:grid;place-items:center}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar__brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:800}.topbar__mark{color:var(--accent);font-size:22px}.topbar__name{font-size:18px;letter-spacing:-.02em}.topbar__nav{display:flex;gap:var(--sp-1);flex:1}.navlink{font:inherit;font-weight:600;background:transparent;border:1px solid transparent;color:var(--text-muted);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);cursor:pointer}.navlink:hover{background:var(--surface-2);color:var(--text)}.navlink--active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.topbar__right{display:flex;align-items:center;gap:var(--sp-3)}.topbar__user{font-size:13px;color:var(--text-muted);font-weight:600}.content{flex:1;width:min(1200px,100%);margin:0 auto;padding:var(--sp-5)}.view{display:flex;flex-direction:column;gap:var(--sp-5)}.view__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.view__title{font-size:24px;font-weight:800}.view__sub{margin:2px 0 0;color:var(--text-muted);font-size:14px}.view__actions{display:flex;gap:var(--sp-2)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.banner{border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:14px;font-weight:500}.banner--error{background:var(--crit-soft);color:var(--crit);border:1px solid var(--crit)}.banner--ok{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok)}.banner--info{display:block;line-height:1.6;background:var(--info-soft);color:var(--info);border:1px solid color-mix(in srgb,var(--info) 45%,transparent)}.banner--info code{font-family:ui-monospace,Cascadia Code,monospace;font-size:.92em;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--info) 14%,transparent);white-space:nowrap}.spinner{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-muted);padding:var(--sp-6);justify-content:center}.spinner__dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:var(--sp-7) var(--sp-5);color:var(--text-muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius)}.empty__title{font-weight:700;color:var(--text);margin:0 0 var(--sp-1)}.empty__hint{margin:0;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.card--ok{border-left-color:var(--ok)}.card--warn{border-left-color:var(--warn)}.card--crit{border-left-color:var(--crit);box-shadow:0 0 0 1px color-mix(in srgb,var(--crit) 35%,transparent),var(--shadow-md)}.card--degraded{border-left-color:var(--text-faint)}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.card__titlewrap{display:flex;flex-direction:column;gap:2px}.card__title{font-size:17px;font-weight:700}.card__type{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--text-faint);text-transform:uppercase}.card__pct{display:flex;align-items:baseline;gap:var(--sp-2)}.card__pctval{font-size:clamp(2rem,5vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1}.card__pctunit{font-size:13px;color:var(--text-muted);font-weight:600}.card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin:0}.card__stats div{background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3)}.card__stats dt{font-size:11px;color:var(--text-muted);margin:0}.card__stats dd{margin:2px 0 0;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.card__note{margin:0;font-size:12px;color:var(--warn);background:var(--warn-soft);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3)}.card__foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-faint)}.card__vol{font-family:ui-monospace,Cascadia Code,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.card__nodata{color:var(--text-muted);font-size:14px;padding:var(--sp-4) 0}.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge--ok{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.badge--warn{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.badge--crit{color:var(--crit);background:var(--crit-soft);border-color:color-mix(in srgb,var(--crit) 45%,transparent)}.badge--degraded{color:var(--text-muted);background:var(--surface-3);border-color:var(--border-strong)}.usagebar{height:10px;border-radius:999px;background:var(--surface-3);overflow:hidden}.usagebar--degraded{height:auto;background:transparent;font-size:12px;color:var(--text-faint);font-style:italic}.usagebar__fill{height:100%;border-radius:999px;transition:width .4s ease}.usagebar__fill--ok{background:var(--ok)}.usagebar__fill--warn{background:var(--warn)}.usagebar__fill--crit{background:var(--crit)}.detail{display:flex;flex-direction:column;gap:var(--sp-4)}.detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.detail__title{font-size:20px;font-weight:800}.detail__meta{margin:2px 0 0;color:var(--text-muted);font-size:13px;font-family:ui-monospace,Cascadia Code,monospace}.detail__ranges{display:flex;gap:var(--sp-2)}.chip{font:inherit;font-weight:600;font-size:13px;padding:var(--sp-1) var(--sp-4);border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-muted);cursor:pointer}.chip--active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.detail__latest{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);align-items:center;font-size:13px;color:var(--text-muted);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-radius:var(--radius-sm)}.detail__latest strong{color:var(--text);font-variant-numeric:tabular-nums}.chart{position:relative;height:var(--chart-h)}.chart--empty{display:grid;place-items:center;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-sm)}.table-wrap{padding:0;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:top}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-2);position:sticky;top:0}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.nowrap{white-space:nowrap}.table__msg{max-width:320px}.table__actions{white-space:nowrap}.cell-actions{display:inline-flex;gap:var(--sp-1);vertical-align:middle}.cell-title{font-weight:700}.cell-sub{font-size:12px;color:var(--text-faint);font-family:ui-monospace,monospace}.row--disabled{opacity:.6}.tag{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;margin-top:4px}.tag--muted{background:var(--surface-3);color:var(--text-muted)}.testresult{margin-top:var(--sp-2);font-size:12px;font-weight:600}.testresult--ok{color:var(--ok)}.testresult--fail{color:var(--crit)}.tform{display:flex;flex-direction:column;gap:var(--sp-4)}.tform__title{font-size:18px;font-weight:800}.tform__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-4)}.tform__actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}@media (max-width: 680px){.content{padding:var(--sp-4)}.topbar{padding:var(--sp-3) var(--sp-4)}.topbar__nav{order:3;width:100%;flex:none;overflow-x:auto}.card__stats{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}