.staff-shell{background:#f6f8f5;color:#111827;min-height:100vh;padding:clamp(18px,3vw,34px)}.staff-header{align-items:center;display:flex;gap:18px;justify-content:space-between;margin:0 auto 18px;max-width:1440px}.staff-header span,.staff-switch-form span{color:#0f766e;font-size:.76rem;font-weight:900;text-transform:uppercase}.staff-header h1{font-size:clamp(2rem,4vw,3.4rem);margin:2px 0}.staff-header p{color:#667085;margin:0}.staff-language-switcher,.staff-switch-form{align-items:flex-end;background:#fff;border:1px solid #d9e1e7;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.staff-language-switcher label,.staff-switch-form label{display:grid;grid-gap:5px;gap:5px}.staff-language-switcher label span{align-items:center;display:inline-flex;gap:5px}.staff-language-switcher select,.staff-switch-form input,.staff-switch-form select{border:1px solid #d9e1e7;border-radius:8px;min-height:38px;padding:8px 10px}.staff-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);margin:0 auto;max-width:1440px}.staff-empty-state,.staff-panel{background:#fff;border:1px solid #d9e1e7;border-radius:8px;padding:14px}.staff-empty-state{display:grid;grid-gap:10px;gap:10px;margin:0 auto;max-width:720px;text-align:center}.staff-panel-title{align-items:center;display:flex;gap:8px;margin-bottom:12px}.staff-panel-title svg{color:#0f766e}.staff-panel-title h2{font-size:1rem;margin:0}.staff-agenda,.staff-side{display:grid;grid-gap:12px;gap:12px}.staff-agenda{align-content:start}.staff-next-appointment{align-items:center;background:#10231c;border:1px solid #1f3a30;border-radius:8px;color:#fff;display:flex;gap:14px;justify-content:space-between;min-height:112px;padding:16px}.staff-next-appointment div{display:grid;grid-gap:3px;gap:3px}.staff-next-appointment span{color:#94d2bd;font-size:.72rem;font-weight:900;text-transform:uppercase}.staff-next-appointment strong{font-size:1.1rem}.staff-next-appointment small{color:#cfe3dc}.staff-next-customer-panel{align-content:start}.staff-next-customer-card{background:#10231c;border:1px solid #1f3a30;border-radius:8px;color:#fff;display:grid;grid-gap:12px;gap:12px;padding:14px;text-decoration:none}.staff-next-customer-card div{display:grid;grid-gap:4px;gap:4px}.staff-next-customer-card span{color:#94d2bd;font-size:.75rem;font-weight:900;text-transform:uppercase}.staff-next-customer-card strong{font-size:1.12rem}.staff-next-customer-card small{color:#cfe3dc}.staff-next-customer-empty{background:#f8fafc;border:1px dashed #c9d5dc;border-radius:8px;color:#667085;display:grid;grid-gap:5px;gap:5px;padding:14px}.staff-next-customer-empty strong{color:#10231c}.staff-next-customer-empty p{margin:0}.staff-agenda-toolbar{align-items:center;display:flex;gap:10px;justify-content:space-between}.staff-view-switch{background:#eef4f1;border:1px solid #d9e1e7;border-radius:8px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px}.staff-view-switch a{align-items:center;border-radius:6px;color:#475467;display:inline-flex;font-weight:800;justify-content:center;min-height:34px;padding:7px 14px;text-decoration:none}.staff-view-switch a.active{background:#fff;color:#10231c;box-shadow:0 1px 2px rgba(16,35,28,.08)}.staff-date-nav{display:flex;flex-wrap:wrap;gap:8px}.staff-range-summary{align-items:center;background:#f8fafc;border:1px solid #d9e1e7;border-radius:8px;display:flex;gap:14px;justify-content:space-between;padding:12px}.staff-range-summary>div{display:grid;grid-gap:3px;gap:3px}.staff-range-summary span{color:#0f766e;font-size:.72rem;font-weight:900;text-transform:uppercase}.staff-range-summary strong{font-size:1.05rem}.staff-range-summary dl{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,minmax(74px,1fr));margin:0}.staff-range-summary dl div{background:#fff;border:1px solid #d9e1e7;border-radius:8px;display:grid;grid-gap:2px;gap:2px;padding:8px 10px}.staff-range-summary dt{color:#667085;font-size:.72rem;font-weight:900;text-transform:uppercase}.staff-range-summary dd{color:#10231c;font-weight:900;margin:0}.staff-agenda-card,.staff-mini-card,.staff-note-card{background:#f8fafc;border:1px solid #d9e1e7;border-radius:8px;display:grid;grid-gap:8px;gap:8px;padding:12px}.staff-agenda-card-block{background:#fffaf0;border-color:#e9c46a}.staff-agenda-card-activity{background:#f3fbf8;border-color:#b7dfd4}.staff-readonly-pill{background:#eaf7f1;border-radius:999px;color:#0f766e;font-size:.72rem;font-weight:900;padding:4px 8px;text-transform:uppercase}.staff-calendar-board{background:#fff;border:1px solid #d9e1e7;border-radius:8px;display:grid;overflow:hidden}.staff-calendar-grid,.staff-calendar-weekdays{display:grid}.staff-calendar-board.day .staff-calendar-grid,.staff-calendar-board.day .staff-calendar-weekdays{grid-template-columns:1fr}.staff-calendar-board.month .staff-calendar-grid,.staff-calendar-board.month .staff-calendar-weekdays,.staff-calendar-board.week .staff-calendar-grid,.staff-calendar-board.week .staff-calendar-weekdays{grid-template-columns:repeat(7,minmax(0,1fr))}.staff-calendar-weekdays{background:#f8fafc;border-bottom:1px solid #d9e1e7}.staff-calendar-weekdays span{color:#667085;font-size:.72rem;font-weight:900;padding:10px;text-align:center;text-transform:uppercase}.staff-calendar-day{background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(180deg,rgba(217,225,231,.52) 0,rgba(217,225,231,.52) 1px,transparent 0,transparent 34px);border-bottom:1px solid #e5ebef;border-right:1px solid #e5ebef;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:142px;padding:9px}.staff-calendar-board.day .staff-calendar-day{min-height:520px}.staff-calendar-board.week .staff-calendar-day{min-height:360px}.staff-calendar-day.outside-range{background:#f8fafc;color:#98a2b3}.staff-calendar-day header{align-items:center;display:flex;justify-content:space-between;min-height:24px}.staff-calendar-day header span{color:#10231c;font-weight:900}.staff-calendar-day.outside-range header span{color:#98a2b3}.staff-calendar-day header small{background:#eaf7f1;border-radius:999px;color:#0f766e;font-size:.7rem;font-weight:900;min-width:20px;padding:2px 7px;text-align:center}.staff-calendar-day-items{align-content:start;display:grid;grid-gap:6px;gap:6px;margin-top:8px}.staff-calendar-empty-line{border-top:1px dashed rgba(102,112,133,.24);display:block;margin-top:18px}.staff-calendar-item{border:1px solid #d9e1e7;border-left-width:4px;border-radius:7px;display:grid;grid-gap:2px;gap:2px;padding:7px 8px;text-decoration:none}.staff-calendar-item-shell{display:grid}.staff-calendar-item small,.staff-calendar-item span,.staff-calendar-item strong{line-height:1.25;overflow-wrap:anywhere}.staff-calendar-item strong{color:#10231c;font-size:.84rem}.staff-calendar-item small,.staff-calendar-item span{color:#475467;font-size:.74rem}.staff-calendar-item.booking{background:#effaf6;border-color:#9bd7c5 #9bd7c5 #9bd7c5 #0f766e}.staff-calendar-item.activity,.staff-calendar-item.booking.activity-reservation{background:#eef6ff;border-color:#b9d7ff #b9d7ff #b9d7ff #2563eb}.staff-calendar-item.block{background:#fffaf0;border-color:#e9c46a #e9c46a #e9c46a #c5962d}.staff-calendar-empty-note{background:#f8fafc;border-top:1px solid #d9e1e7;color:#667085;margin:0;padding:12px;text-align:center}.staff-timeline-board{background:#fff;border:1px solid #d9e1e7;border-radius:8px;overflow:hidden}.staff-timeline-header{background:#f8fafc;border-bottom:1px solid #d9e1e7;display:grid}.staff-timeline-header>*{border-right:1px solid #e5ebef;color:#667085;font-size:.76rem;font-weight:900;padding:10px 12px;text-transform:uppercase}.staff-timeline-scroll{overflow-x:auto}.staff-timeline-grid-wrap{display:grid;min-width:640px}.staff-timeline-board.week .staff-timeline-grid-wrap,.staff-timeline-board.week .staff-timeline-header{min-width:1120px}.staff-timeline-axis{background:#f8fafc;border-right:1px solid #d9e1e7;position:relative}.staff-timeline-axis span{color:#667085;font-size:.76rem;font-weight:700;position:absolute;right:10px;transform:translateY(-50%)}.staff-timeline-day-lane{background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(180deg,rgba(217,225,231,.36) 0,rgba(217,225,231,.36) 1px,transparent 0,transparent 46.5px);border-right:1px solid #e5ebef;min-width:0;position:relative}.staff-timeline-hour-line{border-top:1px solid #d9e1e7;left:0;position:absolute;right:0}.staff-timeline-now-line{border-top:3px solid #0f766e;left:0;position:absolute;right:0;z-index:4}.staff-timeline-now-line small{background:#0f766e;border-radius:999px;color:#fff;font-size:.68rem;font-weight:900;left:8px;padding:2px 7px;position:absolute;top:-11px}.staff-timeline-item-shell{left:8px;position:absolute;right:8px;z-index:3}.staff-timeline-card{border:1px solid #d9e1e7;border-left-width:4px;border-radius:7px;box-shadow:0 1px 2px rgba(16,24,40,.05);color:#10231c;display:flex;flex-direction:column;height:100%;min-height:38px;overflow:hidden;text-decoration:none}.staff-timeline-treatment{display:grid;grid-gap:2px;gap:2px;padding:8px 10px}.staff-timeline-card small,.staff-timeline-card span,.staff-timeline-card strong{line-height:1.2;overflow-wrap:anywhere}.staff-timeline-card strong{font-size:.82rem;font-weight:900}.staff-timeline-card small,.staff-timeline-card span{font-size:.73rem}.staff-timeline-card small{color:#475467}.staff-timeline-card.booking{background:#effaf6;border-color:#9bd7c5 #9bd7c5 #9bd7c5 #0f766e}.staff-timeline-card.activity,.staff-timeline-card.booking.activity-reservation{background:#eef6ff;border-color:#b9d7ff #b9d7ff #b9d7ff #2563eb}.staff-timeline-card.activity,.staff-timeline-card.block{display:grid;grid-gap:2px;gap:2px;padding:8px 10px}.staff-timeline-card.block{background:#fffaf0;border-color:#e9c46a #e9c46a #e9c46a #c5962d}.staff-timeline-buffer{align-items:center;background:repeating-linear-gradient(-45deg,rgba(15,118,110,.08),rgba(15,118,110,.08) 7px,hsla(0,0%,100%,.76) 0,hsla(0,0%,100%,.76) 14px);border-top:1px dashed #0f766e;color:#0f4f49;display:flex;font-size:.68rem;font-weight:900;justify-content:flex-end;padding:4px 8px;text-transform:uppercase}.staff-timeline-modal-source{display:contents}.staff-timeline-modal-source .staff-calendar-item{display:none}.staff-timeline-empty{background:#f8fafc;border:1px dashed #d9e1e7;border-radius:8px;color:#667085;left:10px;padding:10px;position:absolute;right:10px;top:14px}.staff-detail-modal{display:none}.staff-detail-modal:target{display:block}.staff-detail-backdrop{background:rgba(16,24,40,.54);inset:0;position:fixed;z-index:70}.staff-detail-dialog{background:#fff;border:1px solid #d9e1e7;border-radius:8px;box-shadow:0 24px 80px rgba(16,24,40,.28);display:grid;grid-gap:14px;gap:14px;left:50%;max-height:min(86vh,900px);max-width:min(860px,calc(100vw - 32px));overflow:auto;padding:16px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:71}.staff-detail-dialog>header{align-items:flex-start;border-bottom:1px solid #d9e1e7;display:flex;gap:14px;justify-content:space-between;padding-bottom:12px}.staff-detail-dialog>header span{color:#0f766e;font-size:.74rem;font-weight:900;text-transform:uppercase}.staff-detail-dialog h2{font-size:clamp(1.6rem,4vw,2.4rem);margin:2px 0}.staff-detail-dialog p{color:#475467;margin:0}.staff-status-row{justify-content:flex-start}.staff-detail-facts,.staff-detail-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-detail-facts>div,.staff-detail-grid>div,.staff-detail-section{background:#f8fafc;border:1px solid #d9e1e7;border-radius:8px;display:grid;grid-gap:5px;gap:5px;padding:12px}.staff-detail-facts span,.staff-detail-grid span{color:#667085;font-size:.72rem;font-weight:900;text-transform:uppercase}.staff-detail-facts strong,.staff-detail-grid strong{overflow-wrap:anywhere}.staff-detail-grid small{color:#667085}.staff-detail-section h3{align-items:center;display:flex;gap:8px;font-size:1rem;margin:0}.staff-detail-section h3 svg{color:#0f766e}.staff-customer-list{display:grid;grid-gap:10px;gap:10px}.staff-customer-search{display:grid;grid-gap:6px;gap:6px}.staff-customer-search span{align-items:center;color:#0f766e;display:inline-flex;font-size:.75rem;font-weight:900;gap:6px;text-transform:uppercase}.staff-customer-search input{border:1px solid #d9e1e7;border-radius:8px;min-height:40px;padding:9px 11px;width:100%}.staff-customer-search input:focus{border-color:#0f766e;outline:3px solid rgba(15,118,110,.12)}.staff-customer-count{color:#667085;font-size:.82rem}.staff-customer-scroll{display:grid;grid-gap:8px;gap:8px;max-height:min(58vh,720px);overflow:auto;padding-right:4px}.staff-customer-card{background:#fff;gap:7px}.staff-customer-card header{align-items:center;display:flex;gap:10px;justify-content:space-between}.staff-customer-card header span{background:#eaf7f1;border-radius:999px;color:#0f766e;flex:0 0 auto;font-size:.75rem;font-weight:900;padding:3px 8px}.staff-customer-facts{display:grid;grid-gap:4px;gap:4px}.staff-agenda-card-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.staff-agenda-card time{color:#0f766e;font-weight:900}.staff-countdown{align-items:center;border-radius:999px;display:inline-flex;gap:6px;white-space:nowrap}.staff-countdown span{font-size:.7rem;font-weight:900;text-transform:uppercase}.staff-countdown strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.staff-countdown-hero{background:#e6f6ef;color:#10231c;padding:9px 12px}.staff-countdown-inline{background:#eaf7f1;color:#0f766e;font-size:.82rem;padding:5px 8px}.staff-countdown.active{background:#fff7dc;color:#7a4b00}.staff-countdown.completed{background:#edf1f5;color:#667085}.staff-tabs{display:grid;grid-gap:12px;gap:12px}.staff-tabs>input{position:absolute;opacity:0;pointer-events:none}.staff-tab-list{align-items:center;background:#eef4f1;border:1px solid #d9e1e7;border-radius:8px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px}.staff-tab-list label{align-items:center;border-radius:6px;color:#475467;cursor:pointer;display:flex;font-weight:800;gap:6px;justify-content:center;min-height:34px;padding:7px 10px}.staff-tab-list label span{background:#fff;border:1px solid #d9e1e7;border-radius:999px;color:#667085;font-size:.72rem;padding:2px 7px}#staff-tab-timeline:checked~.staff-tab-list label[for=staff-tab-timeline],#staff-tab-today:checked~.staff-tab-list label[for=staff-tab-today],#staff-tab-upcoming:checked~.staff-tab-list label[for=staff-tab-upcoming]{background:#fff;color:#10231c;box-shadow:0 1px 2px rgba(16,35,28,.08)}.staff-tab-panels{display:grid}.staff-tab-panel{display:none;gap:12px}#staff-tab-timeline:checked~.staff-tab-panels .staff-tab-panel-timeline,#staff-tab-today:checked~.staff-tab-panels .staff-tab-panel-today,#staff-tab-upcoming:checked~.staff-tab-panels .staff-tab-panel-upcoming{display:grid}.staff-timeline{display:grid;grid-gap:0;gap:0}.staff-timeline-item{display:grid;grid-gap:12px;gap:12px;grid-template-columns:112px minmax(0,1fr);position:relative}.staff-timeline-item:before{background:#d9e1e7;bottom:0;content:"";left:104px;position:absolute;top:0;width:1px}.staff-timeline-item:after{background:#0f766e;border:3px solid #fff;border-radius:999px;content:"";height:12px;left:98px;position:absolute;top:18px;width:12px;z-index:1}.staff-timeline-time{display:grid;grid-gap:3px;gap:3px;padding:12px 18px 12px 0;text-align:right}.staff-timeline-time strong{color:#0f766e}.staff-timeline-time span{color:#667085;font-size:.78rem}.staff-timeline-body{background:#f8fafc;border:1px solid #d9e1e7;border-radius:8px;display:grid;grid-gap:5px;gap:5px;margin-bottom:10px;padding:12px}.staff-timeline-body h3{font-size:1rem;margin:0}.staff-timeline-body p,.staff-timeline-body small{color:#667085;margin:0}.staff-agenda-card h3{font-size:1.05rem;margin:0}.staff-agenda-card p,.staff-mini-card p,.staff-note-card p{color:#475467;margin:0}.staff-agenda-card small,.staff-mini-card span,.staff-muted,.staff-note-card span{color:#667085;font-size:.86rem}.staff-note-compact,.staff-note-inline{display:grid;grid-gap:8px;gap:8px}.staff-note-compact input,.staff-note-inline select,.staff-note-inline textarea{border:1px solid #d9e1e7;border-radius:8px;padding:9px 10px}@media (max-width:980px){.staff-header{align-items:flex-start;flex-direction:column}.staff-grid{grid-template-columns:1fr}.staff-agenda-card-top,.staff-agenda-toolbar,.staff-next-appointment,.staff-range-summary{align-items:flex-start;flex-direction:column}.staff-range-summary dl,.staff-view-switch{width:100%}.staff-calendar-board{overflow-x:auto}.staff-calendar-board.month .staff-calendar-grid,.staff-calendar-board.month .staff-calendar-weekdays,.staff-calendar-board.week .staff-calendar-grid,.staff-calendar-board.week .staff-calendar-weekdays{min-width:760px}.staff-tab-list,.staff-timeline-item{grid-template-columns:1fr}.staff-timeline-item:after,.staff-timeline-item:before{display:none}.staff-timeline-time{padding:0;text-align:left}}