:root{--top-h:64px;--bottom-h:88px;--bottom-nav-h:var(--bottom-h);--vvh:100svh;--page-top-safe:74px;--page-bottom-safe:calc(var(--bottom-nav-h) + var(--bottom-dock-offset,8px) + 76px)}html{scroll-padding-top:var(--page-top-safe);scroll-padding-bottom:var(--page-bottom-safe)}html,body{max-width:100%;overflow-x:clip}@supports not (overflow:clip){html,body{overflow-x:hidden}}body{margin:0;background:var(--bn-premium-bg,linear-gradient(180deg,var(--bg),var(--bg-2)));color:var(--text);min-height:100svh;font-family:var(--font-base,var(--font,system-ui,-apple-system,"Segoe UI",sans-serif));font-weight:var(--font-body-weight,400);font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@supports (height:100dvh){body{min-height:100dvh}}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:200;transform:translateY(-140%);background:var(--c-teal);color:#fff;padding:10px 14px;border-radius:var(--r-pill);font-weight:900;text-decoration:none}.skip-link:focus{transform:none}.app-shell{width:min(100%,780px);max-width:100%;overflow-x:clip;min-height:100svh;margin-inline:auto}@supports (height:100dvh){.app-shell{min-height:100dvh}}body[data-role-layout="public"] .app-shell,body[data-role-layout="patient"] .app-shell,body[data-role-layout="driver"] .app-shell{max-width:620px}body[data-role-layout="supervisor"] .app-shell{max-width:1120px}.top-shell{position:sticky;top:0;z-index:70;min-height:var(--top-h);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px var(--page-section-x);backdrop-filter:saturate(1.15)blur(12px)}.brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;max-width:calc(100% - 118px);color:inherit;text-decoration:none}.brand-logo{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:#fff;flex:0 0 auto}.brand-copy{display:grid;gap:1px;min-width:0}.brand-copy strong{font-size:16px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;justify-content:flex-end;gap:8px;flex:0 0 auto}.top-action{min-width:88px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:900;text-decoration:none;border:1px solid #0478571f}.network-bar{position:sticky;top:var(--top-h);z-index:65;margin:0 auto;max-width:560px;background:var(--c-red-soft);color:var(--c-red);border-bottom:1px solid #dc26262e;padding:8px 14px;text-align:center;font-size:12px;font-weight:800}.page-host{min-height:calc(var(--vvh) - var(--top-h));max-width:100%;padding-bottom:var(--page-bottom-safe);scroll-margin-top:var(--page-top-safe);overflow-anchor:none;overflow-x:clip}.page-host:focus{outline:none}@supports (height:100dvh){.page-host{min-height:calc(var(--vvh) - var(--top-h))}}.page-section{width:100%;max-width:620px;min-width:0;margin-inline:auto;padding:14px var(--page-section-x) var(--page-bottom-safe);scroll-margin-top:var(--page-top-safe)}body[data-role-layout="supervisor"] .page-section{max-width:1120px}body[data-role-layout="supervisor"] .page-host{padding-inline:18px}.hero{padding:22px var(--page-section-x)14px}.section-heading,.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 14px}.section-heading h1,.hero-copy h1{margin:0;line-height:1.25}.role-page .section-heading h1{font-size:clamp(15px,4.3vw,20px)}.section-heading p,.hero-copy p{margin:.15em 0 0;color:var(--muted);line-height:1.75}.heading-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.role-page{display:grid}.role-surface{display:block}.role-surface-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.role-surface-head h1{margin:.15rem 0 .35rem;font-size:clamp(1.45rem,4vw,2.15rem)}.role-surface-head p{margin:0;color:var(--muted);line-height:1.75}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);z-index:80;display:flex;align-items:stretch;justify-content:space-around;gap:2px;border-top:1px solid var(--border)}.bottom-nav[hidden]{display:none}.nav-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;text-decoration:none;color:var(--muted);font-weight:900}.nav-icon{display:grid;place-items:center}.nav-item.active::before,.nav-item[aria-current="page"]::before{content:"";position:absolute;left:50%;transform:translateX(-50%);height:3px;border-radius:999px}.nav-item.active .nav-icon,.nav-item[aria-current="page"] .nav-icon{color:#fff}.nav-item:active{transform:scale(.98)}.toast{position:fixed;left:50%;transform:translateX(-50%);z-index:180;display:flex;gap:8px;align-items:center;max-width:min(92vw,520px);padding:12px 14px;border-radius:var(--r-pill);background:#063d30;color:#fff;font-weight:900}.toast.error{background:#7f1d1d}.toast[hidden]{display:none}.toast-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e}.btn,.top-action,.nav-item,.quick-card,.status-action,.event-card,.chip{touch-action:manipulation;-webkit-tap-highlight-color:#0000}:focus-visible{outline:3px solid var(--c-teal-glow);outline-offset:3px}.read-list,.report-list,.history-list{content-visibility:auto;contain-intrinsic-size:1px 720px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.001ms !important}}@media (max-width:640px){body[data-role-layout="supervisor"] .page-host{padding-inline:0}.role-surface-head,.section-heading,.page-intro{display:block}.role-surface-head .heading-actions,.section-heading .heading-actions{margin-top:12px}}@media (max-width:430px){:root{--top-h:60px;--page-bottom-safe:calc(244px + env(safe-area-inset-bottom,0px))}.top-shell{min-height:var(--top-h);padding:8px 14px}.brand{max-width:calc(100% - 102px)}.brand-logo{width:38px;height:38px;border-radius:13px}.brand-copy strong{font-size:16px}.brand-copy span{font-size:11px}.top-action{min-width:84px;min-height:38px;padding:7px 10px}.page-section{padding-top:14px}.hero{padding-top:18px;padding-bottom:12px}.bottom-nav[data-nav-count="5"]{overflow-x:hidden;justify-content:space-around}.toast{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 12px)}}body[data-nav-mode="top-only"] .page-host{padding-bottom:var(--page-bottom-safe)}body[data-nav-mode="role-bottom"] .page-host{padding-bottom:0}.bottom-clearance-spacer{display:block;visibility:hidden;pointer-events:none;height:var(--page-bottom-safe);min-height:116px}.visitor-page-bottom-safe-space.bottom-clearance-spacer{min-height:132px}.bottom-nav{overflow-x:auto;overscroll-behavior-x:contain;max-width:calc(100% - (var(--bottom-dock-x,10px) * 2))}.nav-item{min-width:72px}.bottom-nav[data-nav-count="5"] .nav-item{min-width:0}.app-shell{background:linear-gradient(180deg,rgba(226,247,236,.82),rgba(209,242,223,.58));box-shadow:0 0 0 1px #0f766e0f,0 24px 80px #0f172a14}.top-shell{border-bottom:1px solid var(--bn-premium-border);background:#f4fdf8eb;box-shadow:0 10px 30px #0f766e12}.brand-logo{background:linear-gradient(135deg,var(--bn-role-start),var(--bn-role-end));box-shadow:0 10px 22px #04785733}.brand-copy strong{letter-spacing:-.02em}.brand-copy span{color:var(--muted-2,var(--muted))}@supports (color:color-mix(in srgb,black 50%,#fff)){.brand-copy span{color:color-mix(in srgb,var(--muted)82%,var(--bn-role-start))}}.top-action{background:var(--bn-role-soft);color:var(--bn-role-start);border-color:var(--bn-premium-border);box-shadow:0 1px 0 #ffffffa6 inset}.top-action.active,.top-action[aria-current="page"],.top-action:hover{background:linear-gradient(135deg,var(--bn-role-start),var(--bn-role-end));color:#fff;border-color:#0000;box-shadow:0 10px 24px #0478572e}.role-page{gap:var(--bn-premium-gap)}.section-heading,.page-intro,.role-surface-head{position:relative;padding:8px 12px;border:1px solid var(--bn-premium-border);border-radius:16px;background:linear-gradient(135deg,#ffffffeb,#fff);box-shadow:0 6px 18px #0f766e0f;overflow:hidden}.section-heading::before,.page-intro::before,.role-surface-head::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:5px;background:linear-gradient(180deg,var(--bn-role-start),var(--bn-role-end));border-radius:999px}.section-heading h1,.hero-copy h1,.role-surface-head h1{letter-spacing:-.025em;color:#0f172a}.section-heading p,.hero-copy p,.role-surface-head p{max-width:68ch}.bottom-nav{background:#fffffff0;border-bottom:0;box-shadow:0 -12px 34px #0f766e1f;backdrop-filter:saturate(1.25)blur(14px)}.nav-item{transition:transform var(--dur)var(--ease),color var(--dur)var(--ease),background var(--dur)var(--ease)}.nav-item:hover{transform:translateY(-1px)}.nav-icon{background:var(--bn-role-soft);color:var(--bn-role-start);transition:inherit}.nav-item.active,.nav-item[aria-current="page"]{color:var(--bn-role-start)}.nav-item.active .nav-icon,.nav-item[aria-current="page"] .nav-icon{background:linear-gradient(135deg,var(--bn-role-start),var(--bn-role-end));box-shadow:0 10px 20px #04785733}.nav-item.active::before,.nav-item[aria-current="page"]::before{background:linear-gradient(90deg,var(--bn-role-start),var(--bn-role-end))}.network-bar{border-radius:0 0 18px 18px;box-shadow:var(--bn-premium-shadow-soft)}.toast{box-shadow:0 18px 44px #0f172a38}@media (max-width:430px){.section-heading,.page-intro,.role-surface-head{padding:7px 10px;border-radius:14px}.bottom-nav{border-radius:20px 20px 0 0}.page-section{gap:12px}}body[data-route-state="loading"] .page-host{cursor:progress}body[data-route-state="loading"] .bottom-nav,body[data-route-state="loading"] .top-actions{opacity:.96}body[data-route-state="error"] .top-shell{box-shadow:0 10px 30px #dc262614}.app-shell[data-route-state="loading"] .brand-logo{position:relative;overflow:hidden}.app-shell[data-route-state="loading"] .brand-logo::after{content:"";position:absolute;inset:auto 15% 7px;height:3px;border-radius:999px;background:#ffffffdb;animation:bn-loading-bar .9s ease-in-out infinite}@keyframes bn-loading-bar{0%,100%{transform:scaleX(.35);opacity:.55}50%{transform:scaleX(1);opacity:1}}@media (prefers-reduced-motion:reduce){.app-shell[data-route-state="loading"] .brand-logo::after{animation:none}}@media (max-width:430px){.top-action,.nav-item{min-height:44px}.page-section{padding-inline:max(14px,env(safe-area-inset-left,0));padding-inline-end:max(14px,env(safe-area-inset-right,0))}}:root{--bottom-dock-offset:max(8px,env(safe-area-inset-bottom,0px));--bottom-dock-x:10px}.bottom-nav{bottom:var(--bottom-dock-offset);width:min(calc(100% - (var(--bottom-dock-x) * 2)),620px);min-height:82px;padding:7px 8px 10px;border:1px solid var(--bn-premium-border);border-radius:24px;overflow:hidden}body[data-role-layout="supervisor"] .bottom-nav{width:min(calc(100% - (var(--bottom-dock-x) * 2)),1120px)}.nav-item{min-height:54px;gap:1px;font-size:10.8px;line-height:1.2;white-space:nowrap}.nav-icon{width:34px;height:34px;border-radius:13px}.nav-item.active::before,.nav-item[aria-current="page"]::before{top:4px;width:24px}.toast{bottom:calc(var(--bottom-nav-h) + var(--bottom-dock-offset) + 18px)}@media (max-width:430px){:root{--bottom-dock-x:8px}.bottom-nav{min-height:78px;padding:6px 6px 9px;border-radius:22px}.nav-item{font-size:10.5px;min-height:51px}.nav-icon{width:32px;height:32px}}.top-action[href$="#/login"]{background:linear-gradient(135deg,var(--bn-role-start),var(--bn-role-end));color:#fff;border-color:#0000}body[data-route-cache="hit"] .page-host{content-visibility:visible}body[data-last-route-cache="hit"] .app-shell[data-route-state="loading"] .brand-logo::after{animation:none;opacity:.65}@media (prefers-reduced-motion:reduce){.app-shell[data-route-state="loading"] .brand-logo::after{animation:none !important}}body[data-chat-surface-active=true] :is(.top-shell,.bottom-nav){visibility:hidden;pointer-events:none}
:where(.page-section,.role-page,.role-surface,.card,.card-inner,.form-grid,.grid-2,.quick-grid,.metric-grid,.action-row,.chip-row,.role-tabs,.page-tabs,.mailbox-tabs,.admin-scroll-tabs,.admin-audit-tabs,.report-list,.history-list,.read-list){min-width:0;max-width:100%}:where(table,.stats,.report-table){max-width:100%}:where(.action-row,.chip-row,.role-tabs,.page-tabs,.mailbox-tabs,.admin-scroll-tabs,.admin-audit-tabs){overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.top-action[href="#/t"],.top-action[href="#/w"]{min-width:42px;width:42px;padding:0}.top-action[href="#/t"]{background:#1d4ed81a;color:#1d4ed8;border-color:#1d4ed833}.top-action[href="#/w"]{background:#16a34a1a;color:#15803d;border-color:#16a34a33}
.top-action[href="#/t"],.top-action[href="#/w"]{font-size:0}.top-action[href="#/t"]:before,.top-action[href="#/w"]:before{content:"";display:block;width:23px;height:23px;background:center/contain no-repeat}.top-action[href="#/t"]:before{background-image:url("/assets/icons/telegram.svg")}.top-action[href="#/w"]:before{background-image:url("/assets/icons/whatsapp.svg")}