:root{--bg:#f2f5f7;--surface:#fff;--ink:#182530;--ink2:#5c7080;--line:#dce5eb;--accent:#0f6bb0;--accent-soft:#e9f1f6;--aws:#d97706;--gcp:#2563eb;--azure:#0d9488;--ok:#15803d;--fail:#b91c1c;--running:#a16207;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Pretendard Variable,Noto Sans KR,Apple SD Gothic Neo,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;line-height:1.5}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}a{color:var(--accent)}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 12px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--fail);border-color:#ecc9c9}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input,select,textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;padding:7px 10px}textarea{min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:20px;height:52px;padding:0 20px;display:flex}.wordmark{letter-spacing:.02em;white-space:nowrap;font-weight:700}.wordmark .dot{color:var(--accent)}.tabs{flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.tabs button{color:var(--ink2);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:15px 12px 13px}.tabs button.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.topbar .right{align-items:center;gap:8px;display:flex}.topbar select{width:auto;padding:5px 8px}.freshness{background:var(--accent-soft);border-bottom:1px solid var(--line);color:var(--ink2);flex-wrap:wrap;align-items:center;gap:6px 18px;padding:7px 20px;font-size:12px;display:flex}.freshness .label{color:var(--ink);font-weight:600}.pdot{vertical-align:baseline;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.pdot.aws{background:var(--aws)}.pdot.gcp{background:var(--gcp)}.pdot.azure{background:var(--azure)}main{max-width:1180px;margin:0 auto;padding:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card h3{color:var(--ink2);margin:0 0 10px;font-size:13px;font-weight:600}.stat{font-size:24px;font-weight:700}.stat-sub{color:var(--ink2);margin-top:2px;font-size:12px}.section{margin-top:18px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--ink2);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}tr:hover td{background:#f7fafc}td.num,th.num{text-align:right}.table-wrap{overflow-x:auto}.chip{border:1px solid var(--line);color:var(--ink2);background:var(--surface);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.chip.ok{color:var(--ok);background:#f2faf4;border-color:#cde6d4}.chip.fail{color:var(--fail);background:#fdf4f4;border-color:#ecc9c9}.chip.running{color:var(--running);background:#fbf7ea;border-color:#eadfb9}.form{gap:10px;max-width:560px;display:grid}.form label{color:var(--ink2);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form .hint{color:var(--ink2);font-size:12px}.form .error{color:var(--fail);font-size:13px}.form .ok-msg{color:var(--ok);font-size:13px}.login-wrap{place-items:center;min-height:100vh;display:grid}.login-card{width:340px}.login-card h1{margin:0 0 4px;font-size:18px}.login-card .sub{color:var(--ink2);margin-bottom:16px;font-size:12px}.chart-box{position:relative}.chart-tooltip{pointer-events:none;background:var(--ink);color:#fff;z-index:5;border-radius:8px;min-width:150px;padding:8px 10px;font-size:12px;position:absolute;transform:translate(-50%,-100%)}.chart-tooltip .tt-row{justify-content:space-between;gap:12px;display:flex}.legend{color:var(--ink2);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12px;display:flex}.legend .sw{border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.empty{color:var(--ink2);text-align:center;padding:28px 0}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>*{width:auto}.spacer{flex:1}@media (prefers-reduced-motion:no-preference){.tabs button,button,.chip{transition:background-color .12s,border-color .12s}}