.wc-page{padding:2px 0 30px;max-width:1400px;margin:0 auto}.wc-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.wc-kicker{font-size:10px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.wc-hero h1{margin:0;font-size:25px}.wc-hero p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.wc-context{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 13px;min-width:190px}.wc-context small{display:block;color:var(--muted);font-size:8px;margin-bottom:3px}.wc-context b{font-size:11px}.wc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px}.wc-tab{border:0;background:transparent;padding:10px 16px;font-size:10px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.wc-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.wc-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px}.wc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px}.wc-head h2{font-size:14px;margin:0}.wc-head p{font-size:8.5px;color:var(--muted);margin:4px 0 0}.wc-actions{display:flex;gap:7px}.wc-filters{display:flex;gap:7px;align-items:center;padding:10px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;margin-bottom:11px}.wc-filters .search{min-width:220px}.wc-filters select{height:31px;border:1px solid var(--line);border-radius:7px;padding:0 9px;font-size:9px;background:#fff}.wc-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:9px}.data-table th{background:#f7f9fc;color:#667085;text-align:left;padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:10px 9px;border-bottom:1px solid #edf0f4;white-space:nowrap}.row-menu{border:1px solid var(--line);background:#fff;border-radius:6px;width:26px;height:26px;cursor:pointer}.status.active{background:#e9f8ef;color:#198754;padding:3px 7px;border-radius:10px;font-size:8px}.pill{background:#eef4ff;color:#315fc6;padding:3px 7px;border-radius:10px;font-size:8px}.wc-colour{display:flex;align-items:center;gap:5px}.wc-colour i{width:15px;height:15px;border-radius:4px;border:1px solid #ddd}.wc-member-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:11px}.wc-member-tab{background:#f5f7fa;border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:8.5px;font-weight:700;color:#667085;cursor:pointer}.wc-member-tab.active{background:#edf4ff;color:var(--blue);border-color:#cfe0fb}.cal-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin:5px 0 12px}.cal-controls strong{font-size:13px;min-width:150px;text-align:center}.cal-legend{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:10px}.cal-legend span{font-size:8px;color:var(--muted);display:flex;gap:5px;align-items:center}.cal-legend i{width:12px;height:12px;border:1px solid #ddd;border-radius:3px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cal-week{text-align:center;padding:7px;background:#f7f9fc;font-size:8px;font-weight:800;color:#667085;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cal-cell{min-height:72px;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px;background:#fff}.cal-cell b{font-size:9px}.cal-cell span{font-size:7.5px;color:#667085;background:#f5f8fc;padding:3px 4px;border-radius:4px;align-self:flex-start}.cal-cell.holiday{background:#fff8f8}.cal-cell.holiday span{background:#ffeaea;color:#b42318}.cal-cell.empty{background:#fafbfc}@media(max-width:900px){.wc-hero,.wc-head{flex-direction:column}.wc-context{width:100%}.wc-filters{flex-wrap:wrap}.wc-tabs{overflow:auto}.cal-cell{min-height:55px}}@media(max-width:600px){.wc-panel{padding:10px}.wc-actions{width:100%}.wc-actions .btn{flex:1}.wc-filters .search{min-width:100%;width:100%}.calendar-grid{min-width:650px}.calendar-grid{overflow:auto}.cal-controls{justify-content:flex-start}}
