:root{--blue:#0ea5e9;--dark:#0f172a;--line:#e2e8f0;--soft:#f8fafc;--ok:#16a34a;--danger:#dc2626;--slot-height:36px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#e0f2fe,#f8fafc 260px);color:#0f172a}.app{max-width:1280px;margin:auto;padding:16px}.hero{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:12px;gap:12px;align-items:center;margin-bottom:16px;text-align:center}.hero-title{grid-column:2;justify-self:center;text-align:center;width:100%}.hero .pill{grid-column:3;justify-self:end}.hero h1{font-size:clamp(24px,5vw,42px);margin:0}.hero p{margin:4px 0 0;color:#475569}.pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;box-shadow:0 2px 10px #0f172a14;font-weight:700}.card{background:#fffffff2;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 28px #0f172a12;padding:14px}.tabs{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:8px;gap:8px;margin:0 auto 12px;align-items:center}.btn,.tabs button{border:0;border-radius:12px;padding:10px 12px;font-weight:800;background:#e2e8f0;color:#0f172a;cursor:pointer}.tabs button:not(.settings-tab){width:100%}.settings-tab{width:44px;height:44px;padding:0;font-size:20px;border-radius:999px}.btn.primary,.tabs button.active{background:#0284c7;color:#fff}.btn.success{background:#16a34a;color:#fff}.btn.danger{background:#fee2e2;color:#991b1b}.btn.small{padding:6px 8px;font-size:12px}button{font:inherit}button:disabled{opacity:.55;cursor:wait}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px;background:#fff;font:inherit}label{font-size:13px;font-weight:800;color:#334155}.form{display:grid;grid-gap:9px;gap:9px}.two{grid-template-columns:1fr 1fr;grid-gap:8px}.three,.two{display:grid;gap:8px}.three{grid-template-columns:2fr 1fr auto;grid-gap:8px;align-items:end}.agenda-stack{display:grid;grid-gap:14px;gap:14px}.place-panel{border:2px solid #bae6fd}.place-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.place-header h2{margin:0}.selected-client{background:#e0f2fe;border:1px solid #7dd3fc;border-radius:14px;padding:10px;display:grid;grid-gap:2px;gap:2px;min-width:220px}.add-client{align-self:end}.client-list{display:grid;grid-gap:8px;gap:8px;max-height:380px;overflow:auto}.clients-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);grid-gap:14px;gap:14px}.client-sheet{align-self:start}.sheet-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sheet-title h2{margin:0}.history-list{display:grid;grid-gap:8px;gap:8px;max-height:360px;overflow:auto}.history-line{text-align:left;border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:10px;display:grid;grid-gap:3px;gap:3px;cursor:pointer}.history-line:hover{border-color:#38bdf8;box-shadow:0 4px 16px #0284c71c}.empty-sheet{display:grid;place-items:center;text-align:center;min-height:240px}.client-list.horizontal{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:170px;margin-top:10px}.client-chip{border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:10px;cursor:-webkit-grab;cursor:grab}.client-chip:hover{border-color:#38bdf8;box-shadow:0 4px 16px #0284c71c}.client-chip.selected{outline:3px solid #38bdf8}.muted{color:#64748b;font-size:13px}.placement-grid{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(190px,.8fr) minmax(210px,.8fr);grid-gap:10px;gap:10px;margin-top:12px}.placement-column{border:1px solid #bae6fd;background:#f8fafc;border-radius:14px;padding:10px;display:grid;grid-gap:8px;gap:8px;align-content:start}.placement-clients{max-height:210px}.field-title{font-size:13px;font-weight:900;color:#334155}.duration-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.duration-tabs button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:9px;font-weight:900;cursor:pointer}.duration-tabs button.active{background:#0284c7;color:#fff;border-color:#0284c7}.custom-duration{display:grid;grid-gap:5px;gap:5px}.board-checks{display:grid;grid-gap:6px;gap:6px}.board-check{display:flex;align-items:center;gap:7px;border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:9px;cursor:pointer}.board-check.active{border-color:#0284c7;background:#e0f2fe;box-shadow:inset 0 0 0 1px #38bdf8}.board-check input{width:auto;margin:0;accent-color:#0284c7}.quick-actions{display:flex;gap:6px;flex-wrap:wrap}.placement-status{margin-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-radius:14px;padding:10px;background:#f1f5f9;color:#475569;font-weight:800}.placement-status.ready{background:#dcfce7;color:#166534}.cell.placement-ready.free{cursor:pointer}.cell.placement-ready.free:hover{background:#dcfce7;outline:2px solid #16a34a;outline-offset:-4px}.topbar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}.topbar>*{min-width:150px}.calendar-picker{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;align-items:center;margin:0 0 12px;padding:10px;border:1px solid #bae6fd;border-radius:16px;background:#f0f9ff}.calendar-days{display:grid;grid-template-columns:repeat(15,minmax(64px,1fr));grid-gap:6px;gap:6px;overflow-x:auto;padding-bottom:2px}.calendar-day{border:1px solid #cbd5e1;border-radius:14px;background:#fff;padding:8px 6px;display:grid;grid-gap:2px;gap:2px;justify-items:center;min-width:64px;cursor:pointer}.calendar-day span{text-transform:capitalize;font-size:12px;color:#475569;font-weight:800}.calendar-day strong{font-size:22px;line-height:1}.calendar-day small{font-size:11px;color:#64748b}.calendar-day.current-day{background:#dcfce7;color:#14532d;border-color:#16a34a;box-shadow:0 6px 16px #16a34a30}.calendar-day.current-day small,.calendar-day.current-day span{color:#166534}.calendar-day.displayed-day{background:#e2e8f0;color:#0f172a;border-color:#94a3b8;box-shadow:inset 0 0 0 2px #cbd5e1}.calendar-day.displayed-day small,.calendar-day.displayed-day span{color:#334155}.calendar-day.current-day.displayed-day{background:#e2e8f0;color:#14532d;border-color:#16a34a;box-shadow:inset 0 0 0 2px #16a34a}.calendar-day.current-day.displayed-day small,.calendar-day.current-day.displayed-day span{color:#166534}.period-summary{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px;margin-bottom:12px}.period-summary>div{display:grid;margin-right:auto}.metric{font-weight:900;border-radius:999px;padding:8px 10px;background:#e2e8f0}.metric.paid{background:#dcfce7;color:#166534}.metric.unpaid{background:#ffedd5;color:#9a3412}.overview-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:8px;gap:8px;margin-bottom:10px}.day-card,.reservation-line{text-align:left;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:10px;cursor:pointer}.day-card{display:grid;grid-gap:4px;gap:4px}.day-card.active{outline:3px solid #38bdf8}.reservation-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:8px;gap:8px;margin-bottom:10px;max-height:210px;overflow:auto}.reservation-line{display:grid;grid-gap:3px;gap:3px}.agenda{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff;overscroll-behavior-x:contain}.agenda-grid{display:grid;min-width:760px}.head,.row{display:grid;grid-template-columns:80px repeat(var(--boards),minmax(160px,1fr))}.head{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#f1f5f9;font-weight:900}.head>div,.time{padding:10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.board-head{text-align:center;color:#0f172a}.row{height:var(--slot-height);min-height:var(--slot-height)}.time{background:#f8fafc;font-weight:800}.cell{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:5px;height:var(--slot-height);min-height:var(--slot-height);position:relative;transition:background .08s,outline .08s}.cell.drop-ready,.cell.free:hover{background:#e0f2fe}.cell.drop-ready{outline:2px dashed #38bdf8;outline-offset:-5px}.cell.busy{background:#f8fafc}.cell.busy.cell-reservation-paid{background:#dcfce7}.cell.busy.cell-reservation-unpaid{background:#ffedd5}.cell.busy.cell-reservation-paid.cell-reservation-striped{background:repeating-linear-gradient(135deg,#dcfce7 0 8px,#bbf7d0 8px 16px)}.cell.busy.cell-reservation-unpaid.cell-reservation-striped{background:repeating-linear-gradient(135deg,#ffedd5 0 8px,#fed7aa 8px 16px)}.cell.busy.cell-reservation-cancelled{background:repeating-linear-gradient(135deg,#fee2e2 0 8px,#fecaca 8px 16px)}.legend{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.swipe-hint{display:none;margin:-6px 0 10px;color:#64748b;font-size:13px}.legend-item{border-radius:999px;padding:6px 10px;font-size:13px;font-weight:900;color:#fff}.legend-paid{background:#16a34a}.legend-unpaid{background:#f97316}.legend-completed{background:repeating-linear-gradient(135deg,#2563eb 0 10px,#1d4ed8 10px 20px)}.legend-cancelled{background:repeating-linear-gradient(135deg,#991b1b 0 10px,#ef4444 10px 20px)}.reservation{position:absolute;left:5px;top:5px;z-index:1;width:calc((100% * var(--reservation-boards, 1)) - 10px);height:calc((var(--reservation-slots, 1) * var(--slot-height)) - 10px);overflow:hidden;border-radius:12px;padding:8px 32px 8px 8px;color:#fff;box-shadow:0 4px 16px #0f172a29;cursor:-webkit-grab;cursor:grab;border:2px solid #ffffff80;transition:transform .08s,box-shadow .08s,opacity .08s}.reservation:hover{z-index:5;overflow:visible;min-height:calc((var(--reservation-slots, 1) * var(--slot-height)) - 10px)}.reservation:active{cursor:-webkit-grabbing;cursor:grabbing}.reservation-saving{opacity:.72;transform:scale(.99)}.reservation-paid{background-color:#16a34a}.reservation-unpaid{background-color:#f97316}.reservation-cancelled{background-color:#991b1b;opacity:.78;text-decoration:line-through}.reservation-striped{background-image:repeating-linear-gradient(135deg,hsla(0,0%,100%,.24) 0 10px,hsla(0,0%,100%,0) 10px 20px)}.reservation-top{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}.drag-handle{font-weight:900;background:#ffffff33;border:1px solid #ffffff55;border-radius:999px;padding:2px 6px;white-space:nowrap}.reservation-actions{margin-top:6px;display:flex;gap:5px;flex-wrap:wrap;align-items:center}.reservation span{font-size:12px}.badge{display:inline-block;background:#ffffff36;border-radius:999px;padding:2px 6px;margin-top:3px}.check-action{display:inline-flex;align-items:center;gap:4px;width:auto;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:3px 7px;font-size:12px;cursor:pointer;text-decoration:none}.check-action input{width:auto;margin:0;accent-color:#0f172a}.trash-btn{border:1px solid #ffffff66;background:#ffffff2e;border-radius:999px;color:#fff;padding:4px 7px;cursor:pointer;line-height:1}.resize-handle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:24px;height:calc(100% - 10px);min-height:28px;border-radius:10px;background:#ffffff3d;border:1px solid #ffffff66;display:grid;place-items:center;font-weight:900;cursor:ew-resize;touch-action:none}.resize-handle:hover{background:#ffffff61}@media(max-width:760px){.app{padding:10px}.placement-grid{grid-template-columns:1fr}.placement-status{display:grid}.duration-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{display:grid;grid-template-columns:1fr;text-align:center}.hero .pill,.hero-title{grid-column:auto;justify-self:center;width:100%;text-align:center}.hero h1{max-width:100%;overflow-wrap:anywhere}.hero p{display:block;margin:6px auto 0;max-width:320px}.clients-layout,.list-header,.three,.two{grid-template-columns:1fr}.place-header{display:grid}.topbar>*{min-width:calc(50% - 8px)}.calendar-picker{grid-template-columns:1fr}.calendar-days{grid-template-columns:repeat(15,68px)}.swipe-hint{display:block}.head,.row{grid-template-columns:70px repeat(var(--boards),150px)}.client-list.horizontal{max-height:220px}.board-line,.client-list.horizontal{grid-template-columns:1fr}.period-summary{display:grid}.metric{width:max-content}}