@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap";
:root{--bg:#f5f0e8;--surface:#fdfaf4;--surface-2:#f0ebe0;--text:#1c1917;--muted:#78716c;--accent:#b45309;--accent-light:#fef3c7;--success:#15803d;--warning:#d97706;--error:#b91c1c;--border:#e5ddd0;--nav-bg:#292524;--nav-text:#e7e5e4;--nav-muted:#a8a29e;--font-serif:"Noto Serif KR",serif;--font-sans:"Pretendard",-apple-system,sans-serif;--font-mono:"DM Mono",monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{max-width:100vw;height:100vh;display:flex;overflow-x:hidden}.sidebar{background:var(--nav-bg);flex-direction:column;flex-shrink:0;width:190px;padding:20px 0;display:flex}@media (max-width:899px){.sidebar{display:none}}.logo{border-bottom:1px solid #ffffff14;margin-bottom:12px;padding:0 16px 16px}.logo-text{font-family:var(--font-serif);color:var(--nav-text);font-size:15px;font-weight:700}.logo-sub{color:var(--nav-muted);margin-top:3px;font-size:11px}.nav-item{color:var(--nav-muted);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:9px;padding:9px 16px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--nav-text)}.nav-item.active{color:#fcd34d;border-left-color:var(--accent);background:#b4530926}.nav-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding-top:12px}.nav-user{align-items:center;gap:10px;padding:10px 16px;display:flex}.nav-avatar{color:#fcd34d;background:#b4530966;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.nav-user-info{min-width:0}.nav-user-name{color:var(--nav-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.nav-user-role{color:var(--nav-muted);font-size:10px}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.mobile-nav{background:var(--nav-bg);flex-shrink:0;display:flex;overflow-x:auto}@media (min-width:900px){.mobile-nav{display:none}}.mobile-nav-item{color:var(--nav-muted);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;padding:12px 14px;font-size:12px;text-decoration:none;display:block}.mobile-nav-item.active{color:#fcd34d;border-bottom-color:var(--accent)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.topbar-title{font-family:var(--font-serif);font-size:20px;font-weight:700}.page-body{flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.btn{cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);border:none;border-radius:8px;padding:7px 14px;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-ghost{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-danger{background:var(--error);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.badge{border-radius:9999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#dcfce7}.badge-warning{color:var(--warning);background:#fef3c7}.badge-error{color:var(--error);background:#fee2e2}.badge-default{background:var(--surface-2);color:var(--muted)}.tag-male{color:#1d4ed8;background:#dbeafe}.tag-female{color:#be185d;background:#fce7f3}.tag-family{color:#7c3aed;background:#ede9fe}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.mono{font-family:var(--font-mono)}.form-group{margin-bottom:16px}.form-label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{border:1px solid var(--border);background:var(--bg);width:100%;font-size:14px;font-family:var(--font-sans);color:var(--text);border-radius:8px;padding:9px 12px}.form-input:focus{border-color:var(--accent);outline:none}.form-select{border:1px solid var(--border);background:var(--bg);width:100%;font-size:14px;font-family:var(--font-sans);color:var(--text);border-radius:8px;padding:9px 12px}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:16px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-title{font-family:var(--font-serif);font-size:16px;font-weight:700}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:18px;line-height:1}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;overflow:hidden}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.section-title{font-family:var(--font-serif);font-size:15px;font-weight:700}.section-desc{color:var(--muted);margin-top:2px;font-size:11px}@media (max-width:899px){.sidebar{display:none}}@media (min-width:900px){.mobile-nav{display:none}}.topbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.topbar-sep{color:var(--border);flex-shrink:0;font-size:20px;font-weight:300;line-height:1}.topbar-event{align-items:center;gap:6px;display:flex}.topbar-event-name{white-space:nowrap;font-size:13px;font-weight:600}.topbar-chevron{color:var(--muted);cursor:pointer;flex-shrink:0;font-size:11px}.topbar-pub-badge{white-space:nowrap;flex-shrink:0;padding:2px 7px!important;font-size:10px!important}.topbar-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.event-bar{background:var(--nav-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:none}@media (max-width:899px){.event-bar{display:flex}}.event-bar-brand{font-family:var(--font-serif);color:var(--nav-text);flex-shrink:0;font-size:14px;font-weight:700}.event-bar-event{align-items:center;gap:6px;min-width:0;display:flex}.event-bar-name{color:var(--nav-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.event-bar-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.event-bar-selector{min-width:0;position:relative}.event-bar-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.event-bar-chevron{color:var(--nav-muted);flex-shrink:0;font-size:10px;transition:transform .15s}.event-bar-chevron.open{transform:rotate(180deg)}.event-bar-dropdown{background:var(--surface);border:1px solid var(--border);z-index:200;border-radius:10px;min-width:220px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.event-bar-option{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .1s;display:flex}.event-bar-option:hover{background:var(--surface-2)}.event-bar-option.active{background:var(--accent-light)}.event-bar-option-info{flex-direction:column;gap:2px;min-width:0;display:flex}.event-bar-option-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.event-bar-option-status{color:var(--muted);font-size:11px}.footer{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;padding:10px 24px;display:flex}.footer-text{color:var(--muted);font-size:11px}@media (max-width:899px){.page-body{padding:16px}.topbar{padding:12px 16px}.topbar-title{font-size:17px}.topbar-sep,.topbar-event{display:none}.footer{padding:10px 16px}}