:root{--bg:#f4eee0;--surface:#fbf7ee;--surface-2:#efe7d5;--ink:#2e2a24;--ink-muted:#6b6157;--border:#e2d8c4;--accent:#a9763b;--accent-hover:#8a5e23;--accent-soft:#ebd9bc;--on-accent:#fbf7ee;--success:#3f5b4c;--warning:#b07a2e;--danger:#9c3b2e;--link:#8a5e23;--radius-card:10px;--radius-ctl:8px;--shadow-card:0 1px 2px rgba(46,42,36,0.06);--font-serif:"Noto Serif KR",Georgia,serif;--font-sans:"Pretendard","Noto Sans KR",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}@media (prefers-color-scheme:dark){:root{--bg:#1c1813;--surface:#262019;--surface-2:#2f281f;--ink:#ede4d2;--ink-muted:#a99c86;--border:#3a3128;--accent:#d6a75b;--accent-hover:#e6bc76;--accent-soft:#3a2e1d;--on-accent:#1c1813;--success:#7fa98c;--warning:#d6a75b;--danger:#d08575;--link:#e6bc76;--shadow-card:none}}:root[data-theme=dark]{--bg:#1c1813;--surface:#262019;--surface-2:#2f281f;--ink:#ede4d2;--ink-muted:#a99c86;--border:#3a3128;--accent:#d6a75b;--accent-hover:#e6bc76;--accent-soft:#3a2e1d;--on-accent:#1c1813;--success:#7fa98c;--warning:#d6a75b;--danger:#d08575;--link:#e6bc76;--shadow-card:none}:root[data-theme=light]{--bg:#f4eee0;--surface:#fbf7ee;--surface-2:#efe7d5;--ink:#2e2a24;--ink-muted:#6b6157;--border:#e2d8c4;--accent:#a9763b;--accent-hover:#8a5e23;--accent-soft:#ebd9bc;--on-accent:#fbf7ee;--success:#3f5b4c;--warning:#b07a2e;--danger:#9c3b2e;--link:#8a5e23;--shadow-card:0 1px 2px rgba(46,42,36,0.06)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--ink);font-weight:600}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono)}.app-shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:var(--surface-2);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:4px}.brand{font-family:var(--font-serif);font-size:20px;font-weight:700;padding:4px 10px 16px;color:var(--ink)}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-ctl);color:var(--ink-muted);font-size:14px}.nav-link:hover{background:var(--surface);color:var(--ink);text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--ink);border-left:3px solid var(--accent);padding-left:9px}.main{padding:28px 32px;max-width:1100px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.muted{color:var(--ink-muted)}.btn{font-family:var(--font-sans);font-size:14px;padding:8px 16px;border-radius:var(--radius-ctl);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--border)}.input{width:100%;font-size:14px;padding:9px 12px;border-radius:var(--radius-ctl);border:1px solid var(--border);background:var(--surface)}.badge,.input{color:var(--ink)}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--accent-soft)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:380px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;margin-bottom:6px;color:var(--ink-muted)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.sm{padding:5px 11px;font-size:13px}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{filter:brightness(1.08)}.select{width:100%;font-size:14px;padding:9px 12px;border-radius:var(--radius-ctl);border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}.spinner.lg{width:28px;height:28px;border-width:3px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--radius-ctl)}@keyframes shimmer{to{background-position:-200% 0}}.center-pad{display:grid;place-items:center;padding:48px 0;color:var(--ink-muted);grid-gap:10px;gap:10px}.toaster{position:fixed;right:16px;bottom:16px;z-index:200;flex-direction:column;max-width:min(90vw,380px)}.toast,.toaster{display:flex;gap:10px}.toast{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-ctl);box-shadow:0 4px 16px rgba(46,42,36,.18);padding:12px 14px;font-size:14px;color:var(--ink);animation:toast-in .22s ease-out}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.info{border-left-color:var(--accent)}.toast .toast-ico{flex-shrink:0}.toast .toast-x{margin-left:auto;cursor:pointer;color:var(--ink-muted);background:none;border:none;font-size:15px;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-overlay{position:fixed;inset:0;z-index:150;background:rgba(20,16,12,.45);display:grid;place-items:center;padding:20px;animation:fade .15s ease-out}.modal{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 12px 40px rgba(20,16,12,.3);padding:22px;animation:modal-in .18s ease-out}.modal h3{margin:0 0 10px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}@keyframes fade{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.nav-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);padding:14px 12px 4px;font-weight:600}.nav-link .nav-ico{width:18px;text-align:center;flex-shrink:0}.nav-toggle{font-size:20px;line-height:1;background:none;border:1px solid var(--border);border-radius:var(--radius-ctl);color:var(--ink);padding:5px 10px;cursor:pointer}.nav-toggle,.scrim{display:none}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:244px;transform:translateX(-100%);transition:transform .22s ease,visibility .22s;z-index:100;overflow-y:auto;visibility:hidden}.sidebar.open{transform:translateX(0);visibility:visible;box-shadow:0 0 40px rgba(20,16,12,.35)}.scrim.show{display:block;position:fixed;inset:0;z-index:90;background:rgba(20,16,12,.4)}.nav-toggle{display:inline-flex}.main{padding:16px}.topbar{margin-bottom:18px}}