:root{--bg: #f7f7f7;--surface: #ffffff;--border: #dedede;--text: #222222;--muted: #6a6a6a;--accent: #ff385c;--shadow: 0 8px 24px rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{margin:0;font-family:Circular,Avenir Next,Avenir,Segoe UI,sans-serif;background:radial-gradient(circle at top right,#ffffff,var(--bg));color:var(--text)}.page{min-height:100vh;padding:28px}.shell{max-width:1100px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.topbar h1{margin:0;font-size:1.45rem}.controls{display:flex;align-items:center;gap:10px}.controls p{margin:0;min-width:130px;text-align:center;font-weight:600}button,input{font:inherit}button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}button:hover{border-color:#bbb}.calendar{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.weekday-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--border);background:#fafafa}.weekday-cell{padding:10px;text-align:center;color:var(--muted);font-size:.9rem}.day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:10px}.day-cell{min-height:120px;padding:10px;text-align:left;border-radius:20px;background:#fff;display:flex;flex-direction:column;gap:10px;position:relative}.day-cell__number{font-weight:600}.day-cell__meta{display:flex;flex-direction:column;gap:6px}.day-cell--muted{color:#adadad;background:#fcfcfc}.day-cell--past{background:#f1f1f1;color:#8c8c8c}.day-cell--past .day-cell__number{color:#7d7d7d}.day-cell--booked,.day-cell--blocked,.day-cell--booked.day-cell--blocked{background:#fff}.day-cell--selected{outline:2px solid #222;outline-offset:-2px}.day-cell--dragging{box-shadow:inset 0 0 0 2px #1118272e}.pill{width:fit-content;font-size:.72rem;font-weight:600;border-radius:99px;padding:3px 8px}.pill--booked{color:#b41c3a}.pill--blocked{color:#7a4b00;background:#f59e0b3d}.blocked-label-mobile{display:none}.pill--blocked-below-booking{margin-top:34px}.booking-band{position:absolute;left:-8px;right:-1px;top:34px;height:36px;background:#ff385c33;border-radius:0;z-index:0}.day-cell:nth-child(7n+1) .booking-band:not(.booking-band--start){left:-1px}.booking-band--start{left:6px;border-top-left-radius:999px;border-bottom-left-radius:999px}.booking-band--end{right:6px;border-top-right-radius:999px;border-bottom-right-radius:999px}.booking-band--checkout{right:50%}.blocked-band{position:absolute;left:-1px;right:-1px;top:66px;height:22px;background:#f59e0b3d;border-radius:0;z-index:0}.blocked-band--start{left:6px;border-top-left-radius:999px;border-bottom-left-radius:999px}.blocked-band--end{right:6px;border-top-right-radius:999px;border-bottom-right-radius:999px}.blocked-band--checkout{left:50%;right:6px}.custom-band{position:absolute;left:-8px;right:-1px;top:calc(36px + var(--custom-row, 0) * 26px);height:22px;background:color-mix(in srgb,var(--custom-color) 22%,white);z-index:0}.day-cell:nth-child(7n+1) .custom-band:not(.custom-band--start){left:-1px}.custom-band--start{left:6px;border-top-left-radius:999px;border-bottom-left-radius:999px}.custom-band--end{right:6px;border-top-right-radius:999px;border-bottom-right-radius:999px}.custom-band__label{display:inline-block;padding:2px 10px 0 8px;font-size:.75rem;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.day-cell__number,.day-cell__meta{position:relative;z-index:1}.event-pill{width:fit-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;border-radius:8px;padding:3px 8px;background:color-mix(in srgb,var(--event-color) 20%,white);border-left:4px solid var(--event-color)}.event-more{font-size:.75rem;color:var(--muted)}.panel-grid{margin-top:14px;display:grid;grid-template-columns:1fr;gap:12px}.panel{border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px}.panel h2{margin:0 0 8px;font-size:1.05rem}.event-form{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-bottom:10px}.event-form input[type=text]{border:1px solid var(--border);border-radius:10px;padding:8px 10px}.event-form label{display:flex;gap:6px;align-items:center;color:var(--muted)}.event-list{display:flex;flex-direction:column;gap:8px}.event-dot{width:10px;height:10px;border-radius:100%}.muted{color:var(--muted)}.error{color:#b42318}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;padding:16px;z-index:20}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:0 20px 45px #0003;padding:14px}.modal__header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.modal__header h2{margin:0;font-size:1.15rem}.pin-row{margin-bottom:10px}.pin-form{display:flex;gap:8px}.pin-form input{flex:1;border:1px solid var(--border);border-radius:10px;padding:8px 10px}.pin-unlocked{display:flex;justify-content:space-between;align-items:center}.modal .event-form{grid-template-columns:1fr auto auto auto}.event-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px}@media (max-width: 860px){.page{padding:8px}.panel-grid{grid-template-columns:1fr}.calendar{border-radius:14px}.day-grid{padding:0;gap:0}.day-cell{min-height:76px;padding:4px 6px;border-radius:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.day-cell:nth-child(7n){border-right:0}.day-cell__meta{gap:4px}.weekday-cell{padding:8px 4px;font-size:.8rem}.day-cell__number{font-size:.95rem}.booking-band{left:0;top:28px;height:26px}.booking-band--start{left:0}.booking-band--end{right:20px}.blocked-band{top:56px;height:18px}.blocked-band--start{left:0}.blocked-band--end,.blocked-band--checkout{right:0}.custom-band{left:0;right:0;top:calc(30px + var(--custom-row, 0) * 20px);height:16px}.custom-band--start{left:0}.custom-band--end{right:0}.custom-band__label{font-size:.64rem;padding:0 6px;line-height:16px}.pill{font-size:.72rem;padding:2px 8px}.blocked-label-desktop{display:none}.blocked-label-mobile{display:inline;line-height:1.15}.pill--blocked-below-booking{margin-top:20px;font-size:10px}.controls{gap:8px;width:100%;justify-content:space-between}.controls p{min-width:auto}.topbar h1{font-size:1.9rem}.event-form,.modal .event-form{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:8px}}