:root{--color-primary: #1877f2;--color-primary-hover: #0064e0;--color-primary-deep: #0a78be;--color-bg: #ffffff;--color-bg-gray: #f5f6f7;--color-bg-hover: #f2f3f5;--color-text: #1c1e21;--color-text-strong: #111827;--color-text-sub: #65676b;--color-text-link: #1877f2;--color-border: #dadde1;--color-border-light: #dddfe2;--color-divider: #cbd2d9;--color-success: #31a24c;--color-danger: #dc373c;--color-off: #a7b3bf;--color-primary-soft: #e7f0fe;--font-family: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Roboto", "Helvetica Neue", Arial, "Noto Sans KR", sans-serif;--font-xs: 12px;--font-sm: 13px;--font-base: 14px;--font-md: 15px;--font-lg: 18px;--font-xl: 24px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--shadow-card: 0 0 1px #00000040, 0 1px 5px 3px #0000000d, 0 5px 4px -3px #0000000f;--shadow-nav: 1px 0 2px #00000014, 0 0 1px #0000000d, 0 0 1px #00000080 inset;--nav-w: 232px;--nav-w-collapsed: 56px;--topbar-h: 52px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--color-text);background:var(--color-bg-gray);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:var(--color-text-link);text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:9px 14px;font-size:var(--font-base);font-weight:var(--weight-semibold);border-radius:var(--radius-md)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{background:var(--color-off);cursor:default}.btn-ghost{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);padding:8px 14px;font-size:var(--font-base);font-weight:var(--weight-medium);border-radius:var(--radius-md)}.btn-ghost:hover{background:var(--color-bg-hover)}.link-btn{background:none;border:none;color:var(--color-text-link);font-size:var(--font-sm);padding:2px 6px;border-radius:var(--radius-sm)}.link-btn:hover{background:var(--color-bg-hover);text-decoration:underline}.link-btn.danger{color:var(--color-danger)}select{width:100%;padding:9px 12px;font-size:var(--font-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:420px;max-height:86vh;overflow:auto;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.icon-btn{background:none;border:none;color:var(--color-text-sub);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md)}.icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text)}.account-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.account-btn:hover{background:var(--color-bg-hover)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;text-align:left;padding:7px 10px;margin:1px 0;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--color-text);position:relative;line-height:1.3}.menu-item>svg{color:var(--color-text-sub);flex-shrink:0}.menu-item:hover{background:var(--color-bg-hover)}.menu-item:hover>svg{color:var(--color-text)}.menu-item.active{background:var(--color-primary-soft);color:var(--color-primary-deep);font-weight:var(--weight-semibold)}.menu-item.active>svg{color:var(--color-primary)}.menu-item.active:before{content:"";position:absolute;left:-8px;top:5px;bottom:5px;width:3px;background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.menu-item.disabled{color:var(--color-off);cursor:default;font-weight:var(--weight-regular)}.menu-item.disabled>svg{color:var(--color-off)}.menu-item.disabled:hover{background:none}.menu-item .tag-soon{margin-left:auto;font-size:10px;color:var(--color-off);font-weight:var(--weight-regular)}.menu-children{margin:0 0 var(--space-1) 0;padding-left:22px;border-left:1px solid var(--color-border-light);margin-left:18px}.menu-sub{display:block;width:100%;text-align:left;background:none;border:none;padding:6px 10px;margin:1px 0;border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--color-text-sub);line-height:1.3}.menu-sub:hover{background:var(--color-bg-hover);color:var(--color-text)}.menu-sub.active{color:var(--color-primary-deep);font-weight:var(--weight-semibold);background:var(--color-primary-soft)}.menu-sub.disabled{color:var(--color-off);cursor:default}.menu-sub.disabled:hover{background:none}.nav-section{font-size:11px;font-weight:var(--weight-semibold);color:var(--color-text-sub);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-3) 10px var(--space-1)}nav::-webkit-scrollbar{width:8px}nav::-webkit-scrollbar-thumb{background:#c9ccd1;border-radius:4px;border:2px solid var(--color-bg)}nav::-webkit-scrollbar-thumb:hover{background:#b0b4ba}