.roleDashboard{position:relative;overflow:hidden;margin:0 0 22px;padding:clamp(20px,3vw,34px);border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(135deg,#0b1220 0%,#17233a 62%,#1d4ed8 145%);color:#fff;box-shadow:0 22px 55px rgba(15,23,42,.2)}.roleDashboard::before{content:"";position:absolute;right:-70px;top:-105px;width:280px;height:280px;border:54px solid rgba(250,204,21,.11);border-radius:50%}.roleDashboard::after{content:"";position:absolute;right:18%;bottom:-90px;width:180px;height:180px;border-radius:50%;background:rgba(37,99,235,.16);filter:blur(2px)}.roleDashboard>*{position:relative;z-index:1}.roleDashboardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.roleDashboardKicker{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#facc15;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.roleDashboardKicker::before{content:"";width:20px;height:3px;border-radius:3px;background:#facc15}.roleDashboard h2{max-width:760px;margin:0!important;color:#fff!important;font-size:clamp(25px,3.2vw,40px)!important;line-height:1.05;letter-spacing:-.045em}.roleDashboardLead{max-width:680px;margin:11px 0 0;color:#b9c6da;font-size:13px;line-height:1.55}.roleDashboardDate{display:grid;gap:2px;min-width:120px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06);text-align:right}.roleDashboardDate b{font-size:12px}.roleDashboardDate span{color:#9fb0c8;font-size:10px}.roleQuickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.roleQuickCard{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:76px;padding:12px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;background:rgba(255,255,255,.075)!important;color:#fff!important;text-align:left;text-decoration:none;box-shadow:none!important;backdrop-filter:blur(10px);transition:background .16s ease,transform .16s ease,border-color .16s ease}.roleQuickCard:hover{transform:translateY(-2px);border-color:rgba(250,204,21,.45)!important;background:rgba(255,255,255,.12)!important}.roleQuickIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#facc15;color:#111827;font-size:17px;font-weight:900}.roleQuickText{display:grid;gap:3px}.roleQuickText b{font-size:12px}.roleQuickText small{color:#aebbd0;font-size:9px;line-height:1.3}.roleQuickArrow{color:#facc15;font-size:18px}.roleDashboard+ .statusCards,.roleDashboard~.statusCards{margin-top:0}.roleDashboard~.statusCards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.roleDashboard~.statusCards .metric,.roleDashboard~.statusCards .stat{min-height:102px;border-radius:16px!important;background:linear-gradient(145deg,#fff,#f8fafc)!important}.roleDashboard~.statusCards :where(b){font-size:30px!important;letter-spacing:-.035em}.roleDashboard~.statusCards :where(span){font-size:10px!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.workerDashboardBackdrop{position:fixed;inset:0;z-index:2100;background:rgba(8,15,28,.58);backdrop-filter:blur(7px)}.workerDashboard{position:fixed;z-index:2101;inset:clamp(10px,3vw,28px);overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#f2f5f9;box-shadow:0 35px 90px rgba(0,0,0,.36)}.workerDashboardHero{position:relative;overflow:hidden;padding:26px clamp(18px,4vw,38px) 38px;background:linear-gradient(135deg,#0b1220,#17233a);color:#fff}.workerDashboardHero::after{content:"";position:absolute;right:-45px;bottom:-105px;width:240px;height:240px;border:45px solid rgba(250,204,21,.13);border-radius:50%}.workerDashboardHead{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px}.workerDashboardHead button{display:grid;place-items:center;width:42px;height:42px;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:23px}.workerDashboardHero h2{position:relative;z-index:1;margin:28px 0 5px;color:#fff;font-size:clamp(27px,6vw,42px);letter-spacing:-.045em}.workerDashboardHero p{position:relative;z-index:1;margin:0;color:#aebbd0}.workerDashboardBody{display:grid;gap:16px;padding:clamp(14px,3vw,26px)}.workerShiftStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-34px;position:relative;z-index:2}.workerShiftStat{display:grid;gap:6px;min-height:92px;padding:15px;border:1px solid #dbe4ef;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.09)}.workerShiftStat span{color:#64748b;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.workerShiftStat b{font-size:25px;letter-spacing:-.035em}.workerActionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.workerAction{display:grid!important;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:76px;padding:13px!important;border:1px solid #dbe4ef!important;border-radius:15px!important;background:#fff!important;color:#172238!important;text-align:left;box-shadow:0 7px 20px rgba(15,23,42,.055)!important}.workerAction i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eff6ff;color:#2563eb;font-style:normal;font-size:19px}.workerAction span{display:grid;gap:3px}.workerAction b{font-size:12px}.workerAction small{color:#64748b;font-size:9px}.workerHomeButton{border-top:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;background:#fffbeb!important;color:#713f12!important}.workerHomeButton>span{filter:none!important}
@media(max-width:1100px){.roleQuickGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.roleDashboard{margin-bottom:14px;padding:19px;border-radius:18px}.roleDashboardTop{display:block}.roleDashboardDate{display:none}.roleQuickGrid{grid-template-columns:1fr 1fr;margin-top:18px}.roleQuickCard{grid-template-columns:34px 1fr;min-height:68px}.roleQuickArrow{display:none}.roleQuickIcon{width:34px;height:34px}.workerDashboard{inset:7px;border-radius:19px}.workerShiftStats{grid-template-columns:1fr 1fr}.workerActionGrid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.roleQuickGrid,.workerActionGrid{grid-template-columns:1fr}.roleDashboard h2{font-size:25px!important}.workerShiftStats{gap:7px}.workerShiftStat{min-height:80px;padding:12px}}
@media print{.roleDashboard,.workerDashboardBackdrop,.workerDashboard{display:none!important}}
