:root{--font: "Pretendard Variable", "Pretendard", "Noto Sans KR", -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;--bg: #F4F6FA;--surface: #FFFFFF;--surface-dim: #F8FAFD;--line: #EDF0F4;--line-frame: #E2E7EE;--line-strong: #D3DAE4;--navy: #0B2447;--navy-2: #173561;--navy-text: #9DB6D6;--navy-text-dim: #B9C9DD;--text-strong: #1A2233;--text: #41505F;--text-muted: #8592A3;--text-faint: #A6B0BD;--primary: #1957C2;--primary-dim: #EAF1FC;--primary-deep: #12315E;--accent: #0F766E;--accent-dim: #E6F5F3;--warn-bg: #FBF3E0;--warn-border: #F2D9A6;--warn-text: #B45309;--danger-bg: #FBE7E7;--danger-text: #C0392B;--ok-bg: #E4F5EC;--ok-text: #16794C;--ai-bg: #F3EEFB;--ai-text: #7C3AED;--sh-frame: 0 1px 3px rgba(11, 36, 71, .06), 0 4px 16px rgba(11, 36, 71, .05);--sh-navy: 0 12px 40px rgba(11, 36, 71, .1);--focus-ring: 0 0 0 3px rgba(25, 87, 194, .15);--r-card: 12px;--r-card-lg: 16px;--sidebar-w: 244px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:var(--font)}input,textarea,select{font-family:var(--font);font-size:14px;color:var(--text-strong)}textarea{resize:vertical}::placeholder{color:var(--text-faint)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-deep)}.card{background:var(--surface);border:1px solid var(--line-frame);border-radius:var(--r-card);box-shadow:var(--sh-frame)}.input,.textarea,.select{width:100%;border:1.5px solid var(--line-frame);border-radius:10px;padding:10px 13px;outline:none;background:var(--surface);transition:border-color .12s,box-shadow .12s}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:13.5px;border:none;border-radius:10px;padding:10px 18px;cursor:pointer;transition:filter .12s,background .12s}.btn:disabled{cursor:default;opacity:.5}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-deep)}.btn-ghost{background:transparent;color:var(--text-muted);border:1.5px solid var(--line-frame)}.btn-ghost:hover:not(:disabled){background:var(--surface-dim);color:var(--text-strong)}.btn-accent{background:var(--accent);color:#fff}.btn-danger{background:var(--danger-bg);color:var(--danger-text)}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover:not(:disabled){background:var(--navy-2)}.badge{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:99px;border:1.5px solid var(--line-frame);background:var(--surface);color:var(--text);cursor:pointer;transition:all .12s}.pill:hover{border-color:var(--primary);color:var(--primary)}.pill.on{background:var(--primary);border-color:var(--primary);color:#fff}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--navy);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.side-item{display:flex;align-items:center;gap:10px;width:calc(100% - 16px);margin:1px 8px;padding:8px 11px;border:none;border-radius:9px;background:transparent;cursor:pointer;color:var(--navy-text-dim);font:500 12.5px var(--font);text-align:left;transition:background .12s,color .12s}.side-item:hover{background:#ffffff12;color:#fff}.side-item.on{background:#ffffff21;color:#fff;font-weight:700}.side-cap{font:700 10.5px var(--font);color:var(--navy-text);letter-spacing:.06em;padding:14px 19px 5px}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:58px;background:var(--surface);border-bottom:1px solid var(--line-frame);display:flex;align-items:center;gap:12px;padding:0 26px}.content{flex:1;padding:24px 26px 48px;max-width:1240px;width:100%}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:700;color:var(--text-muted);font-size:11.5px;padding:8px 10px;border-bottom:1px solid var(--line-strong);white-space:nowrap}.table td{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:top}.table tr.click{cursor:pointer}.table tr.click:hover td{background:var(--surface-dim)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media print{body{background:#fff}.no-print,.sidebar,.topbar{display:none!important}.content{max-width:none;padding:0}}