:root{--primary: #3182F6;--primary-hover: #1b6ef3;--primary-light: #6aabf9;--primary-soft: rgba(49,130,246,.12);--success: #00B493;--success-soft: rgba(0,180,147,.12);--warning: #FF9500;--warning-soft: rgba(255,149,0,.12);--danger: #F03E3E;--danger-soft: rgba(240,62,62,.12);--info: #3182F6;--info-soft: rgba(49,130,246,.12);--bg: #0D1117;--bg2: #161C26;--bg3: #1E2736;--bg4: #253040;--card: #161C26;--card2: #1E2736;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.14);--border-focus: rgba(49,130,246,.5);--text: #F0F4FA;--text2: #8DA0B8;--text3: #5A7190;--text4: #3A506A;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--shadow-sm: 0 1px 4px rgba(0,0,0,.25);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--shadow-xl: 0 24px 64px rgba(0,0,0,.6);--sidebar-w: 248px;--topbar-h: 64px;--sidebar-bg: #0D1117;--sidebar-border: rgba(255,255,255,.07);--sidebar-logo-border: rgba(255,255,255,.07);--sidebar-text: rgba(255,255,255,.45);--sidebar-text-active: #ffffff;--sidebar-section-label: rgba(255,255,255,.25);--sidebar-nav-active-bg: rgba(49,130,246,.14);--sidebar-nav-hover-bg: rgba(255,255,255,.05);--sidebar-profile-bg: rgba(255,255,255,.03);--sidebar-profile-border:rgba(255,255,255,.07);--header-bg: rgba(13,17,23,.9)}[data-theme=light]{--bg: #F7F8FA;--bg2: #FFFFFF;--bg3: #F0F2F5;--bg4: #E2E6EC;--card: #FFFFFF;--card2: #F7F8FA;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.14);--border-focus: rgba(49,130,246,.5);--text: #191F28;--text2: #4E5968;--text3: #8B95A1;--text4: #B0B8C1;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 12px 40px rgba(0,0,0,.14);--shadow-xl: 0 24px 64px rgba(0,0,0,.18);--sidebar-bg: #FFFFFF;--sidebar-border: rgba(0,0,0,.07);--sidebar-logo-border: rgba(0,0,0,.07);--sidebar-text: #6B7684;--sidebar-text-active: #191F28;--sidebar-section-label: #B0B8C1;--sidebar-nav-active-bg: rgba(49,130,246,.08);--sidebar-nav-hover-bg: rgba(0,0,0,.04);--sidebar-profile-bg: rgba(0,0,0,.02);--sidebar-profile-border:rgba(0,0,0,.08);--header-bg: rgba(247,248,250,.92);--primary-soft: rgba(49,130,246,.1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR,Noto Sans,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .12s,opacity .12s,box-shadow .12s;letter-spacing:-.01em;white-space:nowrap}.btn svg{width:14px;height:14px;flex-shrink:0}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #3182f64d}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #3182f666}.btn-primary:active{opacity:.88}.btn-soft{background:var(--primary-soft);color:var(--primary-light);border:none}.btn-soft:hover{background:#3182f62e}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg3);color:var(--text);border-color:var(--border-strong)}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(240,62,62,.2)}.btn-danger:hover{background:#f03e3e2e}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-xs);font-size:11px;font-weight:600;letter-spacing:0}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--primary-light)}.badge-purple{background:#6366f11f;color:#a5b4fc}.badge-gray{background:#5a719026;color:var(--text3)}.form-group{margin-bottom:16px}.form-label{font-size:12px;font-weight:600;color:var(--text3);margin-bottom:6px;display:block;letter-spacing:0}.form-input{width:100%;padding:10px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3182f626}.form-input::placeholder{color:var(--text4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text4)}.progress-wrap{background:var(--bg4);border-radius:var(--r-full);height:5px;overflow:hidden}.progress-bar{height:100%;border-radius:var(--r-full);background:var(--primary);transition:width .5s cubic-bezier(.4,0,.2,1)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 16px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}