:root{--bg: #f6f7f9;--panel: #ffffff;--border: #e6e8eb;--text: #1a1d21;--muted: #6b7280;--brand: #2f6df6;--brand-ink: #ffffff;--danger: #d64545;--ok: #1f9d55;--warn: #b7791f;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--brand);text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.brand{font-weight:700;font-size:16px;padding:4px 10px 16px;display:flex;align-items:center;gap:8px}.brand small{color:var(--muted);font-weight:500;font-size:11px}.nav{display:flex;flex-direction:column;gap:2px;margin-top:8px}.nav a{padding:9px 12px;border-radius:8px;color:var(--text);font-weight:500;display:flex;align-items:center;gap:10px}.nav a:hover{background:#f0f2f5}.nav a.active{background:#eaf0fe;color:var(--brand)}.sidebar .spacer{flex:1}.sidebar .org-pill{font-size:12px;color:var(--muted);padding:8px 12px;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree{display:flex;flex-direction:column;gap:1px;margin-top:6px}.ws-tree{display:flex;flex-direction:column;gap:1px}.tree .tree-row{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:transparent;border:0;padding:6px 8px;border-radius:8px;color:var(--text);cursor:pointer;font:inherit;font-size:13.5px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden}.tree .tree-row:hover{background:#f0f2f5}.tree .tree-row.active{background:#eaf0fe;color:var(--brand)}.tree .tree-row .label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree .tree-row.note{font-size:13px;font-weight:400;color:var(--muted)}.tree .tree-row.note.active{color:var(--brand);font-weight:500}.tree .tree-row.tree-add{color:var(--muted)}.tree .tw{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px;color:var(--muted)}.tree .tw-btn{cursor:pointer;border-radius:4px}.tree .tw-btn:hover{background:#1418211a}.tree .tw-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;color:var(--muted)}.tree .tree-row.active .tw,.tree .tree-row.active .tw-icon{color:var(--brand)}.chevron{transition:transform .14s ease}.chevron.open{transform:rotate(90deg)}.tree-empty{font-size:12px;color:var(--muted);padding:5px 8px}.main{flex:1;padding:28px 34px;max-width:1100px}.main.flush{padding:0;max-width:none;height:100vh;display:flex;flex-direction:column}.page-title{font-size:22px;font-weight:700;margin:0 0 4px}.page-sub{color:var(--muted);margin:0 0 22px}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.card h3{margin:0 0 12px;font-size:15px}.stat{font-size:28px;font-weight:700}.stat-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.meter{height:8px;background:#eef0f3;border-radius:999px;overflow:hidden;margin-top:10px}.meter>span{display:block;height:100%;background:var(--brand)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}tbody tr:last-child td{border-bottom:none}.table-card{padding:6px 8px}code.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;background:#f0f2f5;padding:2px 6px;border-radius:6px;font-size:12px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600}.badge.active{background:#e6f6ec;color:var(--ok)}.badge.invited{background:#fdf2df;color:var(--warn)}.badge.removed{background:#fbe9e9;color:var(--danger)}.badge.role{background:#eef1f5;color:var(--muted)}.badge.role+.badge.role{margin-left:4px}.badge.role.admin{background:#eaf0fe;color:var(--brand)}.role-picker{display:flex;gap:8px;flex-wrap:wrap}.role-picker label{display:flex;align-items:baseline;gap:6px;margin:0;padding:7px 11px;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);background:#fff}.role-picker label:hover{border-color:var(--brand)}.role-picker label:has(input:checked){border-color:var(--brand);background:#eaf0fe;color:var(--brand)}.role-picker input{width:auto;margin:0;accent-color:var(--brand)}.role-picker .hint{font-size:11px;font-weight:500;color:var(--muted)}.role-picker label:has(input:checked) .hint{color:var(--brand)}label{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:6px}input,select{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;font:inherit;background:#fff;color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #eaf0fe}.field{margin-bottom:14px}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row>.field{flex:1;margin-bottom:0;min-width:160px}button{padding:9px 16px;border:1px solid transparent;border-radius:8px;font:inherit;font-weight:600;background:var(--brand);color:var(--brand-ink);cursor:pointer;white-space:nowrap}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border-color:var(--border)}button.small{padding:6px 12px;font-size:13px}button.danger{background:var(--danger);color:#fff}.error{background:#fbe9e9;color:var(--danger);padding:10px 14px;border-radius:8px;margin-bottom:14px}.muted{color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:28px}.section{margin-bottom:26px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2{font-size:16px;margin:0}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cal-title{font-size:16px;font-weight:700}.cal-nav{display:flex;gap:6px}.cal-scroll{overflow-x:auto}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(78px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cal-dow{background:var(--panel);text-align:center;font-size:12px;font-weight:600;color:var(--muted);padding:8px 0}.cal-dow.sun{color:var(--danger)}.cal-dow.sat{color:var(--brand)}.cal-cell{background:var(--panel);min-height:104px;padding:6px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.cal-cell:hover{background:#f0f4ff}.cal-cell.out{background:#fafbfc}.cal-cell.out .cal-daynum{color:#c2c8d0}.cal-cell.today{background:#eef4ff}.cal-daynum{font-size:12.5px;font-weight:600;color:var(--text);line-height:22px}.cal-daynum.sun{color:var(--danger)}.cal-daynum.sat{color:var(--brand)}.cal-cell.today .cal-daynum{color:var(--brand-ink);background:var(--brand);border-radius:999px;width:22px;height:22px;text-align:center}.cal-events{display:flex;flex-direction:column;gap:3px}.cal-ev{display:block;width:100%;text-align:left;border:0;border-radius:6px;background:var(--brand);color:var(--brand-ink);font-size:11.5px;font-weight:500;padding:2px 6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-ev:hover{filter:brightness(.94)}.cal-ev.past{background:#d7dbe0;color:#5a6472}.cal-ev-time{opacity:.82;margin-right:4px;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:6px;background:#f0f2f5;padding:4px;border-radius:10px;margin-top:6px}.tab{flex:1;background:transparent;color:var(--muted);border:none;padding:8px;border-radius:7px;font-weight:600;cursor:pointer}.tab.active{background:#fff;color:var(--text);box-shadow:var(--shadow)}.editor-pane{position:relative;display:flex;flex-direction:column;background:var(--panel);overflow:hidden;flex:1 1 auto;min-height:0}.note-header{display:flex;align-items:flex-end;gap:6px;height:40px;padding:6px 8px 0;background:#eef1f5;border-bottom:1px solid var(--border);flex:0 0 auto}.note-header .nh-share{flex:0 0 auto;margin-bottom:4px;background:#fff}.note-tabs{display:flex;align-items:flex-end;gap:3px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden}.note-tab{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;max-width:220px;padding:7px 10px;border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.note-tab:hover{background:#e2e6ec;color:var(--text)}.note-tab.active{background:var(--panel);color:var(--text);font-weight:600;border-color:var(--border);border-bottom-color:var(--panel);margin-bottom:-1px}.note-tab .tt-icon{display:inline-flex;align-items:center;color:var(--muted)}.note-tab.active .tt-icon{color:var(--brand)}.note-tab .tt-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-tab .tt-close{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;color:var(--muted);font-size:15px;line-height:1}.note-tab .tt-close:hover{background:#14182124;color:var(--text)}.editor-pane iframe{flex:1 1 auto;width:100%;border:0;display:block}.tab-surface{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.tab-surface-header{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);background:#fdf6e3;color:#6b4e16;font-weight:700;flex:0 0 auto}.tab-surface-header .tsh-title{font-size:15px}.tab-surface-header .tsh-sub{font-size:12px;font-weight:500;opacity:.65;margin-left:4px}.mention{color:var(--brand);font-weight:600;background:#eaf0fe;border-radius:4px;padding:0 3px}.editor-pane .empty{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;background:#10182866;padding:48px 16px;overflow-y:auto}.modal{width:100%;max-width:620px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #1018283d;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:17px}.modal-body{padding:18px 20px 20px;max-height:calc(100vh - 180px);overflow-y:auto}.confirm-modal{max-width:420px}.confirm-message{margin:0 0 18px;line-height:1.55;white-space:pre-line}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.login-card{width:360px}.login-card .brand{justify-content:center;padding-bottom:6px}.hint{font-size:12px;color:var(--muted);margin-top:12px;text-align:center}.or-divider{display:flex;align-items:center;gap:10px;margin:16px 0 12px}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.or-divider span{font-size:12px;color:var(--muted)}