@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;700&display=swap");:root{--brand:#2563eb;--brand-hover:#1d4ed8;--brand-subtle:#e8effc;--success:#15803d;--success-bg:#e8f5ec;--warning:#b45309;--warning-bg:#fdf1e0;--danger:#c0392b;--danger-bg:#fdeceb;--info:#1d4ed8;--muted:#6b7280;--muted-bg:#eef0f2;--canvas:#f6f7f9;--panel:#fff;--subtle:#f8f9fb;--disabled:#f1f3f5;--text:#1c1f23;--text-2:#4b5563;--border:#e3e6ea;--border-strong:#d9dde2;--mono:"IBM Plex Mono",monospace;--sans:"Noto Sans KR",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-width:1024px;background:var(--canvas);color:var(--text);font:13px/1.5 var(--sans)}button,input,select{font:inherit}a,button{transition:background .15s,color .15s,border-color .15s}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.skip-link{position:fixed;left:16px;top:-60px;background:var(--text);color:#fff;padding:10px 16px;z-index:100}.skip-link:focus{top:12px}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;z-index:5}.brand{height:72px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid var(--border)}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--brand);color:#fff;font:600 17px var(--mono)}.brand small,.brand strong{display:block}.brand strong{font-size:16px}.brand small{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.sidebar nav{padding:14px 10px;flex:1 1}.sidebar nav section{margin:0 0 16px}.sidebar nav h2{margin:0 10px 5px;color:#8b929c;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li a{display:block;padding:7px 10px;border-radius:6px;color:var(--text-2);font-size:12px}.sidebar li a:hover{background:var(--subtle);color:var(--text)}.sidebar li a.active{background:var(--brand-subtle);color:var(--brand);font-weight:700;box-shadow:inset 3px 0 var(--brand)}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--border);background:var(--subtle)}.sidebar-footer span,.sidebar-footer strong{display:block;font-size:11px}.sidebar-footer span{color:var(--muted)}.workspace{min-width:0}.topbar{height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow,.topbar strong{display:block}.eyebrow{font-size:10px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px}.role-chip{font:500 10px var(--mono);padding:5px 9px;border-radius:999px;background:var(--muted-bg);color:var(--text-2)}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--text);color:#fff;font-size:10px}main{padding:24px;min-width:0;max-width:1600px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:5px}.breadcrumbs span{margin:0 5px;color:#b4bac2}.page-header h1{font-size:21px;line-height:1.3;margin:0 0 4px}.page-header p{margin:0;color:var(--muted);font-size:12px}.button{min-height:34px;padding:0 14px;border-radius:6px;border:1px solid transparent;font-weight:500;cursor:pointer}.button.primary{background:var(--brand);color:#fff}.button.primary:hover{background:var(--brand-hover)}.button.secondary{background:var(--panel);border-color:var(--border-strong);color:var(--text-2)}.button.secondary:hover{background:var(--subtle)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.summary-grid article{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.summary-grid small,.summary-grid span,.summary-grid strong{display:block}.summary-grid span{font-size:12px;color:var(--muted)}.summary-grid strong{font:600 22px/1.5 var(--mono);margin:3px 0}.summary-grid small{font-size:10px;color:var(--muted)}.filter-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:14px 16px;margin:16px 0;background:var(--panel);border:1px solid var(--border);border-radius:8px}.filter-bar label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.filter-bar input,.filter-bar select{height:34px;min-width:180px;padding:0 10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);color:var(--text)}.filter-bar>div{margin-left:auto;display:flex;gap:8px}.table-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.table-panel>footer,.table-panel>header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.table-panel>header{border-bottom:1px solid var(--border)}.table-panel>header strong{margin-right:8px}.table-panel>footer,.table-panel>header small,.table-panel>header span{font-size:11px;color:var(--muted)}.table-scroll{overflow-x:auto}.table-panel table{width:100%;min-width:1080px;border-collapse:collapse}.table-panel th{background:var(--subtle);font-size:11.5px;text-align:left;color:var(--text-2)}.table-panel td,.table-panel th{padding:10px 12px;white-space:nowrap}.table-panel td{height:48px;border-top:1px solid var(--border);font-size:12.5px}.table-panel tbody tr:hover{background:#f6f8fc}.table-panel td:nth-child(n+2){font-family:var(--mono);font-size:11.5px}.table-panel>footer{border-top:1px solid var(--border)}.table-panel>footer nav{display:flex;gap:4px}.table-panel>footer button{width:28px;height:28px;border:1px solid var(--border);background:var(--panel);border-radius:5px}.table-panel>footer button.current{background:var(--brand);color:#fff}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font:500 11px var(--sans)}.badge.success{color:var(--success);background:var(--success-bg)}.badge.warning{color:var(--warning);background:var(--warning-bg)}.badge.danger{color:var(--danger);background:var(--danger-bg)}.badge.info{color:var(--info);background:var(--brand-subtle)}.badge.muted{color:var(--muted);background:var(--muted-bg)}.exception,.metric-formula,.workflow-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px 16px;margin:0 0 16px}.workflow-panel h2{margin:0;font-size:14px}.workflow-panel p{margin:2px 0 0;color:var(--muted);font-size:12px}.workflow-panel output{font:600 12px var(--mono);color:var(--brand);display:flex;gap:8px}.workflow-panel.warning{border-color:#f0c991;background:var(--warning-bg)}.workflow-panel.danger{border-color:#e8a19b;background:var(--danger-bg)}.exception{justify-content:flex-start}.exception strong{font-size:13px}.exception span{color:var(--text-2);font-size:12px}.exception a{margin-left:auto;font-weight:500}.exception.warning{background:var(--warning-bg);border-color:#f0c991;color:var(--warning)}.exception.danger{background:var(--danger-bg);border-color:#e8a19b;color:var(--danger)}.metric-formula{display:block}.metric-formula>div{display:flex;justify-content:space-between}.metric-formula .formula-row{justify-content:flex-start;gap:12px;margin:12px 0;font:500 14px var(--mono)}.metric-formula small{color:var(--muted)}.preview-label{font-size:10px;background:var(--success-bg);color:var(--success);padding:2px 6px;border-radius:999px}.trace-graph{display:flex;align-items:stretch;overflow-x:auto;margin:0 0 16px;padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.trace-node{display:flex;align-items:center;white-space:nowrap}.trace-node>span{margin:0 5px;color:#aeb5bf}.trace-node button{min-height:44px;padding:0 13px;background:var(--subtle);border:1px solid var(--border);border-radius:6px}.trace-node.missing button{border-style:dashed;color:var(--muted)}.state-block{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:8px}.state-block h2{font-size:14px;margin:10px 0 3px}.state-block p{color:var(--muted);margin:0 0 12px}.state-block small{font-family:var(--mono);color:var(--danger);margin-bottom:12px}.state-icon{font-size:24px;color:var(--muted)}.masked-value{display:inline-flex;gap:6px;align-items:center}.masked-value button{display:none}.standalone-state{max-width:540px!important;margin:20vh auto!important;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:10px}.denied-page{padding-top:48px}@media(max-width:1250px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-panel{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.password-card{gap:18px}.password-notice{padding:11px 12px;border:1px solid #cddcf7;background:#eef4ff;border-radius:6px;font-size:12px;color:#1d4ed8;line-height:1.5}.password-policy{margin-top:-8px;color:#6b7280;font-size:11px;line-height:1.5}.password-card>form:last-child{display:block}.password-card .password-logout{width:100%;height:36px;border:1px solid #d9dde2;background:#fff;color:#6b7280;font-size:12px}.password-card .password-logout:hover{background:#f6f7f9;color:#1c1f23}.top-actions form{margin:0}.topbar-logout{border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;padding:5px}.topbar-logout:hover{color:var(--text)}.login-page{min-height:100vh;max-width:none;margin:0;display:flex;align-items:center;justify-content:center;background:#f6f7f9;padding:60px 0}.login-card{width:400px;background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:40px 36px;gap:20px}.login-brand,.login-card{display:flex;flex-direction:column}.login-brand{gap:6px;align-items:center}.login-brand strong{font-size:26px;letter-spacing:-.01em}.login-brand span{font-size:12px;color:#6b7280}.login-card form{display:flex;flex-direction:column;gap:20px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#4b5563}.login-card input{height:42px;border:1px solid #e3e6ea;border-radius:6px;background:#fff;padding:0 12px;font-size:13px;color:#1c1f23}.login-card input:focus{border-color:#2563eb;outline:2px solid #dbe7ff;outline-offset:0}.login-card button{height:44px;border:0;border-radius:6px;background:#2563eb;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.login-card button:hover{background:#1d4ed8}.login-error{padding:11px 12px;border:1px solid #f3c9c5;background:#fdeceb;border-radius:6px;font-size:12px;color:#c0392b;line-height:1.5}.login-help{font-size:12px;color:#6b7280;text-align:center}.action-panel{margin:16px 0;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.action-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.action-panel h2{margin:2px 0;font-size:16px}.action-panel p{margin:2px 0;color:var(--text-2)}.action-panel .fixture-notice{margin-top:12px;padding:10px 12px;background:var(--warning-bg);color:var(--warning);border-radius:6px}.action-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.action-form label{display:grid;grid-gap:5px;gap:5px;font-size:11px;color:var(--text-2)}.action-form input{min-width:0;padding:8px 10px;border:1px solid var(--border-strong);border-radius:5px;background:#fff}.action-form>.button{align-self:end}.action-panel output{display:block;margin-top:12px;font-weight:700;color:var(--brand)}