:root{--pro-navy:#0f172a;--pro-navy-2:#1e293b;--pro-blue:#2563eb;--pro-yellow:#facc15;--pro-ink:#142033;--pro-muted:#64748b;--pro-line:#dbe4ef;--pro-canvas:#f2f5f9;--pro-white:#fff;--pro-accent:var(--pro-blue);--pro-accent-soft:#eff6ff;--pro-ring:rgba(37,99,235,.22);--pro-radius:14px;--pro-shadow:0 8px 24px rgba(15,23,42,.07);--pro-shadow-lg:0 22px 60px rgba(15,23,42,.18)}
html{background:var(--pro-canvas)}body{color:var(--pro-ink);background:var(--pro-canvas);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body.proRole-worker{--pro-accent:#2563eb;--pro-accent-soft:#eff6ff;--pro-ring:rgba(37,99,235,.22)}body.proRole-supervisor{--pro-accent:#d9a900;--pro-accent-soft:#fffbeb;--pro-ring:rgba(250,204,21,.3)}body.proRole-project_manager{--pro-accent:#1d4ed8;--pro-accent-soft:#eff6ff;--pro-ring:rgba(37,99,235,.22)}body.proRole-admin,body.proRole-site_admin{--pro-accent:#1e293b;--pro-accent-soft:#f1f5f9;--pro-ring:rgba(30,41,59,.2)}
.proBrand{display:flex;align-items:center;gap:11px;min-width:0}.proBrand img{width:38px;height:38px;display:block;flex:0 0 auto}.proBrandText{display:grid;gap:1px;line-height:1.05}.proBrandText strong{color:inherit;font-size:16px;letter-spacing:-.02em}.proBrandText small{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:inherit;opacity:.64;font-weight:800}.proRoleBadge{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--pro-accent) 25%,#fff);border-radius:999px;background:var(--pro-accent-soft);color:var(--pro-accent);font-size:11px;font-weight:850;white-space:nowrap}.proRoleBadge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pro-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pro-accent) 15%,transparent)}
.center{background:radial-gradient(circle at 14% 12%,rgba(37,99,235,.1),transparent 34%),linear-gradient(145deg,#f8fafc,#edf2f8)}.login,.access-card{position:relative;overflow:hidden;border:1px solid rgba(203,213,225,.9)!important;border-radius:22px!important;box-shadow:0 28px 75px rgba(15,23,42,.16)!important}.login::before,.access-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#2563eb,#facc15)}.login .proBrand,.access-card .proBrand{margin-bottom:8px}.login h1{font-size:30px;letter-spacing:-.035em}.login p,.access-card>span{line-height:1.5}.login button,.access-card button{min-height:48px;border-radius:11px;box-shadow:0 9px 20px rgba(15,23,42,.14)}.proPowered{margin-top:7px;color:#8491a4;font-size:10px;font-weight:750;letter-spacing:.06em;text-align:center;text-transform:uppercase}
.staffAppShell>header{background:linear-gradient(120deg,var(--pro-navy),var(--pro-navy-2))!important;border:0!important;box-shadow:0 8px 28px rgba(15,23,42,.16)!important}.staffAppShell>header .eyebrow{color:#9fb4d4!important}.staffAppShell>header h1{letter-spacing:-.025em}.staffAppShell .staffMobileHeader{background:var(--pro-navy)!important}.staffDrawer{background:#fff!important}.staffDrawerHead{border-bottom:1px solid var(--pro-line)}.staffDrawerHead .proBrandText small{color:var(--pro-muted)}.proNavSearch{border-color:var(--pro-line)!important;background:#f8fafc!important}.proNavSearch:focus{border-color:var(--pro-accent)!important;box-shadow:0 0 0 3px var(--pro-ring);outline:0}.proNavGroup summary{color:#64748b!important}.proNavItems>.tab{color:#43516a!important;text-decoration:none}.proNavItems>.tab:hover{background:var(--pro-accent-soft)!important;color:var(--pro-accent)!important}.proNavItems>.tab.active{background:var(--pro-accent-soft)!important;color:var(--pro-accent)!important;box-shadow:inset 3px 0 var(--pro-accent)!important}.rolePill{background:var(--pro-accent)!important}.staffDrawerLogout{border-color:#fecaca!important;background:#fff7f7!important;color:#b42318!important}
.proRole-supervisor .rolePill{color:#111827!important}
.uiOrganizerManagement main,.uiOrganizerSupervisor main{padding-top:28px}.uiOrganizerManagement .card,.uiOrganizerSupervisor .card,.uiOrganizerManagement .tableWrap,.uiOrganizerSupervisor .tableWrap{border-color:var(--pro-line);box-shadow:var(--pro-shadow)}.uiOrganizerManagement .metric,.uiOrganizerSupervisor .metric{position:relative;overflow:hidden;border:1px solid var(--pro-line);box-shadow:var(--pro-shadow);transition:transform .16s ease,box-shadow .16s ease}.uiOrganizerManagement :where(input,select,textarea):focus,.uiOrganizerSupervisor :where(input,select,textarea):focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.2)}
.workerAppHeader{background:linear-gradient(115deg,var(--pro-navy),#1e293b)!important;color:#fff!important;border:0!important}.workerAppHeader .appHeaderProject strong,.workerAppHeader .appHeaderProject span{color:#fff!important}.appMenuButton{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.17)!important}.appDrawer{background:#fff!important;color:var(--pro-ink)!important}.appDrawerHead{background:var(--pro-navy)!important;color:#fff!important}.appDrawerNav button{color:#334155!important}.appDrawerNav button:hover{background:#eff6ff!important;color:#2563eb!important}.appDrawerNav button span{filter:saturate(.82)}.appDrawerLogout{background:#fff7f7!important;color:#b42318!important}.uiOrganizerWorker .toolbar{border-color:var(--pro-line);box-shadow:var(--pro-shadow)}.uiOrganizerWorker #viewport{box-shadow:var(--pro-shadow-lg)}
.proContextBar{display:none!important}.proFooter{padding:22px;text-align:center;color:#8491a4;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.staffOnlineDate{display:inline-flex;align-items:center;margin:0 5px 0 0;padding-right:10px;border-right:1px solid rgba(255,255,255,.2);color:#cbd5e1;font:inherit;font-size:11px;font-weight:750;letter-spacing:.02em;line-height:1;white-space:nowrap;opacity:1}.staffOnlineDate::before{content:none}
.proModulePage>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:88px!important;margin:0!important;padding:16px clamp(16px,3vw,34px)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;background:linear-gradient(120deg,var(--pro-navy),var(--pro-navy-2))!important;color:#fff!important;box-shadow:0 8px 28px rgba(15,23,42,.16)!important}.proModulePage>header>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center}.proModulePage>header>div:first-child>.proBrand{grid-row:1/4}.proModulePage>header h1{margin:0!important;color:#fff!important;font-size:clamp(21px,2.3vw,29px)!important;letter-spacing:-.025em!important}.proModulePage>header p{margin:3px 0 0!important;color:#aebbd0!important}.proModulePage>header>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.proModulePage>header a,.proModulePage>header button{min-height:40px!important;padding:9px 13px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:10px!important;color:#fff!important;text-decoration:none!important;font-weight:750!important}.proModulePage>main{width:min(1580px,100%);margin-inline:auto;padding-top:26px}.proModulePage :where(.panel,.card,.metrics>*,.weekHero,.hubHero,.forecastHero){border-color:var(--pro-line)!important;border-radius:var(--pro-radius)!important;box-shadow:var(--pro-shadow)!important}.proModulePage :where(input,select,textarea):focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.2)!important;outline:0}.proModulePage :where(dialog){border:1px solid var(--pro-line);border-radius:18px;box-shadow:var(--pro-shadow-lg)}
@media(hover:hover){.uiOrganizerManagement .metric:hover,.uiOrganizerSupervisor .metric:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.1)}}
@media(max-width:900px){.staffAppShell>header{display:none!important}.proContextBar{margin:2px 12px 14px}.proBrandText small{font-size:8px}.uiOrganizerManagement main,.uiOrganizerSupervisor main{padding-top:14px}.login,.access-card{border-radius:18px!important}.proModulePage>header{align-items:flex-start!important;min-height:78px!important}.proModulePage>header p{display:none}.proModulePage>header>div:last-child{max-width:55%}.proModulePage>main{padding-top:16px}}
@media(max-width:620px){.proContextBar{align-items:flex-start}.proContextBar time{display:none}.statusCards{gap:9px!important}.metric{padding:13px!important}.metric b{font-size:23px!important}.proModulePage>header{display:grid!important}.proModulePage>header>div:last-child{max-width:none;justify-content:flex-start}.proModulePage>header .proBrandText small{display:none}.proModulePage>main{padding-inline:10px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media print{.proContextBar,.proFooter{display:none!important}}