:root{--hosp-navy:#071426;--hosp-panel:#fff;--hosp-blue:#1769e8;--hosp-soft:#f2f6fb;--hosp-line:#dce5f0;--hosp-text:#17243a;--hosp-muted:#6b7890;--hosp-green:#16a36a}
.hospitality-shell{min-height:100vh;background:var(--hosp-soft);color:var(--hosp-text);display:grid;grid-template-columns:260px minmax(0,1fr);font-family:Inter,system-ui,sans-serif}.hospitality-sidebar{background:var(--hosp-navy);color:#fff;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.hospitality-brand{display:flex;align-items:center;gap:12px;padding:0 10px 25px;border-bottom:1px solid #ffffff18}.hospitality-brand>span{width:42px;height:42px;border-radius:13px;background:#f7b928;display:grid;place-items:center}.hospitality-brand strong,.hospitality-brand small{display:block}.hospitality-brand small{color:#8fa0b9;margin-top:3px}.hospitality-sidebar nav{display:grid;gap:7px;margin-top:24px}.hospitality-sidebar nav button{border:0;background:transparent;color:#aab7ca;padding:12px 14px;border-radius:12px;text-align:left;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;font:inherit;cursor:pointer}.hospitality-sidebar nav button.is-active{background:#1769e8;color:#fff}.hospitality-sidebar nav button:disabled{opacity:.55;cursor:not-allowed}.hospitality-sidebar nav small{font-size:9px;text-transform:uppercase}.hospitality-sidebar-footer{margin-top:auto;border-top:1px solid #ffffff18;padding:20px 10px 0}.hospitality-sidebar-footer span,.hospitality-sidebar-footer strong{display:block}.hospitality-sidebar-footer span{color:#8191aa;font-size:11px}.hospitality-main{min-width:0}.hospitality-topbar{background:#fff;border-bottom:1px solid var(--hosp-line);padding:24px 34px;display:flex;justify-content:space-between;align-items:center}.hospitality-topbar p,.hospitality-welcome span,.hospitality-panel header span{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--hosp-blue);margin:0 0 6px}.hospitality-topbar h1{font-size:25px;margin:0}.hospitality-topbar>div>span{color:var(--hosp-muted);font-size:13px}.hospitality-user-chip{display:flex;align-items:center;gap:10px}.hospitality-user-chip>span{color:var(--hosp-green)}.hospitality-user-chip strong,.hospitality-user-chip small{display:block}.hospitality-user-chip small{color:var(--hosp-muted);margin-top:2px}.hospitality-page-content{padding:30px 34px}.hospitality-alert{padding:14px 18px;background:#feecec;color:#ba2929;border-radius:12px;margin-bottom:18px}.hospitality-welcome{background:linear-gradient(120deg,#071426,#123d7d);color:#fff;border-radius:22px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 16px 40px #0d2b5c24}.hospitality-welcome h2{font-size:29px;margin:0 0 7px}.hospitality-welcome p{margin:0;color:#c7d4e8}.hospitality-network-state{display:flex;gap:12px;align-items:center;background:#ffffff12;border:1px solid #ffffff20;padding:14px 18px;border-radius:14px}.hospitality-network-state i{width:11px;height:11px;border-radius:50%;background:#31d28d;box-shadow:0 0 0 5px #31d28d22}.hospitality-network-state strong,.hospitality-network-state small{display:block}.hospitality-network-state small{color:#b9c7da;margin-top:3px}.hospitality-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:22px 0}.hospitality-metrics article,.hospitality-panel{background:#fff;border:1px solid var(--hosp-line);border-radius:18px;padding:22px;box-shadow:0 8px 25px #18375c0b}.hospitality-metrics span,.hospitality-metrics small{display:block;color:var(--hosp-muted)}.hospitality-metrics strong{display:block;font-size:27px;margin:10px 0 6px}.hospitality-dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.hospitality-panel header h3{margin:0 0 18px}.hospitality-branch-list>div{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--hosp-line)}.hospitality-branch-list>div>span{width:10px;height:10px;border-radius:50%;background:#c3ccd8}.hospitality-branch-list>div>span.is-online{background:var(--hosp-green)}.hospitality-branch-list strong,.hospitality-branch-list small{display:block}.hospitality-branch-list small{color:var(--hosp-muted);margin-top:4px}.hospitality-branch-list b{font-size:12px;color:var(--hosp-green)}.hospitality-config-list{margin:0}.hospitality-config-list>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--hosp-line)}.hospitality-config-list dt{color:var(--hosp-muted)}.hospitality-config-list dd{font-weight:800;margin:0}@media(max-width:980px){.hospitality-shell{grid-template-columns:82px 1fr}.hospitality-sidebar{padding-inline:12px}.hospitality-brand div,.hospitality-sidebar nav b,.hospitality-sidebar nav small,.hospitality-sidebar-footer{display:none}.hospitality-sidebar nav button{grid-template-columns:1fr;text-align:center}.hospitality-metrics{grid-template-columns:repeat(2,1fr)}.hospitality-dashboard-grid{grid-template-columns:1fr}}@media(max-width:620px){.hospitality-shell{display:block}.hospitality-sidebar{position:static;height:auto}.hospitality-sidebar nav{grid-template-columns:repeat(4,1fr)}.hospitality-topbar,.hospitality-welcome{align-items:flex-start;gap:18px;flex-direction:column}.hospitality-page-content,.hospitality-topbar{padding:20px}.hospitality-metrics{grid-template-columns:1fr 1fr}.hospitality-metrics strong{font-size:21px}}