html,body{margin:0;padding:0;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:14px}.page{max-width:1280px;margin:0 auto;padding:16px}.card{background:#fff}h1{font-size:28px;line-height:1.1;margin:0 0 8px;font-weight:700}h2{font-size:16px;margin:12px 0 6px;font-weight:700}.meta{margin:0 0 12px;color:#222}.help{height:22px;margin:0 0 6px;color:#333;white-space:nowrap}.top-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.top-controls label{font-weight:700;display:grid;gap:4px;width:260px;flex:0 0 260px}.top-controls input{height:34px;border:1px solid #111;border-radius:0;background:#fff;color:#111;padding:4px 8px;font:inherit}.top-controls button{height:34px;border:1px solid #111;border-radius:0;background:#fff!important;color:#111!important;padding:0 16px;font:inherit;font-weight:700;cursor:pointer;appearance:none;-webkit-appearance:none}.top-controls .save-button{background:#38761d!important;color:#fff!important;border-color:#111}.tables{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.grid-wrap{overflow:auto;border:1px solid #111;background:#fff;max-height:70vh}.personal-wrap{touch-action:none}.availability{border-collapse:collapse;border-spacing:0;width:max-content;min-width:100%;table-layout:fixed;user-select:none}.availability th,.availability td{border:1px solid #111;min-width:58px;width:58px;height:28px;padding:0;text-align:center;vertical-align:middle}.availability th{background:#fff;color:#111;font-size:12px;font-weight:700;position:sticky;z-index:2}.availability thead th{top:0}.availability small{font-size:11px;font-weight:400;color:#333}.time-head,.corner{left:0;z-index:3;min-width:58px;width:58px}.time-head{cursor:pointer}.day-head{cursor:pointer}.slot{background:#fff;cursor:pointer}.personal-slot.available{background:#38761d}.personal-slot.preview{background:#d9ead3}.personal-slot.available.preview{background:#6aa84f}.empty{background:#fff}.group-slot{cursor:help}.group-slot.shade-0{background:#fff}.group-slot.shade-1{background:#d9ead3}.group-slot.shade-2{background:#b6d7a8}.group-slot.shade-3{background:#6aa84f}.group-slot.shade-4{background:#274e13}.group-legend{height:22px;display:flex;align-items:center;gap:8px;margin:0 0 6px;color:#111;white-space:nowrap}.group-legend i{display:inline-block;width:120px;height:18px;border:1px solid #111;background:linear-gradient(90deg,#fff 0 20%,#d9ead3 20% 40%,#b6d7a8 40% 60%,#6aa84f 60% 80%,#274e13 80% 100%)}.group-popover{position:fixed;z-index:1000;background:#fff;border:1px solid #111;padding:14px 18px;min-width:280px;max-width:420px;box-shadow:0 2px 8px #0002;text-align:center}.pop-title{font-size:22px;font-weight:700;margin-bottom:10px}.pop-time{font-size:15px;margin-bottom:14px}.pop-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:center}.pop-cols b{display:block;text-decoration:underline;margin-bottom:8px;font-size:16px}@media(max-width:900px){.page{padding:10px}.tables{grid-template-columns:1fr;gap:10px}.help{height:auto;white-space:normal}.grid-wrap{max-height:62vh}.availability th,.availability td{min-width:52px;width:52px;height:30px}.time-head,.corner{min-width:54px;width:54px}h1{font-size:24px}.top-controls{align-items:stretch}.top-controls label{min-width:100%;max-width:none;flex:1 1 100%;width:auto}.top-controls button{flex:1}}