.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;background:#d15678;padding:12px 16px;gap:8px}.app-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.app-logo{color:#fff;font-size:18px;font-weight:700;cursor:pointer;white-space:nowrap}.app-nav-desktop.ant-menu-horizontal{flex:1;min-width:0}.app-header-right-desktop{display:flex;align-items:center;gap:8px}.app-header-right-mobile{display:none}@media(max-width:768px){.app-nav-desktop{display:none!important}.app-header-right-desktop{display:none}.app-header-right-mobile{display:block}}:root{--bg-page: #fff8ec;--bg-card: #fff;--bg-cell-hover: #fff3de;--bg-cell-active: #fce8ef;--text-primary: #333;--text-secondary: #888;--text-muted: #999;--border-color: #f0e8dd;--chip-bg: #f5f0ea;--chip-self: #dcfce7;--chip-trainee: #fef9c3;--shadow: rgba(0,0,0,.08);--nav-arrow-bg: #fff;--nav-arrow-border: #d9d9d9;--nav-arrow-color: rgba(0,0,0,.88);--accent: #d15678}html.dark{--bg-page: #1a0f0f;--bg-card: #261818;--bg-cell-hover: #2e1e1e;--bg-cell-active: #3a2228;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #666;--border-color: #3a2525;--chip-bg: #2e1e1e;--chip-self: #1a3a2a;--chip-trainee: #3a3520;--shadow: rgba(0,0,0,.4);--nav-arrow-bg: #261818;--nav-arrow-border: #4a3030;--nav-arrow-color: #e0e0e0;--accent: #d15678}html,body{overflow-x:hidden;margin:0;padding:0}.calendar-page{max-width:1200px;margin:0 auto;padding:16px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.calendar-header h1{font-size:24px;font-weight:700;margin:0;color:var(--text-primary)}.calendar-nav{display:flex;align-items:center;gap:12px}.calendar-nav span{font-size:16px;font-weight:500;min-width:140px;text-align:center;color:var(--text-primary)}.nav-arrow{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--nav-arrow-border);border-radius:6px;background:var(--nav-arrow-bg);cursor:pointer;font-size:22px;color:var(--nav-arrow-color);transition:border-color .2s,color .2s}.nav-arrow:hover{border-color:#d15678;color:#d15678}.month-locked{color:var(--text-muted)}.legend{background:var(--bg-card);border-radius:12px;padding:12px 16px;margin-bottom:16px;box-shadow:0 1px 3px var(--shadow);color:var(--text-primary)}.legend-title{font-weight:600;margin-bottom:6px;font-size:14px}.legend-items{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.legend-item{display:flex;align-items:center;gap:4px}.perm-dot{width:10px;height:10px;display:inline-block;flex-shrink:0}.perm-dot.free-access{background:#bfdbfe;border-radius:50%}.perm-dot.quarantine-access{background:#fed7aa;border-radius:50%}.perm-dot.free-teach{background:transparent;border-radius:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #3b82f6}.perm-dot.quarantine-teach{background:transparent;border-radius:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #f97316}.perm-dots{display:inline-flex;gap:2px;margin-left:2px}.table-wrap{overflow:auto;border-radius:12px;box-shadow:0 1px 3px var(--shadow);background:var(--bg-card);max-height:calc(100vh - 280px)}.calendar-table{width:100%;border-collapse:collapse;min-width:700px}.calendar-table thead th{position:sticky;top:0;z-index:2;background:#d15678;color:#fff;font-weight:600;font-size:13px;padding:12px 8px;text-align:center;white-space:nowrap;border-right:1px solid rgba(255,255,255,.3)}.calendar-table thead th:first-child{z-index:3;left:0;border-radius:12px 0 0}.calendar-table thead th:last-child{border-radius:0 12px 0 0;border-right:none}.calendar-table tbody td{padding:8px 6px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);vertical-align:top;font-size:13px;min-width:140px;color:var(--text-primary)}.calendar-table tbody td:last-child{border-right:none}.calendar-table tbody td:first-child{position:sticky;left:0;z-index:1;background:var(--bg-card);font-weight:500;white-space:nowrap;color:var(--text-secondary);min-width:90px;font-size:13px;padding:8px 6px}.calendar-table tbody tr:hover td,.calendar-table tbody tr:hover td:first-child{background:var(--bg-cell-hover)}.day-date{color:var(--text-primary);font-weight:600;font-size:14px}.day-weekend .day-date{color:#d15678}.person-chip{display:flex;align-items:center;gap:3px;padding:4px 8px;border-radius:8px;background:var(--chip-bg);margin:2px 0;font-size:12px;white-space:nowrap;max-width:100%;width:fit-content;color:var(--text-primary)}.person-chip.is-self{background:var(--chip-self)}.person-chip.is-trainee{background:var(--chip-trainee);font-style:italic}.person-chip .remove-btn{background:none;border:none;cursor:pointer;color:#ef4444;font-size:16px;line-height:1;padding:0 0 0 4px;font-weight:700;display:flex;align-items:center;min-width:20px;min-height:20px;justify-content:center}td.cell-clickable{cursor:pointer}td.cell-clickable:hover{background:var(--bg-cell-active)!important}td.cell-locked{color:var(--text-muted);text-align:center;vertical-align:middle}@media(max-width:768px){.calendar-page{padding:8px}.calendar-header{justify-content:center}.calendar-header h1{font-size:18px}.calendar-table tbody td{min-width:110px;font-size:12px}.calendar-table thead th{padding:8px 4px;font-size:11px}.person-chip{font-size:11px;padding:3px 6px}.table-wrap{max-height:calc(100vh - 240px)}}:root{--card-bg: #fff;--card-shadow: rgba(0,0,0,.06);--card-border: transparent;--badge-active-border: #52c41a;--badge-active-bg: #f6ffed;--badge-active-color: #52c41a;--badge-inactive-border: #d9d9d9;--badge-inactive-bg: #fafafa;--badge-inactive-color: #999;--training-bg: #fffbe6;--training-border: #ffe58f;--training-text: inherit;--training-muted: #999}html.dark{--card-bg: #261818;--card-shadow: rgba(0,0,0,.4);--card-border: #3a2525;--badge-active-border: #49aa19;--badge-active-bg: #1a2318;--badge-active-color: #6abe39;--badge-inactive-border: #4a3030;--badge-inactive-bg: #2e1e1e;--badge-inactive-color: #a0a0a0;--training-bg: #2e2218;--training-border: #4a3525;--training-text: #e0e0e0;--training-muted: #a0a0a0}.perm-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.perm-badge.active{border:1px solid var(--badge-active-border);background:var(--badge-active-bg);color:var(--badge-active-color)}.perm-badge.inactive{border:1px solid var(--badge-inactive-border);background:var(--badge-inactive-bg);color:var(--badge-inactive-color)}.perm-badge:disabled{cursor:not-allowed;opacity:.6}.training-progress{margin-top:12px;padding:12px 16px;background:var(--training-bg);border-radius:12px;border:1px solid var(--training-border);color:var(--training-text)}.training-muted{color:var(--training-muted);font-size:12px}.volunteer-search.ant-input-affix-wrapper{background:var(--card-bg);border-color:var(--card-border);border-radius:12px}.volunteer-search.ant-input-affix-wrapper input.ant-input{background:var(--card-bg)}.volunteer-card.ant-card{background:var(--card-bg);border-color:var(--card-border);box-shadow:0 1px 4px var(--card-shadow);border-radius:16px}.volunteer-card-layout{display:flex;gap:24px}.volunteer-card-left{display:flex;align-items:center;gap:16px;width:30%;flex-shrink:0}.volunteer-card-right{display:flex;flex-wrap:wrap;gap:8px;align-content:center;width:70%}.volunteer-card-deleted.ant-card{opacity:.6;border-color:#ff4d4f}@media(max-width:768px){.volunteer-card-layout{flex-direction:column}.volunteer-card-left,.volunteer-card-right{width:100%}}