@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
.existing-documents{display:grid;gap:8px;margin:12px 0}.existing-document{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;border:1px solid #d9eee8;background:#f5fffc;border-radius:10px}.existing-document strong{display:block;color:#174b4e;font-size:13px}.existing-document span{display:block;font-size:12px;color:#789092;margin-top:2px}.document-actions{display:flex;align-items:center;gap:8px}.document-actions a,.document-actions button,.document-count{font-size:12px;font-weight:700;border:0;background:none;color:#07877d;text-decoration:none;cursor:pointer}.document-actions button{color:#d75d5d}.document-actions form{margin:0}.document-empty{margin:12px 0;padding:11px 13px;border-radius:10px;background:#f5f8f8;color:#789092;font-size:12px}.document-rows{display:grid;gap:9px}.document-row{padding:11px;border:1px dashed #9ad8cf;border-radius:10px;background:#fcffff}.add-document{margin-top:10px;border:1px solid #82d3c7;background:#ebfbf7;color:#087d72;border-radius:8px;padding:8px 11px;font-weight:700;font-size:12px;cursor:pointer}.error-alert{background:#fff1f0!important;color:#a44141!important;border:1px solid #ffc7c3!important}@media(max-width:760px){.existing-document{align-items:flex-start;flex-direction:column;gap:6px}}
.document-section{margin-top:6px;padding:15px;background:#f7fbfa;border:1px solid #dceee9;border-radius:10px}.document-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.document-title .eyebrow{margin:0 0 3px}.document-title h3{font:800 13px Manrope;margin:0}.document-title p{font-size:9px;color:#84969c;margin:3px 0}.document-title button{border:0;border-radius:7px;background:#e0f5ef;color:#0a8073;padding:7px 9px;font:800 9px 'DM Sans';cursor:pointer}.document-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr auto;gap:9px;align-items:end;margin-top:8px}.document-row label{font-size:9px!important}.document-row input,.document-row select{font-size:10px!important}.remove-document{border:0;background:#fff0ef;color:#ca625b;border-radius:6px;padding:8px;font:800 9px 'DM Sans';cursor:pointer}@media(max-width:760px){.document-title{display:block}.document-title button{margin-top:8px}.document-row{grid-template-columns:1fr}.remove-document{width:100%}}
.master-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.master-card{background:#fff;border:1px solid #e6edec;border-radius:14px;padding:16px;box-shadow:0 5px 18px #173d4010}.master-card-top{display:flex;justify-content:space-between;align-items:center}.master-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e6f7f2;color:#0d8a7d;font-size:17px}.master-card h2{font:800 15px Manrope;margin:13px 0 3px}.master-card p{font-size:10px;color:#87979e;min-height:28px;margin:0}.master-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.master-stats div{background:#f7faf9;padding:8px;border-radius:7px}.master-stats span,.master-stats b{display:block}.master-stats span{font-size:7px;color:#90a1a4;font-weight:800;letter-spacing:.6px}.master-stats b{font:800 11px Manrope;margin-top:2px}.session-rule{color:#138679;font-weight:700;font-size:9px}.master-card-actions{display:flex;gap:7px;margin-top:14px}.master-card-actions a,.master-card-actions button{border:0;border-radius:7px;padding:8px 10px;font:800 10px 'DM Sans';text-decoration:none;cursor:pointer}.master-card-actions a{background:#e4f5f0;color:#0c8174}.master-card-actions button{background:#fff0ee;color:#cf6258}.master-card-actions form{margin:0}
.quick-booking-form label{position:relative}.customer-results{position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:3px;max-height:155px;overflow:auto;background:#fff;border:1px solid #dbe8e7;border-radius:7px;box-shadow:0 10px 22px #193d4120}.customer-results button,.customer-results span{display:block;width:100%;border:0;background:#fff;text-align:left;padding:8px 9px;color:#3c555d;font:10px 'DM Sans';cursor:pointer}.customer-results button:hover{background:#eaf8f4;color:#087b70}.customer-results span{color:#93a1a8}
.top-quick-booking{width:auto!important;max-width:none!important}.schedule .ongoing-card{width:min(330px,100%)}@media(max-width:760px){.schedule .ongoing-card{width:100%}}
.schedule .ongoing-grid{gap:7px}.schedule .ongoing-card{padding:10px 11px;border-radius:10px}.schedule .ongoing-top{gap:8px}.schedule .guest-avatar.large{width:32px;height:32px;font-size:11px}.schedule .ongoing-top h3{font-size:12px}.schedule .ongoing-top p{font-size:9px}.schedule .ongoing-top .status{padding:3px 6px;font-size:8px}.schedule .ongoing-details{margin-top:7px;padding:7px 0;gap:4px}.schedule .ongoing-details span{font-size:7px}.schedule .ongoing-details b{font-size:9px;margin-top:2px}.schedule .ongoing-timer{margin:7px 0;grid-template-columns:62px 1fr 62px;gap:6px}.schedule .ongoing-timer span{font-size:7px}.schedule .ongoing-timer b{font-size:12px}.schedule .timer-progress{height:5px}.schedule .service-actions{gap:5px}.schedule .out-service{padding:5px 7px;font-size:8px}.schedule .extend-box{padding:5px 7px}.schedule .extend-box summary{font-size:8px}.schedule .extend-box form{margin-top:5px}.schedule .extend-box select{padding:4px;font-size:8px}.schedule .extend-box button{padding:5px 7px;font-size:8px}.schedule .control-heading{margin:7px 0 5px;font-size:9px}
.quick-booking:not(.top-quick-booking){display:none}.top-quick-booking{margin:16px 0;width:min(650px,100%);max-width:650px}.top-quick-booking .quick-booking-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.top-quick-booking .quick-booking-form button{width:100%}@media(max-width:760px){.top-quick-booking{max-width:none}.top-quick-booking .quick-booking-form{grid-template-columns:1fr}}
.quick-booking{margin-top:16px}.availability-note{font-size:9px;color:#178879;font-weight:700;background:#e8f7f2;padding:6px 8px;border-radius:7px}.quick-booking-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.quick-booking-form label{font-size:10px;font-weight:800;color:#536a72}.quick-booking-form select,.quick-booking-form input{display:block;width:100%;padding:9px;margin-top:5px;border:1px solid #dce7e8;border-radius:7px;background:#fbfdfd;font:10px 'DM Sans';color:#314a55}.quick-booking-form button{height:36px;width:max-content}.quick-booking-form button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.quick-booking-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.quick-booking-form{grid-template-columns:1fr}.quick-booking-form button{width:100%}.availability-note{display:none}}
.control-heading{margin:10px 0 8px;color:#0b8077;font:800 10px Manrope}.control-heading span{color:#3bc39b}.booked-heading{margin-top:18px;color:#aa7724}.booked-heading span{color:#e7a841}.booked-grid{display:grid;gap:8px}.booked-card{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #f0e3c9;background:#fffdf8;border-radius:10px}.booked-main{flex:1}.booked-main b,.booked-main small{display:block}.booked-main b{font-size:11px}.booked-main small{font-size:9px;color:#87969e;margin-top:2px}.booked-time{margin-right:5px}.booked-time span,.booked-time b{display:block}.booked-time span{font-size:8px;color:#a7aeb0;font-weight:800}.booked-time b{font:800 10px Manrope;margin-top:2px}.start-service{border:0;border-radius:7px;background:#e7f2ff;color:#3375b6;font:800 9px 'DM Sans';padding:8px 9px;cursor:pointer;white-space:nowrap}.start-service:hover{background:#d4e9ff}.small-empty{padding:13px}@media(max-width:760px){.booked-card{align-items:flex-start;flex-wrap:wrap}.booked-time{margin-left:39px}.booked-card form{margin-left:auto}}
.booking-actions{display:flex;align-items:center;gap:6px}.table-action.start{background:#e5f1ff;color:#3477b7}.table-action.cancel{background:#fff0ee;color:#ca6159}.done-mark{font-size:10px;font-weight:800;color:#2d966c}.booked-actions{display:flex;align-items:center;gap:6px}.cancel-service{border:0;border-radius:7px;background:#fff0ee;color:#c65b55;font:800 9px 'DM Sans';padding:8px 9px;cursor:pointer;white-space:nowrap}.cancel-service:hover{background:#ffe0dc}@media(max-width:760px){.booked-actions{margin-left:auto}}
.customer-cell{display:flex;align-items:center;gap:8px}.customer-cell>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e2f5f0;color:#0d8176;font:800 10px Manrope}.customer-cell b,.customer-cell small{display:block}.customer-cell b{font-size:11px}.customer-cell small{color:#91a0a9;font-size:9px;margin-top:2px}
.master-actions{display:flex;gap:6px;align-items:center}.table-action{text-decoration:none}.table-action.danger{background:#fff0ee;color:#cf6258}
.sale-info{padding:12px 13px;background:#eaf8f4;border:1px solid #cfeee4;border-radius:8px;color:#187968;font-size:10px;font-weight:700}
.package-hint{display:block;margin-top:5px;color:#168779;font-size:9px;font-weight:600;line-height:1.3}
.ongoing-grid{display:grid;grid-template-columns:1fr;gap:12px}.ongoing-card{border:1px solid #dcece8;background:linear-gradient(135deg,#fbfffe,#f2fbf8);border-radius:13px;padding:15px}.ongoing-top{display:flex;align-items:center;gap:10px}.guest-avatar.large{width:40px;height:40px;font-size:14px;background:#dff4ef;color:#0e8277}.ongoing-top .eyebrow{margin:0 0 2px;color:#0d8b7e}.ongoing-top h3{font:800 14px Manrope;margin:0}.ongoing-top p{font-size:10px;color:#7f9098;margin:2px 0}.ongoing-top .status{margin-left:auto}.ongoing-details{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 0;margin-top:10px;border-top:1px solid #dff0eb;border-bottom:1px solid #dff0eb}.ongoing-details span,.ongoing-timer span{display:block;font-size:8px;font-weight:800;letter-spacing:.6px;color:#91a3a7}.ongoing-details b{display:block;font-size:10px;margin-top:4px;color:#355761}.ongoing-timer{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:8px;margin:11px 0}.ongoing-timer>div:last-child{text-align:right}.ongoing-timer b{font:800 15px Manrope;color:#0b8076}.ongoing-timer b small{font:9px 'DM Sans';color:#8fa0a4}.timer-progress{height:7px;background:#dcefeb;border-radius:8px;overflow:hidden}.timer-progress i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#0d847a,#48c9a2)}.ongoing-card .service-actions{margin:0}.live-empty{min-height:210px;display:grid;place-content:center;text-align:center;gap:7px}.live-empty>span{font-size:28px;color:#6ac1ae}.live-empty b{font:800 13px Manrope}.live-empty small{color:#8d9da4;font-size:10px}.live-empty a{color:#0d887d;font-size:10px;font-weight:800;text-decoration:none;margin-top:4px}@media(max-width:760px){.ongoing-details{grid-template-columns:1fr 1fr}.ongoing-timer{grid-template-columns:58px 1fr 58px}.ongoing-card .service-actions{margin:0}}
.service-actions{display:flex;align-items:center;gap:8px;margin:0 8px 9px 104px}.out-service{border:1px solid #bfe9d8;background:#e5f8ef;color:#137f60;border-radius:7px;padding:7px 9px;font:800 9px 'DM Sans';cursor:pointer;white-space:nowrap}.out-service:hover{background:#c9f0de}.service-actions .extend-box{margin:0;flex:1}.service-actions .extend-box[open]{flex-basis:100%}@media(max-width:760px){.service-actions{margin-left:60px;display:grid}.out-service{width:100%}}
.metric-grid-six{grid-template-columns:repeat(6,1fr)}.metric-grid-six .metric-card{padding:13px;gap:9px}.metric-grid-six .metric-icon{width:34px;height:34px;font-size:14px}.metric-grid-six .metric-card b{font-size:17px}.live-booking{border-top:1px solid #edf0f1;padding:3px 0 0}.live-booking .appointment-row{border-top:0}.time-live b,.time-live span{display:block;font-size:10px}.time-live b{font-family:Manrope}.time-live b small{font:9px 'DM Sans';color:#93a0aa}.time-live span{margin-top:2px;color:#1e927d;font-size:9px;font-weight:700}.live-booking.overdue .time-live span{color:#d75d56}.status.running{background:#e5f7ef;color:#15836a}.status.upcoming{background:#e8f1fe;color:#477db9}.status.overdue{background:#ffe9e6;color:#ce6258}.timeline-dot.running{background:#32b88d}.timeline-dot.upcoming{background:#639ee6}.timeline-dot.overdue{background:#e27267}.time-track{height:4px;background:#edf2f2;border-radius:10px;margin:0 8px 7px 104px;overflow:hidden}.time-track i{display:block;height:100%;background:linear-gradient(90deg,#0d847a,#45caa2);border-radius:10px}.extend-box{margin:0 8px 9px 104px;background:#f6faf9;border:1px solid #dcefeb;border-radius:8px;padding:7px 9px}.extend-box summary{cursor:pointer;color:#0b8177;font-size:10px;font-weight:800}.extend-box form{display:flex;align-items:end;gap:7px;margin-top:8px}.extend-box label{display:grid;gap:3px;color:#71858b;font-size:9px;font-weight:700;flex:1}.extend-box select{border:1px solid #dbe7e5;border-radius:6px;background:#fff;padding:6px;font:9px 'DM Sans';color:#344b52}.extend-box button{border:0;border-radius:6px;background:#0d867a;color:#fff;font:700 9px 'DM Sans';padding:7px 9px;cursor:pointer}@media(max-width:1050px){.metric-grid-six{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.metric-grid-six{grid-template-columns:repeat(2,1fr)}.time-live{display:none}.extend-box,.time-track{margin-left:60px}.extend-box form{display:grid;grid-template-columns:1fr}.extend-box button{width:100%}}
.notification-wrap{position:relative}.notification-panel{position:absolute;right:-56px;top:43px;width:335px;background:#fff;border:1px solid #e5ecee;border-radius:14px;box-shadow:0 18px 45px #14363a2b;z-index:20;overflow:hidden}.notification-head{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;border-bottom:1px solid #eef1f2}.notification-head .eyebrow{margin:0 0 3px;color:#11948b}.notification-head h3{font:800 15px Manrope;margin:0}.notification-head button{border:0;background:none;color:#118177;font:700 10px 'DM Sans';cursor:pointer}.notification-item{display:flex;align-items:center;gap:10px;padding:13px 15px;text-decoration:none;color:#26434d;border-bottom:1px solid #f0f2f3;transition:.2s}.notification-item:hover{background:#f3fbf9}.notification-item.read{opacity:.6}.notification-item b,.notification-item small{display:block}.notification-item b{font-size:11px}.notification-item small{font-size:9px;color:#83939c;margin-top:3px;line-height:1.3}.notification-item>i{margin-left:auto;font-style:normal;color:#9aacb4;font-size:18px}.notification-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;font-size:14px}.notification-symbol.booking{background:#e7f7f0;color:#0d927a}.notification-symbol.room{background:#efecff;color:#7965dc}.notification-symbol.stock{background:#fff1df;color:#de8b2a}.notification-footer{background:#f8fafb;color:#92a0a8;text-align:center;padding:10px;font-size:9px;font-weight:700}@media(max-width:760px){.notification-panel{right:-80px;width:300px}}
/* Readability scale: keeps the existing dashboard layout while making desktop text easy to read. */
body{font-size:15px}.nav-label{font-size:10px}nav a{font-size:13px;padding:10px 11px}.support b{font-size:11px}.support small,.signout{font-size:10px}.profile b{font-size:12px}.profile small{font-size:10px}.eyebrow{font-size:10px}.welcome p{font-size:12px}.welcome-summary small{font-size:9px}.metric-card span{font-size:11px}.metric-card small{font-size:10px}.panel h2,.form-card h2{font-size:16px}.soft-link,.back-link{font-size:11px}.appointment-row{padding:12px 0}.appt-time{font-size:12px}.appt-time small,.appt-name small{font-size:10px}.appt-name b{font-size:12px}.therapist{font-size:11px}.status,.room-state{font-size:10px;padding:5px 8px}.primary-action{font-size:12px}.room-row b,.room-row small{font-size:11px}.team-person b,.team-person small{font-size:10px}.page-heading p{font-size:12px}.searchbox input,.filter-btn{font-size:12px}th{font-size:10px}td{font-size:12px}.table-action{font-size:11px}.form-card-title p{font-size:11px}.fields label{font-size:12px}.fields input,.fields select,.fields textarea{font-size:13px}.form-footer>a{font-size:12px}.time-live b{font-size:12px}.time-live b small,.time-live span{font-size:10px}.extend-box summary{font-size:11px}.extend-box label{font-size:10px}.extend-box select,.extend-box button{font-size:10px}.notification-head button{font-size:11px}.notification-item b{font-size:12px}.notification-item small,.notification-footer{font-size:10px}
:root{--ink:#173640;--muted:#7e8c98;--bg:#f5f7f8;--teal:#0f6e6b;--deep:#083b49;--orange:#f4843d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}.sidebar{width:248px;background:#fbfcff;border-right:1px solid #e8edf2;position:fixed;inset:0 auto 0 0;padding:22px 14px;display:flex;flex-direction:column;z-index:3}.logo{display:flex;gap:9px;align-items:center;text-decoration:none;color:#122f3c;margin:3px 12px 32px;font:800 21px Manrope}.logo b{color:#f4843d}.logo-mark{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(135deg,#0b6c6c,#31aaa1);color:#fff;border-radius:11px;box-shadow:0 7px 13px #10747335}.logo small{display:block;font:700 7px 'DM Sans';letter-spacing:1.6px;color:#96a0ae;margin-top:1px}.nav-label{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#a4aebb;padding:0 12px 8px;margin-top:12px}nav{display:grid;gap:3px}nav a{color:#657481;padding:9px 11px;border-radius:9px;text-decoration:none;font-weight:600;font-size:12px;transition:.2s}nav a i{font-style:normal;display:inline-grid;place-items:center;width:19px;color:#8997a3;font-size:14px;margin-right:3px}nav a:hover{background:#f0f4f8;color:#0e5f63}nav a.active{color:#0d706d;background:#dcf6ef;font-weight:700}nav a.active i{color:#0c8a7f}.support{display:flex;gap:8px;background:#edf8f5;border:1px solid #d7f0e9;border-radius:10px;margin:18px 4px 8px;padding:10px;color:#0d665f}.support>span{background:#c7f1e4;width:27px;height:27px;border-radius:8px;display:grid;place-items:center}.support b,.support small{display:block;font-size:10px}.support small{font-size:9px;color:#789b98;margin-top:2px}.sidebar form{margin-top:auto}.signout{width:100%;padding:10px;color:#71808b;text-align:left;font-weight:700;border:0;background:none}main{margin-left:248px;padding:0 38px 42px;max-width:1550px}header{height:72px;display:flex;align-items:center;justify-content:flex-end}.header-actions{display:flex;gap:10px;align-items:center}.icon-btn{width:32px;height:32px;border:0;background:transparent;color:#75848e;font-size:19px;position:relative}.notification em{position:absolute;width:6px;height:6px;background:#ed6d62;border-radius:50%;right:7px;top:7px}.header-line{height:28px;border-left:1px solid #dde4e8;margin:0 7px}.avatar,.guest-avatar,.team-avatar{display:grid;place-items:center;border-radius:50%;font-weight:800}.avatar{width:34px;height:34px;color:#fff;background:linear-gradient(135deg,#ee9270,#bc5e80)}.profile b,.profile small{display:block;font-size:11px}.profile small{color:#8c9aa4;font-size:9px;margin-top:2px}.mobile-title{display:none}.toast{background:#ddf7eb;color:#12725e;border:1px solid #bfead7;border-radius:10px;padding:12px 15px;margin-bottom:14px;font-weight:700}.welcome{background:linear-gradient(105deg,#073e4d,#0d5960 68%,#0a7470);color:white;border-radius:17px;padding:24px 28px;min-height:145px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 14px 28px #09525b28}.welcome:after{content:'✦';position:absolute;font-size:160px;right:22%;top:-36px;color:#ffffff08}.eyebrow{display:block;color:#9dafb5;font-size:9px;font-weight:800;letter-spacing:1.4px;margin-bottom:7px}.welcome .eyebrow{color:#f8b55d}.welcome h1,.page-heading h1{font:800 23px Manrope;margin:0}.welcome p{font-size:11px;color:#bdd3d5;margin:6px 0 0}.welcome-summary{display:flex;gap:9px;z-index:1}.welcome-summary div{background:#ffffff12;border:1px solid #ffffff16;border-radius:11px;padding:10px 13px;min-width:78px}.welcome-summary small,.welcome-summary b{display:block}.welcome-summary small{font-size:8px;color:#acd1d2}.welcome-summary b{font:700 18px Manrope;margin-top:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.metric-card,.panel,.form-card{background:#fff;border:1px solid #ebeff1;border-radius:15px;box-shadow:0 5px 20px #163b4410}.metric-card{padding:16px;display:flex;gap:12px;align-items:center}.metric-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font:700 17px Manrope}.metric-icon.violet{background:#eeeaff;color:#775dea}.metric-icon.mint{background:#ddf8ef;color:#159b76}.metric-icon.coral{background:#ffe9ed;color:#ee5e79}.metric-icon.amber{background:#fff1d8;color:#ed9828}.metric-card b,.metric-card span,.metric-card small{display:block}.metric-card b{font:800 20px Manrope}.metric-card span{font-size:10px;font-weight:700;margin:1px 0 4px}.metric-card small{font-size:9px;color:#9ba7ae}.metric-card small i{width:5px;height:5px;background:#2cb98b;border-radius:50%;display:inline-block;margin-right:4px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.panel{padding:19px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.panel h2,.form-card h2{font:800 15px Manrope;margin:0}.coral-text{color:#ed7b58}.mint-text{color:#2da78a}.violet-text{color:#7867d9}.soft-link,.back-link{font-size:10px;font-weight:700;color:#138079;text-decoration:none}.appointment-row{display:grid;grid-template-columns:53px 12px 31px 1fr 87px 78px;align-items:center;padding:10px 0;border-top:1px solid #edf0f1;gap:8px}.appt-time{font:800 11px Manrope}.appt-time small,.appt-name small{display:block;font:9px 'DM Sans';color:#95a1aa;margin-top:2px}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#50c6a0}.timeline-dot.booked{background:#f7ae43}.timeline-dot.in_progress{background:#855ee8}.guest-avatar{height:29px;width:29px;background:#e8f3fd;color:#4b86ba;font-size:11px}.appt-name b{font-size:11px}.therapist{font-size:10px;color:#657681}.status,.room-state{display:inline-block;text-transform:capitalize;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:700;background:#e9f8ef;color:#238261;text-align:center}.status.booked{background:#fff3dc;color:#c98522}.status.in_progress,.room-state.occupied{background:#f0ebff;color:#735bd6}.primary-action{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:linear-gradient(105deg,#0c716d,#15968a);box-shadow:0 8px 15px #0c746d2d;color:#fff;text-decoration:none;border:0;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:800}.schedule .primary-action{margin-top:14px;width:100%}.primary-action span{font-size:16px;line-height:8px}.right-stack{display:grid;gap:15px}.room-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #edf0f1}.room-icon{background:#edf8f6;color:#168e80;padding:7px;border-radius:8px}.room-row div{flex:1}.room-row b,.room-row small{display:block;font-size:10px}.room-row small{color:#96a4ad;font-size:9px;margin-top:2px}.room-state.available{background:#e4f8ee;color:#1c8d64}.room-state.occupied{background:#fff0ed;color:#d7685c}.team-pills{display:grid;grid-template-columns:1fr 1fr;gap:9px}.team-person{display:flex;align-items:center;gap:7px;background:#f7f9fa;padding:8px;border-radius:10px}.team-avatar{height:27px;width:27px;background:#edeaff;color:#7868dc;font-size:10px}.team-person b,.team-person small{display:block;font-size:9px}.team-person small{text-transform:capitalize;color:#9aa5ad;margin-top:2px}.presence{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4fc49c;margin-right:3px}.presence.busy{background:#f19b5c}.presence.break{background:#9b84e8}.blank-state,.empty-table{padding:25px;text-align:center;color:#8c9ba4;font-size:12px}.blank-state a{color:#0c8178;font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:21px 0 17px}.page-heading h1{font-size:25px}.page-heading p{color:#8998a3;font-size:11px;margin:5px 0 0}.heading-action{padding:11px 15px}.data-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #edf1f3}.searchbox{width:245px;background:#f5f7f8;border:1px solid #e9eef0;padding:8px 10px;border-radius:8px;color:#91a0aa}.searchbox input{border:0;outline:0;background:transparent;font:11px 'DM Sans';width:195px}.filter-btn{border:1px solid #e2e9eb;border-radius:8px;background:#fff;padding:8px 10px;margin-left:5px;color:#667884;font-size:10px;font-weight:700}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;text-transform:uppercase;letter-spacing:.7px;color:#91a0aa;background:#fafbfc;font-size:9px;padding:12px 16px;border-bottom:1px solid #edf1f3}td{padding:13px 16px;border-bottom:1px solid #eff2f3;font-size:11px;color:#425762}.table-action{border:0;background:#e2f6ef;color:#11806d;font-size:10px;font-weight:800;padding:6px 8px;border-radius:6px}.modern-form{max-width:900px}.form-heading{margin-bottom:17px}.form-card{padding:24px}.form-card-title{display:flex;gap:12px;align-items:center;padding-bottom:19px;border-bottom:1px solid #edf0f1}.form-icon{width:38px;height:38px;border-radius:11px;background:#e5f7f2;color:#078575;display:grid;place-items:center;font-size:18px}.form-card-title p{margin:3px 0 0;color:#94a1a9;font-size:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}.fields label{font-size:11px;font-weight:700;color:#465a65}.fields label span{color:#e36b60}.fields label.full{grid-column:1/-1}.fields input,.fields select,.fields textarea{display:block;width:100%;margin-top:6px;border:1px solid #dde5e8;background:#fcfdfd;border-radius:8px;padding:10px 11px;color:#314a55;font:12px 'DM Sans';outline:0;transition:.2s}.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:#42a99e;box-shadow:0 0 0 3px #28a19418}.fields textarea{min-height:85px;resize:vertical}.form-footer{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:17px 3px}.form-footer>a{color:#80909a;text-decoration:none;font-weight:700;font-size:11px}.form-footer .primary-action{padding:11px 17px}.pagination{padding:14px}@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%)}main{margin:0;padding:0 16px 28px}.mobile-title{display:block;font:800 16px Manrope;color:#13766f;margin-right:auto}.welcome{padding:20px;display:block}.welcome-summary{margin-top:17px}.metric-grid,.right-stack,.fields{grid-template-columns:1fr}.appointment-row{grid-template-columns:45px 8px 27px 1fr 70px}.therapist{display:none}.page-heading{align-items:flex-start;gap:12px;flex-direction:column}.table-toolbar{gap:8px}.searchbox{width:170px}.profile{display:none}}
