.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}
.mobile-attendance,.mobile-team{gap:12px;width:100%;min-width:0;display:grid}.mobile-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:2px 4px 0;font-size:.72rem;font-weight:800}.mobile-team-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mobile-stat-pill{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #0000;border-radius:14px;gap:2px;padding:10px 12px;transition:border-color .15s,background .15s,transform .12s;display:grid;box-shadow:0 4px 14px #17202b0d}.mobile-stat-pill small{color:#66717f;font-size:.7rem;font-weight:700}.mobile-stat-pill b{color:#1d2733;font-size:1.15rem;font-weight:800;line-height:1.15}.mobile-stat-pill.is-good b{color:#16845b}.mobile-stat-pill.is-warn b{color:#c33c32}.mobile-stat-pill.is-active{background:#fff4ee;border-color:#f26522}.mobile-stat-pill.is-active small{color:#c64b10}.mobile-search{background:#fff;border:1px solid #e2e7ee;border-radius:14px;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:0 4px 14px #17202b0a}.mobile-search:focus-within{border-color:#f26522;box-shadow:0 0 0 3px #f265221f}.mobile-search svg{width:18px;height:18px;color:var(--muted);flex:none}.mobile-search input,.mobile-search input[data-slot=input]{color:#1d2733;flex:auto;min-width:0;min-height:44px;font-size:.9rem;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important;padding-left:0!important;padding-right:0!important}.mobile-search-clear{color:#5c6775;cursor:pointer;background:#eef1f5;border:0;border-radius:999px;place-items:center;width:26px;height:26px;padding:0;display:grid}.mobile-search-clear svg{width:14px;height:14px}.mobile-cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mobile-cards.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.mobile-cards.is-grid .mobile-card{flex-direction:column;justify-content:space-between;gap:10px;height:100%;padding:12px;display:flex}.mobile-cards.is-grid .mobile-card-main{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.mobile-cards.is-grid .mobile-card-meta{grid-template-columns:1fr;gap:4px;padding:8px;display:grid}.mobile-cards.is-grid .mobile-card-action{min-height:38px!important;padding:0 8px!important;font-size:.78rem!important}.mobile-card{background:#fff;border:0;border-radius:16px;gap:10px;padding:14px;display:grid;box-shadow:0 6px 18px #17202b0f}.mobile-card-main{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;display:grid}.mobile-card-main--no-avatar{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start}button.mobile-card-main{cursor:pointer}.mobile-avatar{color:#f26522;background:#fff4ee;border:1px solid #fad7c2;border-radius:13px;place-items:center;width:42px;height:42px;font-size:.78rem;font-weight:800;display:grid}.mobile-card-copy{gap:4px;min-width:0;display:grid}.mobile-card-title-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.mobile-emp-code{color:#5b6675;white-space:nowrap;background:#f1f4f9;border-radius:6px;align-items:center;padding:2px 7px;font-size:.7rem;font-weight:700;line-height:1.2;display:inline-flex}.mobile-worksite-label{color:#46515e;font-weight:700}.mobile-card-copy b{color:#1d2733;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;line-height:1.2;overflow:hidden}.mobile-card-meta b,.mobile-card-times b{color:#1d2733;font-size:.88rem;font-weight:800;line-height:1.2}.mobile-card-copy small{color:#66717f;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:.75rem;display:inline-flex;overflow:hidden}.mobile-card-copy small svg{color:#f26522;flex:none;width:12px;height:12px}.mobile-card-meta small,.mobile-card-times small{color:#66717f;font-size:.7rem;font-weight:600}.mobile-status{color:#46515e;white-space:nowrap;background:#eef1f4;border-radius:999px;justify-self:end;padding:5px 10px;font-size:.68rem;font-weight:800}.mobile-status.is-present,.mobile-status.is-active,.mobile-status.is-completed{color:#16845b;background:#e9f7f1}.mobile-status.is-late,.mobile-status.is-early_out,.mobile-status.is-break,.mobile-status.is-scheduled{color:#ad6700;background:#fff5df}.mobile-status.is-absent,.mobile-status.is-overdue,.mobile-status.is-open{color:#c33c32;background:#fff0ef}.mobile-card-times,.mobile-card-meta{background:#f6f8fb;border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.mobile-card-meta{grid-template-columns:1.35fr 1fr 1fr}.mobile-card-times span,.mobile-card-meta span{gap:2px;min-width:0;display:grid}.mobile-card>button,.mobile-card .mobile-card-action{justify-content:center;gap:8px;width:100%;min-height:42px;font-weight:800;color:#fff!important;background:linear-gradient(#ff8a3d 0%,#f26522 100%)!important;border:0!important;border-radius:12px!important;align-items:center!important;display:flex!important;box-shadow:0 4px 12px #f2652238!important}.mobile-card .mobile-card-action--inline{width:auto;min-height:34px;padding:0 12px}.mobile-empty{text-align:center;background:#fff;border-radius:16px;padding:32px 16px;box-shadow:0 6px 18px #17202b0d}.mobile-empty h3{margin:0 0 6px;font-size:.98rem}.mobile-empty p{color:var(--muted);margin:0;font-size:.84rem}.history-board.is-phone .history-legend,.history-board.is-phone .mini-avatar,.history-board.is-phone .history-employee .mini-avatar{display:none!important}@media (max-width:760px){.history-grid .mini-avatar,.history-employee .mini-avatar,.shift-board .mini-avatar{display:none!important}}.profile-signout{justify-content:flex-start;margin-top:8px;display:flex}.profile-signout-btn{color:#b42318;width:100%;max-width:320px;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(snow 0%,#fff2f1 100%);border:1px solid #f2c8c4;border-radius:18px;align-items:center;gap:12px;padding:12px 16px;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s;display:flex;box-shadow:0 8px 22px #b4231814}.profile-signout-btn:hover{background:linear-gradient(#fff5f4 0%,#ffe8e6 100%);border-color:#ea9f98;box-shadow:0 10px 24px #b423181f}.profile-signout-btn:active{transform:scale(.99)}.profile-signout-icon{color:#c33c32;background:#fde2e0;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.profile-signout-icon svg{width:18px;height:18px}.profile-signout-btn>span:last-child{gap:2px;min-width:0;display:grid}.profile-signout-btn b{color:#b42318;font-size:.94rem;font-weight:800;line-height:1.2}.profile-signout-btn small{color:#8a4b45;font-size:.76rem;font-weight:600;line-height:1.25}@media (max-width:760px){.profile-signout{margin-top:4px}.profile-signout-btn{max-width:none}}.phone-tabbar{display:none}.staff-phone-home{box-sizing:border-box;background:#f4f6fb;gap:14px;width:100%;min-width:0;max-width:100%;margin:0;padding:0 0 12px;display:grid;overflow-x:hidden}.staff-phone-hero{color:#fff;background:linear-gradient(#ff8a3d 0%,#f26522 100%);align-items:center;gap:12px;padding:24px 16px 56px;display:flex}.staff-phone-avatar{width:46px;height:46px;color:var(--orange);background:#fff;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;box-shadow:0 4px 12px #0000001f}.staff-phone-hello{gap:2px;min-width:0;display:grid}.staff-phone-hello small{opacity:.92;font-size:.78rem}.staff-phone-hello b{font-size:1.15rem;line-height:1.2}.staff-phone-hero-site{opacity:.92;align-items:center;gap:4px;margin-top:2px;font-size:.74rem;font-weight:600;display:inline-flex}.staff-phone-hero-site svg{width:13px;height:13px}.staff-phone-card,.staff-phone-block{background:#fff;border-radius:18px;margin:0 12px;padding:14px;box-shadow:0 8px 22px #17202b0f}.staff-phone-card{margin-top:-40px}.staff-phone-card-top{justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;display:flex}.staff-phone-date{color:#66717f;margin:0;font-size:.8rem;font-weight:700}.staff-phone-pill{color:#46515e;white-space:nowrap;background:#f4f6fb;border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:800}.staff-phone-status{background:#fff4ee;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:12px 14px;display:flex}.staff-phone-status>div{min-width:0}.staff-phone-status b{color:#f26522;font-size:1rem;display:block}.staff-phone-status small,.staff-phone-shift small,.staff-phone-stats small{color:#66717f;font-size:.75rem;display:block}.staff-phone-clock,.staff-phone-break{color:#fff;cursor:pointer;background:#f26522;border:0;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.staff-phone-clock:disabled,.staff-phone-break:disabled{opacity:.55;cursor:not-allowed}.staff-phone-clock svg,.staff-phone-break svg,.staff-phone-actions svg,.staff-phone-shift-icon svg,.phone-tabbar svg{width:18px;height:18px}.staff-phone-break{color:#f26522;background:#fff;border:1px solid #f3c7a6;justify-content:center;width:100%;margin-top:10px}.staff-phone-note,.staff-phone-empty,.staff-phone-site{color:#66717f;margin:10px 0 0;font-size:.82rem}.staff-phone-site{justify-content:center;align-items:center;gap:6px;display:flex}.staff-phone-block-head h2{color:#1d2733;margin:0 0 12px;font-size:.96rem;font-weight:800}.staff-phone-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;width:100%;min-width:0;display:grid}.staff-phone-actions.is-six{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-phone-actions button{color:#243140;white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;justify-items:center;gap:6px;min-width:0;padding:2px 0;font-size:.72rem;font-weight:700;display:grid}.staff-phone-actions button span{color:#f26522;background:#fff4ee;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;position:relative}.staff-phone-action-badge,.phone-tabbar-badge{color:#fff;background:#f26522;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-style:normal;font-weight:800;line-height:1;display:inline-grid;position:absolute;top:-4px;right:-4px}.staff-phone-shift{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.staff-phone-shift-icon{color:#f26522;background:#fff4ee;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.staff-phone-shift b{display:block}.staff-phone-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.staff-phone-stats span{background:#f6f8fb;border-radius:12px;gap:4px;padding:10px;display:grid}.staff-phone-stats b{color:#1d2733;font-size:.92rem}@media (max-width:760px){.app-shell:not(.app-shell--guest) .workspace,.app-shell:not(.app-shell--guest) .content-area{background:#f4f6fb}.app-shell:not(.app-shell--guest) .content-area{-webkit-overflow-scrolling:touch;padding:12px 12px 24px;display:block!important;overflow:hidden auto!important}.app-shell--field .content-area{-webkit-overflow-scrolling:touch;background:#f4f6fb;padding-bottom:108px!important;display:block!important;overflow:hidden auto!important}.app-shell--field.app-shell--dash .content-area{padding:0 0 108px!important;overflow-x:hidden!important}.app-shell--field .supervisor-home{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.app-shell--field.app-shell--dash .topbar{display:none!important}.app-shell .ops-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important;overflow-x:visible!important}.app-shell--field .phone-tabbar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;background:#fff;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:6px;height:64px;padding:8px;display:flex;position:fixed;box-shadow:0 10px 28px #17202b24}.phone-tabbar button{color:#f26522;white-space:nowrap;background:0 0;border:0;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;gap:6px;width:42px;height:46px;padding:0;font-size:.84rem;font-weight:800;display:flex}.phone-tabbar-icon{place-items:center;font-style:normal;display:inline-grid;position:relative}.phone-tabbar button span{display:none}.phone-tabbar button svg{width:21px;height:21px}.phone-tabbar button.is-active{color:#f26522;background:#fff1ea;flex:auto;width:auto;padding:0 12px}.phone-tabbar button.is-active span{display:inline}.app-shell .topbar{color:#fff;box-shadow:none;border-bottom:0;background:linear-gradient(#ff8a3d 0%,#f26522 100%)!important;grid-template:"menu title bell"48px"meta meta meta""tabs tabs tabs""tools tools tools"/36px minmax(0,1fr) 36px!important;align-items:center!important;gap:0 8px!important;height:auto!important;min-height:48px!important;padding:2px 10px 6px!important;display:grid!important}.app-shell--field .topbar{grid-template-columns:minmax(0,1fr) 36px!important;grid-template-areas:"title bell""meta meta""tabs tabs""tools tools"!important;padding:2px 14px 6px!important}.app-shell--field .topbar .menu-button,.app-shell--field .side-rail,.app-shell--field .nav-scrim{display:none!important}.app-shell .topbar .topbar-tools-host,.app-shell .topbar .topbar-screen-tabs,.app-shell .topbar .topbar-payroll-tabs,.app-shell .topbar .topbar-meta{border:0;margin:0;padding-top:0}.app-shell .topbar .topbar-screen-tabs,.app-shell .topbar .topbar-tools-host,.app-shell .topbar .topbar-meta{padding-bottom:6px}.app-shell .topbar .topbar-meta:empty{display:none!important}.app-shell .topbar .topbar-tools-host:not(:has(>*)){display:none!important}.app-shell .topbar .topbar-tools-host button{font-weight:700;color:#fff!important;height:38px!important;min-height:38px!important;box-shadow:none!important;white-space:nowrap!important;background:#ffffff2e!important;border:1px solid #ffffff57!important;border-radius:12px!important;padding:0 12px!important;font-size:.8rem!important}.app-shell .topbar .topbar-title,.app-shell .topbar .menu-button,.app-shell .topbar .month-switch,.app-shell .topbar .month-switch b,.app-shell .topbar .month-switch button{color:#fff}.app-shell .topbar .menu-button,.app-shell .topbar .notif-bell-trigger{width:36px;height:36px;min-height:36px;padding:0}.app-shell .topbar .notif-bell-trigger{border-radius:10px;place-items:center;display:grid;box-shadow:none!important;color:#fff!important;background:0 0!important;border:0!important}.app-shell .topbar .notif-bell-trigger svg{color:#fff;stroke:#fff;width:22px;height:22px}.app-shell .topbar .menu-button,.app-shell .topbar .month-switch button{background:0 0;border-color:#0000}.app-shell .topbar .ops-tabs.board-tabs{background:#ffffff38;border:0;width:100%}.app-shell .topbar .ops-tabs.board-tabs button{color:#fff}.app-shell .topbar .ops-tabs.board-tabs button.active{color:#f26522;box-shadow:none;background:#fff}.app-shell .content-area .page-shell,.app-shell .content-area .records-view,.app-shell .content-area .profile-view,.app-shell .content-area .notifications-page,.app-shell .content-area .team-view,.app-shell .content-area .history-board{box-shadow:none;background:0 0;border:0;gap:12px;flex:none!important;height:auto!important;max-height:none!important;overflow:visible!important}.app-shell:not(.app-shell--guest) .content-area .panel,.app-shell:not(.app-shell--guest) .content-area .detail-panel,.app-shell:not(.app-shell--guest) .content-area .profile-grid .panel{background:#fff;border:0;border-radius:18px;box-shadow:0 8px 22px #17202b0f}.app-shell .content-area .section-label{color:#f26522}}.mobile-decisions,.mobile-decisions-body{-webkit-overflow-scrolling:touch;gap:12px;width:100%;min-width:0;padding-bottom:96px;display:grid;overflow-y:auto}.mobile-decision-tabs{scrollbar-width:none;background:#fff;border:1px solid #e6ebf2;border-radius:14px;align-items:center;gap:6px;padding:4px;display:flex;overflow-x:auto;box-shadow:0 6px 18px #17202b0a}.mobile-decision-tabs::-webkit-scrollbar{display:none}.mobile-decision-tab{color:#5b6675;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:6px 12px;font-size:.78rem;font-weight:800;transition:background .14s,color .14s,box-shadow .14s;display:inline-flex}.mobile-decision-tab b{min-width:20px;height:20px;color:inherit;background:#ffffff3d;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.7rem;font-weight:800;display:inline-flex}.mobile-decision-tab.is-active{color:#fff;background:linear-gradient(135deg,#f26522 0%,#ff7f3f 100%);box-shadow:0 6px 14px #f265223d}.mobile-decision-reason{background:#fff7f1;border:1px solid #ffd8c2;border-radius:12px;gap:3px;padding:10px 12px;display:grid}.mobile-decision-type{color:#c84c09;font-size:.78rem;font-weight:800}.mobile-decision-reason p{color:#5b6675;margin:0;font-size:.78rem;font-weight:600;line-height:1.35}.mobile-decision-actions{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.mobile-decision-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 10px;font-size:.78rem;font-weight:800;transition:transform .12s,box-shadow .14s,background .14s;display:inline-flex}.mobile-decision-btn svg{flex-shrink:0;width:15px;height:15px}.mobile-decision-btn:disabled{opacity:.55;cursor:not-allowed}.mobile-decision-btn.is-approve{color:#fff;background:linear-gradient(135deg,#f26522 0%,#ff7f3f 100%);border:1px solid #f26522;box-shadow:0 6px 14px #f2652238}.mobile-decision-btn.is-fix{color:#f26522;background:#fff7f1;border:1px solid #ffd8c2}.mobile-decision-btn.is-reject{color:#dc2626;background:#fff1f2;border:1px solid #fecdd3}.mobile-decisions-more{color:#f26522;cursor:pointer;background:#fff;border:1px solid #ffd8c2;border-radius:14px;width:100%;min-height:44px;padding:10px 16px;font-size:.84rem;font-weight:800;box-shadow:0 6px 18px #17202b0d}.mobile-decisions-more:disabled{opacity:.6;cursor:not-allowed}.mobile-month-bar{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:8px;display:flex}.mobile-month-bar .month-switch{flex:auto;margin:0}.mobile-search-row{margin-bottom:8px;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.mobile-search-row .mobile-search{flex:auto!important;min-width:0!important;height:42px!important;margin:0!important}.mobile-board-view-toggle{box-sizing:border-box;background:#eef2f6;border-radius:12px;flex-shrink:0;align-items:center;gap:2px;height:42px;padding:3px;display:inline-flex}.mobile-board-view-toggle button{color:#5a6676;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;transition:all .15s;display:inline-flex}.mobile-board-view-toggle button svg{stroke-width:2.2px;width:18px;height:18px}.mobile-board-view-toggle button.is-active{color:#f26522;background:#fff;box-shadow:0 2px 8px #00000014}.mobile-cal-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;margin:0 -2px;padding:4px 2px 10px;display:flex;overflow-x:auto}.mobile-cal-strip::-webkit-scrollbar{display:none}.mobile-cal-chip{color:#5a6676;cursor:pointer;background:#fff;border:1px solid #e8edf3;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;min-width:52px;padding:8px 6px;font-size:.72rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 6px #17202b08}.mobile-cal-chip.is-today{border-color:#f26522}.mobile-cal-chip.is-selected{color:#fff;background:#f26522;border-color:#f26522;box-shadow:0 4px 14px #f2652259}.mobile-cal-chip.is-selected small{color:#ffffffe6}.mobile-cal-chip b{font-size:1.05rem;font-weight:800;line-height:1.2}.mobile-cal-chip small{text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.mobile-cal-chip .cal-dot{background:#16845b;border-radius:999px;width:5px;height:5px;margin-top:4px}.mobile-cal-chip.is-selected .cal-dot{background:#fff}.mobile-kicker-row{color:#5a6676;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:4px 2px;font-size:.8rem;display:flex}.mobile-kicker-row b{color:#1d2733;font-size:.88rem;font-weight:800}.mobile-grid-legend{color:#5a6676;background:#fff;border:1px solid #e8edf3;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:8px;padding:8px 12px;font-size:.72rem;font-weight:600;display:flex}.mobile-grid-legend span{align-items:center;gap:5px;display:inline-flex}.mobile-grid-legend i{border-radius:3px;width:9px;height:9px;display:inline-block}.mobile-grid-legend i.present{background:#16845b}.mobile-grid-legend i.late{background:#f06a6a}.mobile-grid-legend i.absent{background:#d94343}.mobile-grid-legend i.open{background:#f26522}.mobile-grid-legend i.weekend{background:#cbd5e1}.mobile-grid-legend i.holiday{background:#f59e0b}.mobile-grid-legend i.assigned{background:#c6f6d5}.mobile-grid-legend i.off{background:#edf2f7}.mobile-grid-legend i.missing{background:#fed7d7}.mobile-card-actions-row{align-items:center;gap:8px;margin-top:4px;display:flex}.mobile-card-actions-row .mobile-card-action{flex:1}.mobile-card-link-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;font-size:.78rem;font-weight:700;transition:all .15s}.mobile-card-link-btn:active{background:#f1f5f9}.mobile-card-title-btn{text-align:left;cursor:pointer;color:inherit;background:0 0;border:none;margin:0;padding:0}button.mobile-avatar{cursor:pointer;background:#fff4ee;border:none}.notifications-page{flex-direction:column;gap:12px;width:100%;padding-bottom:96px;display:flex}.notif-back-btn{color:#f26522;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:6px 2px;font-size:.86rem;font-weight:700;display:inline-flex}.notif-inbox-panel{flex-direction:column;width:100%;display:flex;overflow:hidden;background:#fff!important;border:1px solid #e8edf3!important;border-radius:18px!important;box-shadow:0 4px 18px #17202b0d!important}.notif-inbox-head{border-bottom:1px solid #f0f3f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.notif-filter-tabs{background:#f1f5f9;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.notif-filter-tab{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:.76rem;font-weight:700;transition:all .15s}.notif-filter-tab.is-active{color:#1d2733;background:#fff;box-shadow:0 1px 4px #00000014}.notif-inbox-body{flex-direction:column;min-height:180px;display:flex}.notif-item{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f3f6;flex-direction:column;gap:6px;width:100%;padding:14px 18px;transition:background .15s;display:flex}.notif-item:active,.notif-item:hover{background:#f8fafc}.notif-item.is-unread{background:#fffaf6;border-left:3px solid #f26522}.notif-item-meta{justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;display:flex}.notif-item-meta em{color:#f26522;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-style:normal;font-weight:800}.notif-item-meta time{color:#8a96a4;font-size:.72rem}.notif-item-message{color:#1d2733;font-size:.88rem;font-weight:500;line-height:1.45}.notif-inbox-foot{background:#f8fafc;border-top:1px solid #f0f3f6;justify-content:space-between;align-items:center;padding:12px 18px;font-size:.78rem;display:flex}@media (max-width:900px){.history-board,.shift-board{width:100%!important;min-width:0!important;max-width:100%!important}.history-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:8px!important;display:flex!important}.history-toolbar .history-controls{justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;display:flex!important}.history-toolbar .month-switch,.mobile-month-bar .month-switch{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;padding:4px 8px!important;display:flex!important;box-shadow:0 2px 6px #0f172a0a!important}.history-toolbar .history-legend{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 12px!important;padding:8px 12px!important;font-size:.72rem!important;display:flex!important}.history-scroll{-webkit-overflow-scrolling:touch!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;max-width:100%!important;position:relative!important;overflow:auto!important;box-shadow:0 2px 10px #0f172a08!important}.history-grid{border-collapse:separate!important;border-spacing:0!important;width:max-content!important;min-width:100%!important}.history-grid thead th:first-child,.history-grid tbody th,.schedule-grid thead th:first-child,.schedule-grid tbody th{z-index:10!important;white-space:normal!important;background:#fff!important;width:116px!important;min-width:116px!important;max-width:116px!important;padding:8px!important;position:sticky!important;left:0!important;box-shadow:3px 0 8px #0000000f!important}.history-grid thead th:first-child,.schedule-grid thead th:first-child{z-index:15!important;background:#f8fafc!important;top:0!important}.history-grid thead th{z-index:5!important;text-align:center!important;background:#f8fafc!important;min-width:78px!important;padding:6px 4px!important;font-size:.68rem!important;position:sticky!important;top:0!important}.history-grid .history-cell,.history-grid.shift-grid .history-cell{width:78px!important;min-width:78px!important;min-height:56px!important;padding:4px 5px!important;font-size:.66rem!important;line-height:1.25!important}.history-grid .history-cell small,.history-grid.shift-grid .history-cell small{font-size:.62rem!important}.history-employee b,.roster-person-text b{font-size:.76rem!important;line-height:1.2!important}.history-employee small,.roster-person-text small{font-size:.66rem!important}}.mobile-detail-page{z-index:9999;background:#f4f6f8;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-page-topbar{min-height:48px;padding:calc(6px + env(safe-area-inset-top,0px)) 14px 6px;color:#fff;flex:none;justify-content:space-between;align-items:center;display:flex;box-shadow:0 2px 8px #f2652226;background:linear-gradient(#ff8a3d 0%,#f26522 100%)!important}.mobile-page-topbar-left{align-items:center;gap:8px;min-width:0;display:flex}.mobile-page-topbar-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:800;overflow:hidden}.mobile-page-topbar-actions{align-items:center;gap:8px;display:flex}.mobile-page-close-btn{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid}.mobile-page-close-btn svg{stroke:#fff;width:22px;height:22px}.mobile-page-back-bar,.mobile-detail-page-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex:none;justify-content:flex-start;align-items:center;padding:8px 14px;display:flex}.mobile-page-back-bar .notif-back-btn,.mobile-detail-page-bar .notif-back-btn{color:#f26522;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 6px;font-size:.92rem;font-weight:700;display:inline-flex}.mobile-page-back-bar .notif-back-btn svg,.mobile-detail-page-bar .notif-back-btn svg{width:20px;height:20px}.mobile-detail-page,.app-shell--field .mobile-detail-page{z-index:9999;background:#f4f6f8;flex-direction:column;display:flex;position:fixed;overflow:hidden;inset:0!important}.mobile-detail-page-content{-webkit-overflow-scrolling:touch;min-height:0;padding:14px 14px calc(28px + env(safe-area-inset-bottom,16px));flex-direction:column;flex:1 1 0;gap:14px;display:flex;overflow-y:auto}.mobile-detail-page .worker-detail-actions{flex-direction:column;gap:10px;width:100%;margin-top:14px;padding-top:14px;display:flex}.mobile-detail-page .worker-detail-actions .proxy-submit-btn,.mobile-detail-page .worker-detail-actions button.proxy-submit-btn,.mobile-detail-page .day-request>button{letter-spacing:.01em;cursor:pointer;gap:8px;transition:opacity .15s,transform .1s;color:#fff!important;background:linear-gradient(#ff8a3d 0%,#f26522 100%)!important;border:0!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;width:100%!important;height:48px!important;min-height:48px!important;font-size:.95rem!important;font-weight:800!important;display:flex!important;box-shadow:0 4px 14px #f2652247!important}.mobile-detail-page .worker-detail-actions .proxy-submit-btn:active,.mobile-detail-page .day-request>button:active{opacity:.92;transform:scale(.99)}.mobile-detail-page .worker-detail-actions .proxy-submit-btn:disabled,.mobile-detail-page .day-request>button:disabled{cursor:not-allowed;opacity:.6!important;box-shadow:none!important}.mobile-detail-page .worker-detail-actions .proxy-sub-btn{color:#ea580c!important;background:#fff7ed!important;border:1px solid #fed7aa!important;border-radius:12px!important;width:100%!important;min-height:42px!important;font-size:.88rem!important;font-weight:700!important}.mobile-detail-page .day-request-kinds button.active{color:#fff!important;background:#f26522!important;border-color:#f26522!important}.mobile-manual-form{flex-direction:column;gap:14px;width:100%;display:flex}.manual-reason-textarea{resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;min-height:88px;padding:10px 12px;font-family:inherit;font-size:.95rem}.manual-reason-textarea:focus{border-color:#f26522;box-shadow:0 0 0 3px #f265221f}.mobile-form-actions{flex-direction:column;gap:10px;margin-top:10px;display:flex}.mobile-detail-page-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex;box-shadow:0 2px 8px #0f172a0a}.mobile-detail-page-header .section-label{letter-spacing:.08em;color:#f26522;font-size:.7rem;font-weight:800}.mobile-detail-page-header h2{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.mobile-detail-page-header p{color:#64748b;margin:0;font-size:.82rem;line-height:1.45}.mobile-detail-page-header .detail-result-count{color:#475569;background:#f1f5f9;border-radius:999px;align-self:flex-start;margin-top:6px;padding:3px 10px;font-size:.72rem;font-weight:700}.mobile-detail-page-list{flex-direction:column;gap:14px;display:flex}.mobile-detail-page .worker-detail-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 2px 10px #0f172a0a!important}.mobile-detail-page .site-staff-row{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.proxy-punch-status-badge{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;font-weight:500;display:flex}.proxy-status-icon{color:#059669;flex-shrink:0;width:18px;height:18px}.proxy-complete-notice{color:#334155;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;font-size:.85rem;font-weight:600}.proxy-time-picker-block{flex-direction:column;gap:8px;display:flex}.proxy-time-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.78rem;font-weight:700}.proxy-custom-time-row{align-items:center;gap:10px;margin-top:4px;display:flex}.proxy-clock-icon{color:#64748b;flex-shrink:0;width:18px;height:18px}.proxy-custom-time-input{max-width:160px;height:38px;font-size:.9rem;font-weight:600}.proxy-feedback-note{color:#059669!important;font-weight:600!important}@media (max-width:900px){.app-shell .content-area .notifications-page .notif-inbox-panel{flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important}.app-shell .content-area .notifications-page .notif-inbox-body{flex:none!important;min-height:180px!important;overflow:visible!important}.app-shell .content-area .notifications-page .notif-inbox-head{padding:14px 16px!important}.app-shell .content-area .notifications-page .notif-inbox-body .empty-state{text-align:center;min-height:220px;padding:40px 20px}.app-shell .content-area .notifications-page .notif-inbox-foot{flex-wrap:wrap;gap:8px}}.attendance-day-page .mobile-detail-page-content{flex-direction:column;gap:14px;display:flex}.attendance-day-page-head{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 2px 10px #0f172a0a}.attendance-day-page-head h2{color:#1d2733;margin:2px 0 0;font-size:1.15rem;font-weight:800}.attendance-day-page-head .day-kicker{color:#f26522;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.74rem;font-weight:800}.attendance-day-page-sub{color:#64748b;margin:4px 0 0;font-size:.8rem}.attendance-day-page .day-sheet-body{flex-direction:column;gap:14px;display:flex;padding:0!important;overflow:visible!important}.attendance-day-page .day-request{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 10px #0f172a0a}.attendance-day-page .day-request>button{width:100%}.staff-phone-hero{justify-content:space-between!important;align-items:center!important;display:flex!important}.staff-phone-hero-user{align-items:center;gap:12px;min-width:0;display:flex}.staff-phone-hero-bell{color:#fff;cursor:pointer;background:#ffffff38;border:1px solid #ffffff59;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:12px;transition:all .15s;display:flex;position:relative}.staff-phone-hero-bell:active{background:#ffffff59;transform:scale(.96)}.staff-phone-hero-bell svg{color:#fff;stroke:#fff;width:22px;height:22px}.staff-phone-bell-badge{color:#f26522;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #0003}.staff-phone-map{gap:8px;margin:12px -14px 0;display:grid}.staff-phone-leaflet{background:#dfe7e6;border:0;border-radius:0;width:100%;height:180px!important;min-height:180px!important;max-height:180px!important}.staff-phone-map-note{color:#5d6874;margin:0 14px;font-size:.78rem;font-weight:600}.staff-phone-location-retry{color:#9a3412;background:#fff4ee;border-radius:12px;gap:8px;margin-top:10px;padding:10px 12px;font-size:.8rem;display:grid}.staff-phone-location-retry span{align-items:flex-start;gap:6px;display:flex}.staff-phone-location-retry svg{flex:none;width:14px;height:14px;margin-top:2px}.staff-phone-location-retry button{color:#c2410c;height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #fdba74;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:inline-flex}.staff-phone-location-retry button svg{width:14px;height:14px;margin:0}.notif-separate-list{flex-direction:column;gap:12px;padding:16px;display:flex}.notif-card{text-align:left;cursor:pointer;box-sizing:border-box;border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:16px 18px;transition:all .15s;display:flex}.notif-card--unread{background:#fff8f4!important;border:1.5px solid #f26522!important;box-shadow:0 3px 12px #f265221f!important}.notif-card--read{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 4px #0f172a0a!important}.notif-card:active{transform:scale(.99)}.notif-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.notif-card-meta{align-items:center;gap:10px;display:flex}.notif-type-tag{text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-style:normal;font-weight:800}.notif-card--unread .notif-type-tag{color:#f26522}.notif-card--read .notif-type-tag{color:#64748b}.notif-card-meta time{color:#8a96a4;font-size:.74rem}.notif-unread-badge{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#f26522;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.notif-card-message{color:#1d2733;font-size:.88rem;line-height:1.45}.notif-card--unread .notif-card-message{color:#111827;font-weight:600}.notif-card--read .notif-card-message{color:#475569;font-weight:450}.notif-page-topbar{justify-content:space-between;align-items:center;width:100%;padding:2px 0 6px;display:flex}.notif-mark-all-btn{color:#f26522;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:.82rem;font-weight:700;display:inline-flex}.notif-mark-all-btn:active{background:#fff4ee}.notif-alerts-footer{justify-content:center;padding:16px 0;display:flex}@media (max-width:900px){.notifications-page{padding:12px 14px 96px!important}.notif-separate-list{padding:0!important}}