:root{--bg: #f4f4f4;--panel: #ffffff;--muted: #666666;--text: #111827;--accent: #2563eb;--accent-2: #059669;--warn: #ca8a04;--danger: #dc2626;--card: #ffffff;--card-border: #e5e5e5}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Helvetica,Arial;line-height:1.5}.wrap{max-width:1280px;margin:0 auto;padding:16px}.header{position:sticky;top:0;z-index:10;background:#f4f4f4d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--card-border)}.toolbar{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.toolbar-right{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.breadcrumb{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--muted)}.breadcrumb .link{background:none;border:none;color:var(--accent);text-decoration:none;cursor:pointer;padding:0;font-size:14px}.breadcrumb .sep{color:var(--muted)}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:10px 0 0}.kpi{background:var(--panel);border:1px solid var(--card-border);border-radius:10px;padding:10px}.kpi-label{font-size:12px;color:var(--muted)}.kpi-value{font-size:18px;font-weight:700}.toolbar .spacer{flex:1 1 auto}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--card-border);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;font-size:14px;min-height:36px}.btn:hover{background:#ededed}.switch{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:4px 6px;cursor:pointer;border-radius:8px;min-height:36px}.switch:focus{outline:none;box-shadow:0 0 0 2px #2563eb40}.switch.disabled{opacity:.5;cursor:not-allowed}.switch-text{font-size:14px;color:var(--text)}.switch-track{position:relative;width:44px;height:24px;background:#e5e7eb;border-radius:999px;transition:background-color .2s ease,border-color .2s ease;border:1px solid var(--card-border)}.switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:999px;box-shadow:0 1px 2px #00000026;transition:transform .2s ease}.switch.checked .switch-track{background:#34d399;border-color:#a7f3d0}.switch.checked .switch-thumb{transform:translate(20px)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:14px}.cards.floors{grid-template-columns:1fr}@media (min-width: 1200px){.cards.floors{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 1600px){.cards.floors{gap:20px}}@media (min-width: 1920px){.cards.floors{gap:24px}}.cards.racks{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:13px}.cards.racks .card{padding:17px}.cards.racks .card-title{font-size:20px;margin-bottom:8px}.cards.racks .metric{font-size:33px}.cards.racks .muted{font-size:15px}.cards.racks .pill{font-size:15px;padding:4px 10px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:14px;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000014}.card-title{font-weight:700;font-size:16px;margin:0 0 6px}.card-metric,.metric{font-size:26px;font-weight:700}.muted{color:var(--muted);font-size:12px}.grid-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.legend{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin:8px 0}.legend .tag{padding:2px 8px;border-radius:999px;border:1px dashed var(--card-border)}.cards.floors .card{padding:28px;border-radius:16px;min-height:320px}.cards.floors .card-title{font-size:48px;margin-bottom:10px}.cards.floors .metric{font-size:100px}.cards.floors .muted{font-size:28px}.cards.floors .pill{font-size:24px;padding:8px 16px}.pill{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--card-border)}.pill.ok{color:var(--accent-2);border-color:#a7f3d0;background:#ecfdf5}.pill.warn{color:var(--warn);border-color:#fde68a;background:#fffbeb}.pill.bad{color:var(--danger);border-color:#fecaca;background:#fef2f2}.table-wrap{margin-top:12px;background:var(--panel);border:1px solid var(--card-border);border-radius:12px;overflow:auto;max-height:69vh}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--card-border);white-space:nowrap}.tbl thead th{text-align:left;color:var(--muted);font-weight:600;background:#f2f2f2;position:sticky;top:0}.tbl tbody tr:hover td{background:#f7f7f7}.tbl .num{text-align:right}@media (min-width: 1600px){.wrap{max-width:1440px}.kpi{padding:12px}.kpi-label{font-size:15px}.kpi-value{font-size:28px}.card{padding:16px}.card-title{font-size:18px}.card-metric,.metric{font-size:32px}.tbl{font-size:15px}.cards.racks{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.cards.racks .card{padding:20px}.cards.racks .card-title{font-size:22px}.cards.racks .metric{font-size:40px}.cards.racks .muted{font-size:17px}.cards.racks .pill{font-size:16px;padding:6px 12px}.cards.floors .card{padding:40px;min-height:380px}.cards.floors .card-title{font-size:56px}.cards.floors .metric{font-size:120px}.cards.floors .muted{font-size:30px}.cards.floors .pill{font-size:26px;padding:10px 18px}}@media (min-width: 1800px){.wrap{max-width:1800px}.kpi{padding:14px;border-radius:12px}.kpi-label{font-size:16px}.kpi-value{font-size:32px}.card{padding:18px;border-radius:16px}.card-title{font-size:20px}.card-metric,.metric{font-size:36px}.tbl{font-size:16px}.cards.racks{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.cards.racks .card{padding:23px}.cards.racks .card-title{font-size:25px}.cards.racks .metric{font-size:45px}.cards.racks .muted{font-size:18px}.cards.racks .pill{font-size:18px;padding:8px 14px}.cards.floors .card{padding:48px;min-height:440px;border-radius:18px}.cards.floors .card-title{font-size:60px}.cards.floors .metric{font-size:136px}.cards.floors .muted{font-size:32px}.cards.floors .pill{font-size:28px;padding:12px 20px}}