body.dashboard-premium{--hybrid-navy:#0a1f44;--hybrid-gold:#c9a227;--hybrid-blue:#3563e9}
.dashboard-live-source{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.dashboard-prototype-overview{display:grid;gap:14px;margin-bottom:14px}
.dashboard-prototype-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.dashboard-prototype-kpi{position:relative;min-height:150px;padding:17px;border:1px solid #e5e7eb;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(15,31,68,.06);transition:transform .18s,box-shadow .18s}
.dashboard-prototype-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,31,68,.09)}
.dashboard-prototype-kpi>i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#edf3ff;color:#3563e9;font-style:normal}.dashboard-prototype-kpi>i svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-prototype-kpi.tone-1>i{background:#eaf9f2;color:#12a66a}.dashboard-prototype-kpi.tone-2>i{background:#fff8dd;color:#9d790d}.dashboard-prototype-kpi.tone-3>i{background:#f1edff;color:#7256d8}
.dashboard-prototype-kpi-label{position:absolute;top:18px;right:14px;left:68px;display:flex;align-items:center;justify-content:space-between}.dashboard-prototype-kpi-label span{color:#64748b;font-size:11px;font-weight:700}.dashboard-prototype-kpi-label button{min-height:25px;padding:0 4px;border:0;background:transparent;color:#8996aa}.dashboard-prototype-kpi>strong{display:block;margin-top:15px;color:#0a1f44;font-size:27px;letter-spacing:-.035em}.dashboard-prototype-kpi-foot{display:flex;align-items:center;gap:7px;margin-top:7px}.dashboard-prototype-kpi-foot b{color:#12a66a;font-size:9px}.dashboard-prototype-kpi-foot small{color:#94a3b8;font-size:9px}
.dashboard-prototype-kpi-foot.down b{color:#df4962}.dashboard-prototype-kpi-foot.up b{color:#12a66a}
.dashboard-prototype-extra{padding:17px;border:1px solid #e5e7eb;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(15,31,68,.05)}
.dashboard-prototype-section-head h3{margin:0!important;color:#0a1f44;font-size:16px!important}.dashboard-prototype-section-head p{margin:4px 0 0;color:#64748b;font-size:10px}
.dashboard-prototype-extra-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:14px}.dashboard-prototype-extra-grid>div{padding:12px;border:1px solid #edf0f4;border-radius:10px;background:#fafbfc}.dashboard-prototype-extra-grid span,.dashboard-prototype-extra-grid strong{display:block}.dashboard-prototype-extra-grid span{min-height:28px;color:#6b7890;font-size:9px;font-weight:700}.dashboard-prototype-extra-grid strong{margin-top:5px;color:#17233d;font-size:16px}
body.dashboard-premium .service-finance,body.dashboard-premium .performance-grid{display:none!important}body.dashboard-premium .dashboard-bookings{border-radius:15px!important;box-shadow:0 7px 22px rgba(15,31,68,.05)!important}
.dashboard-hybrid-search{position:relative;display:flex;align-items:center;width:min(360px,26vw);height:48px;margin-left:auto}
.dashboard-hybrid-search input{width:100%;height:48px;padding:0 42px 0 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.dashboard-hybrid-search button{position:absolute;right:5px;width:37px;min-height:37px;padding:0;border-radius:9px;background:#eef3ff;color:#285fd4}
.dashboard-notification-button{position:relative;width:48px;padding:0!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#526077!important}
.dashboard-notification-button i{position:absolute;right:9px;top:8px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#ef4760}
.dashboard-theme-button{width:48px;padding:0!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#526077!important}
.dashboard-hybrid-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px;padding:4px 2px}
.dashboard-hybrid-hero small{color:#3563e9;font-weight:700}.dashboard-hybrid-hero h2{margin:5px 0 3px!important;color:#0a1f44;font-size:27px!important}.dashboard-hybrid-hero p{margin:0;color:#64748b}
.dashboard-hybrid-periods{display:flex;gap:5px;padding:4px;border:1px solid #e4e9f1;border-radius:11px;background:#fff}
.dashboard-hybrid-periods button{min-height:34px;padding:7px 10px;background:transparent;color:#64748b;font-size:11px}
.dashboard-hybrid-periods button.active{background:#0a1f44;color:#fff}
.dashboard-hybrid-analytics{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:14px;margin:16px 0}
.dashboard-hybrid-panel{min-width:0;padding:17px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,31,68,.045)}
.dashboard-hybrid-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.dashboard-hybrid-panel h3{margin:0!important;font-size:16px!important}.dashboard-hybrid-panel p{margin:4px 0 0;color:#64748b;font-size:11px}
.dashboard-hybrid-chart{display:block;width:100%;height:210px}
.dashboard-hybrid-calendar{display:grid;gap:2px}.dashboard-hybrid-event{display:grid;grid-template-columns:39px 1fr;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f4}.dashboard-hybrid-event:last-child{border:0}.dashboard-hybrid-date{padding:5px;border-radius:8px;background:#eef3ff;color:#285fd4;text-align:center}.dashboard-hybrid-date b,.dashboard-hybrid-date span{display:block}.dashboard-hybrid-date span{font-size:8px;text-transform:uppercase}.dashboard-hybrid-event strong,.dashboard-hybrid-event small{display:block}.dashboard-hybrid-event strong{font-size:11px}.dashboard-hybrid-event small{margin-top:2px;color:#718096;font-size:9px}
.dashboard-status-content{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px;min-height:210px}.dashboard-status-donut{display:grid;place-items:center;width:142px;height:142px;border-radius:50%}.dashboard-status-donut:before{content:"";grid-area:1/1;width:82px;height:82px;border-radius:50%;background:#fff}.dashboard-status-donut span{z-index:1;grid-area:1/1;text-align:center}.dashboard-status-donut strong,.dashboard-status-donut small{display:block}.dashboard-status-donut strong{color:#0a1f44;font-size:25px}.dashboard-status-donut small{color:#94a3b8;font-size:9px}.dashboard-status-legend{display:grid;gap:13px}.dashboard-status-legend>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:10px}.dashboard-status-legend i{width:8px;height:8px;border-radius:50%;background:#13aa6b}.dashboard-status-legend .pending i{background:#e99a0c}.dashboard-status-legend .issued i{background:#3563e9}.dashboard-status-legend .cancelled i{background:#df4962}.dashboard-status-legend b{color:#29344a}.dashboard-status-legend span{color:#718096}.dashboard-hybrid-lower{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);align-items:start;gap:14px;margin:16px 0}.dashboard-hybrid-bookings-slot{min-width:0}.dashboard-hybrid-bookings-slot .dashboard-bookings{margin:0!important}.dashboard-upcoming-panel{min-height:100%}
.dashboard-quick-button{position:fixed;right:28px;bottom:26px;z-index:120;width:52px;height:52px;padding:0!important;border-radius:15px!important;font-size:25px!important;box-shadow:0 12px 28px rgba(53,99,233,.3)!important}
.dashboard-quick-menu{position:fixed;right:28px;bottom:88px;z-index:121;display:none;width:205px;padding:8px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(15,31,68,.16)}
.dashboard-quick-menu.open{display:grid}.dashboard-quick-menu button{justify-content:flex-start;background:#fff;color:#42516a;text-align:left}.dashboard-quick-menu button:hover{background:#f3f6fb}
.dashboard-notifications{position:fixed;top:0;right:-390px;z-index:150;width:min(380px,100vw);height:100vh;padding:20px;background:#fff;box-shadow:-15px 0 45px rgba(15,31,68,.17);transition:right .2s}.dashboard-notifications.open{right:0}.dashboard-notifications-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #e5e7eb}.dashboard-notifications-head h3{margin:0}.dashboard-notification{padding:13px 0;border-bottom:1px solid #edf0f4}.dashboard-notification b,.dashboard-notification span{display:block}.dashboard-notification span{margin-top:3px;color:#64748b;font-size:11px}
body.dashboard-hybrid-dark{filter:none;background:#0d1729}body.dashboard-hybrid-dark main,body.dashboard-hybrid-dark #app{background:#0d1729}body.dashboard-hybrid-dark .dashboard-hybrid-panel,body.dashboard-hybrid-dark .dashboard-tall-card,body.dashboard-hybrid-dark .dashboard-finance-grid .dashboard-compact-metric,body.dashboard-hybrid-dark .card{background:#142037!important;color:#eef3fb!important;border-color:#293750!important}body.dashboard-hybrid-dark #app h2,body.dashboard-hybrid-dark #app h3,body.dashboard-hybrid-dark #app strong{color:#f4f7fc!important}
@media(max-width:1250px){.dashboard-hybrid-search{width:240px}.dashboard-hybrid-analytics,.dashboard-hybrid-lower{grid-template-columns:1fr}.dashboard-hybrid-calendar{grid-template-columns:repeat(2,1fr)}.dashboard-prototype-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-prototype-extra-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.dashboard-hybrid-search{order:10;width:100%;max-width:none}.dashboard-hybrid-calendar{grid-template-columns:1fr 1fr}}@media(max-width:650px){.dashboard-hybrid-hero{align-items:flex-start;flex-direction:column}.dashboard-hybrid-periods{width:100%;overflow:auto}.dashboard-hybrid-periods button{flex:1}.dashboard-hybrid-calendar{grid-template-columns:1fr}.dashboard-status-content{grid-template-columns:1fr;justify-items:center}.dashboard-hybrid-search{grid-column:1/-1}.dashboard-quick-button{right:14px;bottom:14px}.dashboard-quick-menu{right:14px;bottom:76px}.dashboard-prototype-kpis,.dashboard-prototype-extra-grid{grid-template-columns:1fr}.dashboard-prototype-kpi{min-height:112px}}

.dashboard-live-overview{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.8fr) minmax(250px,.9fr);gap:14px}
.dashboard-live-overview .dashboard-prototype-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-live-overview .dashboard-prototype-extra.finance .dashboard-prototype-extra-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.dashboard-premium .service-finance{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body.dashboard-premium .service-finance .card{border-radius:15px!important;box-shadow:0 7px 22px rgba(15,31,68,.05)!important}
body.dashboard-premium>aside nav .nav{border-radius:10px!important}
body.dashboard-premium>aside nav .nav.active{background:#fff!important;color:#0a1f44!important;box-shadow:inset 3px 0 #c9a227!important}
@media(max-width:1250px){.dashboard-live-overview{grid-template-columns:1fr}body.dashboard-premium .service-finance{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.dashboard-live-overview .dashboard-prototype-extra-grid,.dashboard-live-overview .dashboard-prototype-extra.finance .dashboard-prototype-extra-grid,body.dashboard-premium .service-finance{grid-template-columns:1fr!important}}

/* Exact approved workspace shell for the live dashboard. */
body.dashboard-workspace-shell{grid-template-columns:248px minmax(0,1fr)!important;background:#f8fafc;font-family:Manrope,"Segoe UI",sans-serif}
body.dashboard-workspace-shell.presence-active{grid-template-columns:248px minmax(0,1fr) 285px!important}
body.dashboard-workspace-shell.presence-active.presence-collapsed{grid-template-columns:248px minmax(0,1fr) 68px!important}
body.dashboard-workspace-shell>aside{padding:24px 16px!important;background:#0a1f44!important}
body.dashboard-workspace-shell>aside>#workspaceName,body.dashboard-workspace-shell>aside>#workspaceTagline{display:none!important}
.dashboard-workspace-brand{display:none}
body.dashboard-workspace-shell .dashboard-workspace-brand{display:block;padding:0 6px 20px;color:#fff}
.dashboard-workspace-logo{display:grid;place-items:center;width:100%;height:102px;overflow:hidden;padding:10px;border-radius:14px;background:#fff}
.dashboard-workspace-logo img{display:block;width:100%;height:100%;object-fit:contain}.dashboard-workspace-logo span{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:#eef3ff;color:#0a1f44;font-size:20px;font-weight:900}
.dashboard-workspace-brand h2{margin:14px 2px 0!important;color:#fff!important;font-size:18px!important;line-height:1.2!important}.dashboard-workspace-brand p{margin:7px 2px 0;color:#8fa9d1;font-size:10px}
body.dashboard-workspace-shell>aside nav{gap:4px!important;margin:0!important;padding:0 0 10px!important}
body.dashboard-workspace-shell>aside .nav-group{gap:4px!important}
body.dashboard-workspace-shell>aside .nav-label{padding:16px 12px 6px!important;color:#7184a5!important;font-size:9px!important;letter-spacing:.16em!important}
body.dashboard-workspace-shell>aside .nav{min-height:43px!important;padding:9px 11px!important;color:#aebbd2!important}
body.dashboard-workspace-shell>aside .nav:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
body.dashboard-workspace-shell>aside .nav.active{background:#fff!important;color:#0a1f44!important}
body.dashboard-workspace-shell>aside .profile{padding:16px 7px 0!important}
body.dashboard-workspace-shell main>header{height:72px!important;min-height:72px!important;padding:12px 24px!important;gap:8px!important;background:rgba(255,255,255,.91)!important;backdrop-filter:blur(12px)}
body.dashboard-workspace-shell main>header>div:first-child{display:none!important}
body.dashboard-workspace-shell main>header>div:last-child{display:flex!important;width:100%!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
body.dashboard-workspace-shell main>header #role,body.dashboard-workspace-shell main>header [data-logout],body.dashboard-workspace-shell main>header .dashboard-refresh-box{display:none!important}
body.dashboard-workspace-shell .dashboard-hybrid-search{order:1;width:min(440px,38vw)!important;height:43px!important;margin:0 auto 0 0!important}
body.dashboard-workspace-shell .dashboard-hybrid-search input{height:43px!important;border-radius:11px!important;background:#f8fafc!important}
body.dashboard-workspace-shell .dashboard-hybrid-search button{display:none!important}
body.dashboard-workspace-shell main>header [data-new]{order:2;height:48px!important;min-height:48px!important;padding:0 20px!important;border-radius:12px!important}
body.dashboard-workspace-shell .dashboard-notification-button{order:3;width:48px!important;height:48px!important;font-size:0!important}
body.dashboard-workspace-shell .dashboard-theme-button{order:4;width:48px!important;height:48px!important;font-size:0!important}
.dashboard-notification-button>svg,.dashboard-theme-button>svg,.dashboard-live-user>svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-live-user{order:5;display:flex!important;align-items:center!important;gap:8px!important;height:48px!important;padding:4px 7px 4px 4px!important;border:0!important;background:transparent!important;color:#111827!important;box-shadow:none!important}
.dashboard-live-user>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#4969d8;color:#fff;font-size:11px;font-weight:800}.dashboard-live-user div{text-align:left}.dashboard-live-user b,.dashboard-live-user small{display:block}.dashboard-live-user small{margin-top:1px;color:#64748b;font-size:9px;text-transform:capitalize}.dashboard-live-user>svg{width:14px}
body.dashboard-workspace-shell #app{padding:26px!important}
body.dashboard-workspace-shell .dashboard-hybrid-hero{margin-bottom:21px!important;padding:0!important}
body.dashboard-workspace-shell .dashboard-hybrid-hero h2{margin:5px 0 4px!important;font-size:30px!important;letter-spacing:-.035em!important}
.dashboard-hybrid-hero-actions{display:flex;align-items:center;gap:8px}.dashboard-hybrid-hero-actions>button{min-height:40px;padding:9px 13px;border:1px solid #e5e7eb!important;border-radius:10px!important;background:#fff!important;color:#45546b!important}
.dashboard-hybrid-compact-periods{display:flex;align-items:center;overflow:hidden;padding:3px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(15,31,68,.03)}
.dashboard-hybrid-compact-periods button{min-height:32px;padding:6px 8px;border:0!important;border-radius:7px!important;background:transparent!important;color:#718096!important;font-size:9px!important;font-weight:700!important;box-shadow:none!important}
.dashboard-hybrid-compact-periods button.active{background:#0a1f44!important;color:#fff!important}
.dashboard-hybrid-panel-head select{height:36px;width:auto;padding:0 32px 0 11px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#45546b}
@media(max-width:1000px){.dashboard-hybrid-hero-actions{align-items:stretch;flex-wrap:wrap}.dashboard-hybrid-compact-periods{order:3;width:100%;overflow-x:auto}.dashboard-hybrid-compact-periods button{flex:1}}@media(max-width:850px){body.dashboard-workspace-shell,body.dashboard-workspace-shell.presence-active,body.dashboard-workspace-shell.presence-active.presence-collapsed{grid-template-columns:1fr!important}body.dashboard-workspace-shell main>header{height:auto!important;min-height:64px!important;padding:10px 12px 10px 62px!important}body.dashboard-workspace-shell .dashboard-hybrid-search{display:none}.dashboard-live-user div{display:none}}