:root{--td-surface:#fff;--td-page:#f7f8fa;--td-sidebar:#fffdf8;--td-text:#102b4e;--td-muted:#6e7b8b;--td-line:#e4e8ed;--td-primary:#0d3f72;--td-accent:#c98b25;--td-success:#18794e;--td-warning:#a96809;--td-danger:#bd3e38;--td-info:#2167a5}
body{background:var(--td-page);color:var(--td-text)}
.sidebar{width:252px;padding:15px 12px 12px;background:var(--td-sidebar);color:var(--td-text);border-right:1px solid var(--td-line);box-shadow:2px 0 18px rgba(16,43,78,.05)}
.brand{margin:0 4px 13px;padding:11px 8px 15px;border-bottom:1px solid var(--td-line);color:var(--td-text);min-height:64px}.brand small{color:var(--td-muted)}
.brand-mark{width:40px;height:40px;border-radius:11px;box-shadow:0 4px 11px rgba(13,63,114,.12)}
.sidebar nav{padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:#cbd5df transparent}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{background:#cbd5df;border-radius:99px}
.nav-section{margin:17px 8px 7px;color:#8290a0;font-size:11px;font-weight:750;letter-spacing:.055em}.nav-section:first-child{margin-top:5px}
.nav-link{position:relative;min-height:46px;padding:11px 10px;border-radius:9px;color:#334a63;font-size:14px;font-weight:550;gap:11px}.nav-link:hover{background:#f3f6f9;color:var(--td-primary)}.nav-link.active{background:#edf4fb;color:var(--td-primary);font-weight:750;box-shadow:none}.nav-link.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--td-accent)}
.nav-icon{width:19px;height:19px;flex:0 0 19px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;color:#587087}.nav-link.active .nav-icon{color:var(--td-primary)}
.logout{min-height:44px;margin:8px 3px 0;border:1px solid #dbe4ec;background:#fff;color:#344c65;border-radius:9px;text-align:left;padding:10px 12px;font-weight:650}.logout:hover{border-color:#bdccd9;background:#f7fafc}
.page{margin-left:252px}.page header{height:82px;background:var(--td-surface);border-bottom:1px solid var(--td-line);box-shadow:0 1px 4px rgba(16,43,78,.025)}.page>div{padding:25px 30px}.cards{gap:13px}.card,.panel{border-color:var(--td-line);box-shadow:0 2px 8px rgba(16,43,78,.035);border-radius:12px}.card{padding:16px}.card label{font-size:12px;color:var(--td-muted)}.card strong{margin-top:7px;font-size:24px;color:var(--td-text)}.content-head h2{color:var(--td-text);letter-spacing:-.015em}.empty{padding:18px 16px}.panel h3{padding:15px 17px}.table-wrap{border-color:var(--td-line)}th{background:#fafbfc;color:var(--td-muted)}
@media(max-width:760px){.sidebar{width:min(86vw,310px);padding-top:12px}.sidebar.open{box-shadow:12px 0 32px rgba(16,43,78,.18)}.page{margin-left:0}.nav-link{min-height:48px;font-size:15px}.page>div{padding:16px}.cards{gap:10px}.card{padding:14px}.card strong{font-size:21px}.page header .menu{display:grid;place-items:center;min-width:44px;min-height:44px;margin-right:4px;padding:0}.page header #business-switcher{box-sizing:border-box;flex-basis:100%;width:100%;min-height:44px;margin-left:0}}
.dashboard-upcoming-bookings{cursor:pointer}.dashboard-upcoming-bookings:hover{border-color:#b9cce0;box-shadow:0 4px 12px rgba(16,43,78,.08)}.dashboard-upcoming-bookings:focus-visible{outline:3px solid rgba(13,63,114,.25);outline-offset:2px}
/* The operational summary is intentionally a predictable four-column grid. */
#view>.dashboard-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}#view>.dashboard-summary-cards>.card{min-width:0;min-height:112px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:980px){#view>.dashboard-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){#view>.dashboard-summary-cards{grid-template-columns:1fr}#view>.dashboard-summary-cards>.card{min-height:96px}}