@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162033;background:#f4f6fa;font-synthesis:none;--navy:#0b2b59;--blue:#155bff;--blue-2:#0f4dd7;--gold:#f4b942;--red:#dc2626;--green:#15803d;--purple:#7c3aed;--text:#162033;--muted:#667085;--line:#e5e9f0;--surface:#fff;--soft:#f7f9fc;--shadow:0 8px 28px rgba(18,38,72,.08);--radius:18px}*{box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{margin:0;min-height:100%;background:#f4f6fa}body,#root{width:100%;max-width:100%;overflow-x:hidden}body{min-height:100vh;min-height:100dvh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,3vw,38px);line-height:1.08;letter-spacing:-.035em}h2{font-size:20px;letter-spacing:-.02em}.grow{flex:1;min-width:0}.subtle{color:var(--muted);font-size:13px}.mobile-only,.mobile-schedule-list,.mobile-team-list,.mobile-auth-brand,.icon-button.mobile-only{display:none}.button{border:1px solid transparent;border-radius:12px;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;transition:.18s ease;background:#fff;color:var(--text)}.button.small{min-height:34px;padding:0 11px;font-size:11px;border-radius:10px}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.primary{background:var(--navy);color:#fff;box-shadow:0 6px 18px #0b2b5929}.button.primary:hover{background:#12386e}.button.secondary{border-color:#dce2ea;background:#fff}.button.success{background:#137333;color:#fff}.button.danger{background:#c5221f;color:#fff}.button.danger-text{color:#b42318;border-color:#f1c5c2}.button.ghost{background:transparent;border-color:transparent}.button.full{width:100%}.icon-button{border:0;background:#f4f6fa;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#475467}.icon-button:hover{background:#e9edf3}.back-link{display:inline-flex;align-items:center;gap:6px;color:#667085;font-size:13px;font-weight:700;margin:0 0 16px}.optional{font-weight:500;color:#98a2b3}.form-error{background:#fff0f0;color:#b42318;border:1px solid #fac5c5;padding:10px 12px;border-radius:10px;font-size:13px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#344054}input,select,textarea{width:100%;border:1px solid #d8dee8;background:#fff;color:#172033;border-radius:11px;min-height:46px;padding:10px 12px;outline:none;transition:.15s}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7aa5ff;box-shadow:0 0 0 3px #155bff1a}label small{align-self:flex-end;color:#98a2b3;font-weight:500}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);background:#fff}.auth-left{background:radial-gradient(circle at 20% 20%,#174a8f 0,transparent 38%),linear-gradient(145deg,#071d3f,#0b2b59 60%,#123e77);padding:48px clamp(40px,6vw,88px);color:#fff;display:flex;flex-direction:column}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark,.mini-mark{display:grid;place-items:center;background:var(--navy);color:var(--gold);font-weight:800}.brand-mark{width:46px;height:46px;border-radius:13px;font-size:28px}.brand-lockup>div:last-child{display:flex;flex-direction:column}.brand-lockup strong{font-size:16px}.brand-lockup span{font-size:12px;color:#98a2b3}.auth-left .brand-mark{background:#fff;color:var(--navy)}.auth-left .brand-lockup span{color:#d8e5f8}.auth-copy{margin:auto 0;max-width:650px}.auth-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 22px}.auth-copy p{max-width:560px;color:#d6e2f2;font-size:17px;line-height:1.7}.auth-benefits{display:grid;gap:14px;margin-top:36px}.auth-benefits span{display:flex;align-items:center;gap:12px;color:#eef5ff;font-weight:600}.auth-benefits svg{color:var(--gold);width:22px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:800;color:#6c7484;margin-bottom:7px}.eyebrow.light{color:#a9c8ef}.eyebrow.lightish{color:#c5d8ef}.auth-panel{display:grid;place-items:center;padding:36px;background:#f8fafc}.auth-form-card{width:min(430px,100%);padding:38px;border:1px solid #e5e9ef;border-radius:24px;background:#fff;box-shadow:0 20px 60px #18274b14}.auth-form-card h2{font-size:30px;margin-bottom:6px}.auth-form-card>p{color:#667085}.auth-form-card form{display:grid;gap:16px;margin-top:28px}.demo-divider{height:1px;background:#e8ebf0;margin:28px 0 22px;position:relative}.demo-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:0 10px;color:#98a2b3;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.microcopy{text-align:center!important;font-size:11px!important;color:#98a2b3!important;margin-top:16px!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.desktop-sidebar{padding:18px 0 18px 18px;position:fixed;width:264px;left:0;top:0;bottom:0}.sidebar-card{height:100%;background:linear-gradient(180deg,#09254d,#0d3265);border-radius:20px;padding:22px 14px;display:flex;flex-direction:column;color:#fff;box-shadow:0 16px 40px #0c275226}.sidebar-card .brand-lockup{padding:0 8px 18px}.sidebar-card .brand-mark{background:#fff;color:var(--navy)}.sidebar-card .brand-lockup span{color:#aac1df}.desktop-nav{display:grid;gap:5px;margin-top:12px}.nav-link{min-height:48px;display:flex;align-items:center;gap:12px;border-radius:12px;padding:0 12px;color:#c9d8eb;font-size:14px;font-weight:700;position:relative}.nav-link:hover,.nav-link.active{background:#ffffff1a;color:#fff}.nav-link.active:before{content:"";width:3px;height:24px;background:var(--gold);border-radius:4px;position:absolute;left:0}.nav-count{margin-left:auto;background:#fff;color:var(--navy);min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;font-size:11px}.sidebar-user{margin-top:auto;padding:14px 8px 2px;border-top:1px solid rgba(255,255,255,.11);display:flex;align-items:center;gap:10px}.sidebar-user-copy{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-copy span{font-size:11px;color:#aac1df}.sidebar-user .icon-button{background:#ffffff14;color:#d8e5f8}.avatar{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:#e7effb;color:#123c71;display:grid;place-items:center;font-size:12px;font-weight:800;border:1px solid #d7e2f0}.avatar-small{width:36px;height:36px;border-radius:11px}.avatar.large{width:58px;height:58px;font-size:17px;border-radius:16px}.main-column{grid-column:2;min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:20;background:#f4f6fae8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;padding:0 clamp(22px,3vw,46px);gap:12px;border-bottom:1px solid rgba(226,230,237,.8)}.topbar-spacer{flex:1}.topbar-alert{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;position:relative;color:#475467}.topbar-alert:hover,.topbar-alert.active{background:#fff}.topbar-alert span{position:absolute;top:3px;right:3px;background:#dc2626;color:#fff;border:2px solid #f4f6fa;min-width:18px;height:18px;border-radius:10px;display:grid;place-items:center;font-size:9px;font-weight:800}.demo-role-control{display:flex;align-items:center;gap:8px;color:#98a2b3;font-size:11px;font-weight:700}.demo-role-control select{min-height:36px;width:auto;padding:4px 30px 4px 10px;font-size:12px;background:#fff}.content-wrap{padding:30px clamp(22px,3vw,46px) 52px;max-width:1600px;margin:0 auto}.bottom-nav,.mobile-drawer,.drawer-backdrop{display:none}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.page-header p{color:#667085;margin-top:8px;max-width:720px;line-height:1.55;font-size:14px}.card{background:#fff;border:1px solid #e5e9ef;border-radius:var(--radius);padding:20px;box-shadow:0 2px 8px #17253d06;margin-bottom:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{display:flex;align-items:center;gap:14px;padding:18px}.metric-card>div{display:flex;flex-direction:column}.metric-card strong{font-size:28px;letter-spacing:-.04em}.metric-card span:last-child{font-size:12px;color:#667085}.metric-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.metric-icon svg{width:20px}.metric-icon.blue{background:#eaf1ff;color:#155bff}.metric-icon.amber{background:#fff5dd;color:#a15c00}.metric-icon.red{background:#feecec;color:#c5221f}.metric-icon.purple{background:#f3ecff;color:#7c3aed}.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading a{font-size:12px;font-weight:800;color:#155bff}.location-stack,.list-stack{display:grid;gap:9px}.location-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #eef1f5;border-radius:13px}.location-summary>div:first-child{display:flex;align-items:center;gap:12px}.location-badge{--badge-accent:#155bff;display:inline-flex;align-items:center;gap:6px;color:#344054;font-size:11px;font-weight:800;white-space:nowrap}.location-badge i{width:8px;height:8px;border-radius:3px;background:var(--badge-accent)}.location-badge span{color:#667085;font-weight:600}.facepile{display:flex;align-items:center;padding-left:8px}.facepile span,.facepile b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin-left:-8px;background:#e7effb;border:2px solid #fff;font-size:9px;color:#17416f}.facepile b{background:#f0f2f5;color:#667085}.request-row{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;border:1px solid #eef1f5;transition:.15s}.request-row:hover{background:#fafbfc;border-color:#dfe4eb}.request-row.no-link{cursor:default}.request-row .grow{display:flex;flex-direction:column;gap:3px}.request-row .grow strong{font-size:13px}.request-row .grow>span{font-size:11px;color:#667085}.status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.status-pending{background:#fff6dd;color:#8a5a00}.status-approved,.status-published{background:#e9f8ee;color:#137333}.status-denied{background:#feecec;color:#b42318}.status-canceled{background:#eef2f7;color:#667085}.status-draft{background:#eef2f7;color:#475467}.status-needs_coverage{background:#feecec;color:#b42318}.empty-inline{padding:18px;color:#98a2b3;font-size:13px;text-align:center}.coverage-card{margin-top:18px}.coverage-header{display:flex;gap:14px;align-items:flex-start}.coverage-header p{color:#667085;font-size:13px;margin-top:4px}.coverage-list{display:grid;gap:8px;margin-top:15px}.coverage-list>div{border:1px solid #f3d3d3;background:snow;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:16px}.coverage-list>div>div:first-child{display:flex;flex:1;flex-direction:column}.coverage-list strong{font-size:13px}.coverage-list span{font-size:11px;color:#667085}.empty-state{text-align:center;padding:44px 20px;background:#fff;border:1px solid #e5e9ef;border-radius:var(--radius)}.empty-state .empty-icon{width:44px;height:44px;border-radius:14px;background:#eaf7ee;color:#137333;display:grid;place-items:center;margin:0 auto 12px;font-weight:800}.empty-state strong{font-size:15px}.empty-state p{color:#667085;font-size:13px;margin-top:6px}.next-shift-card{background:linear-gradient(135deg,#0b2b59,#123e77);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:26px 28px;overflow:hidden;position:relative}.next-shift-card:after{content:"";position:absolute;width:260px;height:260px;border:48px solid rgba(255,255,255,.04);border-radius:50%;right:-100px;top:-100px}.next-shift-card h2{font-size:23px;margin:3px 0 8px}.shift-time{font-size:30px;letter-spacing:-.04em}.next-location{display:flex;align-items:center;gap:7px;margin-top:16px}.next-location .location-badge{color:#fff}.next-location .location-badge span{color:#d4e3f5}.big-date{position:relative;z-index:1;width:96px;height:106px;background:#fff;color:#0b2b59;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 28px #0000001f}.big-date span{text-transform:uppercase;color:#667085;font-size:12px;font-weight:800}.big-date strong{font-size:45px;line-height:1}.employee-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-action-card{background:#fff;border:1px solid #e5e9ef;border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px}.quick-action-card:hover{border-color:#b9c8df;box-shadow:var(--shadow)}.quick-action-card>svg{margin-left:auto;color:#98a2b3;width:19px}.quick-icon{width:44px;height:44px;border-radius:13px;background:#eaf1ff;color:#155bff;display:grid;place-items:center}.quick-action-card div{display:flex;flex-direction:column}.quick-action-card strong{font-size:13px}.quick-action-card div span{font-size:11px;color:#667085;margin-top:3px}.shift-list-row{display:flex;align-items:center;gap:11px;border:1px solid #eef1f5;border-radius:12px;padding:9px}.date-tile{width:44px;height:48px;border-radius:10px;background:#f2f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-tile span{font-size:9px;text-transform:uppercase;color:#667085;font-weight:800}.date-tile strong{font-size:17px}.shift-list-row .grow{display:flex;flex-direction:column;gap:3px}.shift-list-row .grow>strong{font-size:12px}.schedule-toolbar-card{padding:12px 14px}.schedule-toolbar{display:flex;align-items:center;gap:12px}.segmented{display:flex;background:#f0f3f7;padding:3px;border-radius:10px}.segmented button{border:0;background:transparent;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:800;color:#667085}.segmented button.active{background:#fff;color:#172033;box-shadow:0 1px 3px #00000014}.compact-select{margin-right:auto;display:flex;flex-direction:row;align-items:center;gap:7px;border:1px solid #e0e5ec;border-radius:10px;padding:0 10px;color:#667085}.compact-select select{border:0;min-height:36px;padding:0 24px 0 0;width:auto;box-shadow:none;background:transparent;font-size:12px}.week-switcher{display:flex;align-items:center;gap:8px}.week-switcher strong{font-size:12px;min-width:120px;text-align:center}.schedule-grid-card{overflow:auto;padding:0}.schedule-grid{display:grid;min-width:1050px}.grid-corner,.grid-day-head,.employee-cell,.shift-cell{border-right:1px solid #eef1f4;border-bottom:1px solid #eef1f4;min-height:70px}.grid-corner{padding:18px;font-size:11px;font-weight:800;color:#667085;display:flex;align-items:center;background:#fafbfd;position:sticky;left:0;z-index:4}.grid-day-head{text-align:center;background:#fafbfd;padding:10px;display:flex;flex-direction:column;justify-content:center}.grid-day-head span{font-size:10px;color:#667085;font-weight:800;text-transform:uppercase}.grid-day-head strong{font-size:18px}.grid-day-head.today{background:#edf3ff;color:#155bff}.employee-cell{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;position:sticky;left:0;z-index:3}.employee-cell.self{background:#fbfdff}.employee-cell strong{font-size:12px;display:block}.employee-cell span{font-size:10px;color:#667085}.shift-cell{padding:8px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:#fff}.shift-cell>strong{font-size:11px}.shift-cell.off{background:#fff9ed}.shift-cell.off>strong{color:#a15c00}.shift-cell.off>span{font-size:10px;color:#8a6c36}.dash{color:#c0c7d1;text-align:center}.month-note{margin-bottom:16px}.month-off-list>div{display:flex;align-items:center;gap:12px;border:1px solid #eef1f5;border-radius:12px;padding:9px}.date-tile.wide{width:50px}.month-off-list .grow{display:flex;flex-direction:column;gap:2px}.month-off-list .grow strong{font-size:13px}.month-off-list .grow>span{font-size:11px;color:#667085}.form-card{max-width:850px}.timeoff-form{display:grid;gap:20px}.field-group{display:grid;gap:8px}.field-label{font-size:13px;font-weight:800;color:#344054}.option-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-cards button{border:1px solid #dfe4eb;background:#fff;border-radius:14px;padding:16px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;color:#475467}.option-cards button svg{grid-row:1/3;color:#667085}.option-cards button strong{font-size:13px;color:#172033}.option-cards button span{font-size:11px;color:#667085}.option-cards button.selected{border-color:#155bff;background:#f5f8ff;box-shadow:0 0 0 2px #155bff14}.option-cards button.selected svg{color:#155bff}.privacy-note{padding:13px 14px;border-radius:12px;background:#f5f8fc;border:1px solid #e7ebf1;display:flex;flex-direction:column;gap:4px}.privacy-note strong{font-size:12px}.privacy-note span{font-size:11px;color:#667085;line-height:1.5}.request-summary-strip{display:flex;gap:8px;margin:-7px 0 18px}.request-summary-strip span{background:#fff;border:1px solid #e4e8ef;border-radius:999px;padding:7px 11px;font-size:11px;color:#667085}.request-summary-strip strong{color:#172033}.request-list{display:grid}.request-list-item{width:100%;border:0;border-top:1px solid #edf0f4;background:#fff;min-height:72px;padding:10px 4px;display:flex;align-items:center;gap:11px;text-align:left;color:inherit}.request-list-item:first-child{border-top:0}.request-list-item:not(.static):hover{background:#fafbfd}.request-list-item .grow{display:flex;flex-direction:column;gap:2px}.request-list-item .grow strong{font-size:13px}.request-list-item .grow>span,.request-list-item .grow small{font-size:11px;color:#667085}.mini-meta{display:flex;gap:12px;align-items:center;margin-top:3px}.mini-meta>span{font-size:10px;color:#98a2b3}.request-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px}.request-date-hero{padding-bottom:18px;border-bottom:1px solid #edf0f4}.request-date-hero>span{font-size:11px;color:#667085;font-weight:700}.request-date-hero h2{font-size:24px;margin:4px 0 8px}.request-date-hero>strong{display:block;margin-bottom:10px}.detail-block{padding:17px 0;border-bottom:1px solid #edf0f4}.detail-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#98a2b3;margin-bottom:8px}.detail-block p{font-size:13px;color:#475467;line-height:1.55}.badge-row{display:flex;flex-wrap:wrap;gap:7px}.impacted-shifts{display:grid;gap:7px}.impacted-shifts>div{display:flex;align-items:center;gap:9px;background:#fff9f9;border:1px solid #f3d5d5;border-radius:11px;padding:10px}.impacted-shifts>div>div{display:flex;flex-direction:column;flex:1}.impacted-shifts strong{font-size:11px}.impacted-shifts span{font-size:10px;color:#667085}.coverage-inline-alert{display:flex;gap:11px;align-items:flex-start;margin-top:18px;padding:14px 15px;border-radius:13px;border:2px solid}.coverage-inline-alert>svg{flex:0 0 auto;margin-top:1px}.coverage-inline-alert>div{display:grid;gap:4px}.coverage-inline-alert strong{font-size:13px}.coverage-inline-alert p{font-size:11px;line-height:1.5}.coverage-inline-warning{background:#fff8e8;border-color:#e8b744;color:#744b00}.coverage-inline-warning p{color:#805a14}.coverage-inline-critical{background:#fff0ef;border-color:#df6b63;color:#8d1d16}.coverage-inline-critical p{color:#8a3a34}.decision-panel{padding-top:18px}.decision-actions{display:flex;justify-content:flex-end;gap:9px}.approve-impact-confirm{display:flex;gap:11px;align-items:flex-start;background:#fff7e8;border:2px solid #e8b744;border-radius:13px;padding:14px}.approve-impact-confirm>svg{color:#a86d00;flex:0 0 auto}.approve-impact-confirm>div{display:grid;gap:6px;flex:1}.approve-impact-confirm strong{font-size:13px;color:#744b00}.approve-impact-confirm p{font-size:11px;line-height:1.5;color:#805a14}.approve-impact-confirm .decision-actions{margin-top:5px}.request-with-actions{flex-wrap:wrap}.request-inline-confirm{display:flex;gap:7px;margin-left:auto}.cancel-approved-panel{border-top:1px solid #edf0f4;margin-top:2px}.cancel-approved-copy{background:#fff8f7;border:1px solid #f2d2cf;border-radius:11px;padding:11px;margin-bottom:10px}.cancel-approved-copy strong{font-size:12px;color:#7a271a}.cancel-approved-copy p{font-size:10px;color:#8a4b42;line-height:1.5;margin-top:3px}.warning-card{align-self:start;position:sticky;top:92px}.warning-title{display:flex;gap:11px;align-items:flex-start}.warning-title>svg{width:22px}.warning-critical{border-color:#f2c3c0;background:snow}.warning-critical .warning-title>svg{color:#c5221f}.warning-warning{border-color:#f4dfad;background:#fffdf6}.warning-warning .warning-title>svg{color:#b57900}.warning-info{border-color:#cde5d5;background:#f9fffb}.warning-info .warning-title>svg{color:#137333}.warning-card>p{color:#475467;font-size:12px;line-height:1.55;margin:10px 0 14px}.warning-stats{display:grid;gap:7px}.warning-stats>div{background:#ffffffb3;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between}.warning-stats strong{font-size:18px}.warning-stats span{font-size:10px;color:#667085;max-width:150px;text-align:right}.warning-foot{display:flex;gap:7px;align-items:flex-start;color:#667085;font-size:10px;margin-top:12px;line-height:1.4}.invite-panel{border-color:#bfd0ec;box-shadow:var(--shadow)}.invite-form{display:grid;gap:16px}.invite-success{display:flex;align-items:center;gap:12px;background:#f3fbf5;border:1px solid #cee9d5;padding:14px;border-radius:12px}.invite-success>svg{color:#137333}.invite-success>div{display:flex;flex-direction:column;flex:1}.invite-success strong{font-size:13px}.invite-success span{font-size:11px;color:#667085}.team-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.team-toolbar>span{font-size:11px;color:#667085}.team-view-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.team-view-controls>span{font-size:11px;color:#667085}.search-field{position:relative;max-width:330px;width:100%}.search-field svg{position:absolute;left:12px;top:14px;color:#98a2b3;z-index:1}.search-field input{padding-left:38px}.team-table-wrap{overflow:auto}.team-table{width:100%;border-collapse:collapse;min-width:880px}.team-table th{text-align:left;padding:11px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#98a2b3;border-bottom:1px solid #e9edf2}.team-table td{padding:10px;border-bottom:1px solid #eef1f4;font-size:11px}.person-cell{display:flex;align-items:center;gap:10px}.person-cell>div:last-child{display:flex;flex-direction:column}.person-cell strong{font-size:12px}.person-cell span{font-size:10px;color:#667085}.role-pill{display:inline-flex;align-items:center;gap:5px;text-transform:capitalize;background:#f2f5f9;color:#475467;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.tiny-shop{display:inline-grid;place-items:center;min-width:29px;height:24px;padding:0 6px;background:#edf3ff;color:#17416f;border-radius:7px;font-size:9px;font-style:normal;font-weight:800}.active-dot{font-size:10px;font-weight:700;color:#667085}.active-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#98a2b3;margin-right:5px}.active-dot.on{color:#137333}.active-dot.on:before{background:#22a447}.notification-card-list{padding:4px 18px}.notification-row{width:100%;border:0;border-top:1px solid #edf0f4;background:#fff;display:flex;gap:12px;padding:16px 3px;text-align:left;color:inherit}.notification-row:first-child{border-top:0}.notification-row.unread{background:#fbfdff}.notification-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#155bff;flex:0 0 auto}.notification-icon svg{width:19px}.notification-icon.type-request{background:#fff5dd;color:#a15c00}.notification-icon.type-decision{background:#eaf7ee;color:#137333}.notification-row .grow{display:flex;flex-direction:column;gap:3px}.notification-row p{font-size:12px;color:#475467;line-height:1.45}.notification-row .grow>span{font-size:10px;color:#98a2b3}.notification-title-line{display:flex;align-items:center;gap:7px}.notification-title-line strong{font-size:13px}.notification-title-line i{width:7px;height:7px;border-radius:50%;background:#155bff}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-grid .card{margin-bottom:0}.settings-section-title{display:flex;gap:11px;margin-bottom:17px}.settings-section-title>svg{color:#155bff;width:22px}.settings-section-title h2{font-size:16px}.settings-section-title p{font-size:11px;color:#667085;margin-top:3px;line-height:1.5}.settings-message{margin-top:12px;background:#f5f8fc;border-radius:10px;padding:10px;font-size:11px;color:#475467}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.setting-line>div{display:flex;flex-direction:column}.setting-line strong{font-size:12px}.setting-line span{font-size:10px;color:#667085}.profile-summary{display:flex;align-items:center;gap:12px}.profile-summary>div:last-child{display:flex;flex-direction:column;gap:3px}.profile-summary strong{font-size:13px}.profile-summary span{font-size:10px;color:#667085}.location-access-list{display:grid;gap:7px}.location-access-list>div{display:flex;justify-content:space-between;align-items:center;border:1px solid #eef1f4;border-radius:10px;padding:9px}.default-pill{font-size:9px;background:#eaf7ee;color:#137333;border-radius:999px;padding:4px 7px;font-weight:800}.logout-button{margin-top:18px}.push-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.push-status-panel{border:1px solid #e8ecf2;border-radius:13px;padding:12px;display:grid;gap:11px;background:#fbfcfe}.push-status-heading{display:flex;align-items:flex-start;gap:9px}.push-status-heading>svg{color:#155bff;flex:0 0 auto}.push-status-heading>div{display:flex;flex-direction:column;gap:2px}.push-status-heading strong{font-size:12px}.push-status-heading span{font-size:10px;color:#667085}.account-devices{align-content:start}.push-empty{font-size:10px;color:#98a2b3;line-height:1.45}.push-permission-help{font-size:10px;line-height:1.45;color:#8a4b42;background:#fff8f7;border:1px solid #f2d2cf;border-radius:9px;padding:8px}.company-wide-note{font-size:10px;color:#667085;align-self:center}.push-device-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0f4;padding-top:9px}.push-device-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}.push-device-row strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.push-device-row>div span{font-size:9px;color:#98a2b3}.device-pill{font-size:8px;font-weight:800;border-radius:999px;padding:4px 7px;background:#eef2f6;color:#475467;white-space:nowrap}.device-pill.current{background:#eaf7ee;color:#137333}@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.two-column-grid,.request-detail-grid{grid-template-columns:1fr}.warning-card{position:static}.settings-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:230px 1fr}.desktop-sidebar{width:230px}.schedule-grid-card{display:none}.mobile-schedule-list{display:grid;gap:12px}.mobile-day-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mobile-day-title>div{display:flex;flex-direction:column}.mobile-day-title span{font-size:10px;text-transform:uppercase;color:#667085;font-weight:800}.mobile-day-title strong{font-size:16px}.mobile-day-title em{font-style:normal;background:#edf3ff;color:#155bff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.mobile-shift-row{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #edf0f4;border-radius:11px}.mobile-shift-row.off{background:#fff9ed}.mobile-shift-row .grow{display:flex;flex-direction:column;gap:2px}.mobile-shift-row .grow strong{font-size:12px}.mobile-shift-row .grow>span{font-size:10px;color:#667085}}@media(max-width:760px){:root{--radius:16px}.icon-button.mobile-only{display:grid}.desktop-sidebar{display:none}.app-shell,.main-column,.content-wrap{width:100%;max-width:100%}.app-shell{display:block;padding-bottom:78px;overflow-x:hidden}.main-column{display:block;min-width:0;overflow-x:hidden}.topbar{height:62px;padding:0 14px}.mobile-only{display:grid}.topbar-brand{display:flex!important;align-items:center;gap:8px;margin-left:2px}.mini-mark{width:29px;height:29px;border-radius:8px;font-size:17px}.topbar-brand strong{font-size:13px}.demo-role-control{display:none}.content-wrap{padding:19px 14px 32px}.bottom-nav{display:grid;position:fixed;z-index:40;bottom:0;left:0;right:0;height:72px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e4e8ef;grid-template-columns:repeat(5,1fr);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav-link{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;position:relative;color:#7d8797;font-size:9px;font-weight:700}.bottom-nav-link svg{width:20px}.bottom-nav-link.active{color:#0b2b59}.bottom-nav-link.active:before{content:"";position:absolute;top:-5px;width:25px;height:3px;border-radius:3px;background:#f4b942}.bottom-nav-link i{position:absolute;top:0;right:18%;background:#dc2626;color:#fff;width:16px;height:16px;border-radius:9px;display:grid;place-items:center;font-size:8px;font-style:normal}.drawer-backdrop{display:block;position:fixed;inset:0;background:#05122673;z-index:49}.mobile-drawer{display:block;position:fixed;z-index:50;top:0;left:-290px;width:280px;height:100%;padding:10px;transition:.2s ease}.mobile-drawer.open{left:0}.mobile-drawer .sidebar-card{border-radius:17px}.drawer-close{position:absolute;z-index:3;right:22px;top:24px;border:0;background:#ffffff1a;color:#fff;border-radius:9px;width:34px;height:34px;display:grid;place-items:center}.page-header{align-items:flex-start;margin-bottom:18px}.page-header-action{flex:0 0 auto}.page-header p{font-size:12px}.desktop-action{display:none}.card{padding:16px;margin-bottom:13px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:13px;gap:9px}.metric-card strong{font-size:22px}.metric-card span:last-child{font-size:10px}.metric-icon{width:38px;height:38px;border-radius:11px}.two-column-grid{gap:0;margin-top:13px}.employee-quick-grid{grid-template-columns:1fr;gap:9px}.next-shift-card{padding:20px}.next-shift-card h2{font-size:18px}.shift-time{font-size:24px}.big-date{width:75px;height:84px}.big-date strong{font-size:35px}.schedule-toolbar{flex-wrap:wrap}.compact-select{order:2;width:100%;margin:0}.compact-select select{width:100%}.week-switcher{margin-left:auto}.schedule-toolbar-card{padding:10px}.form-grid,.option-cards{grid-template-columns:1fr}.form-actions{position:sticky;bottom:79px;background:#fffffff0;padding:10px 0 0;z-index:4}.request-summary-strip{overflow:auto;padding-bottom:3px}.request-list-item{padding:10px 0}.request-list-item .avatar{width:36px;height:36px}.request-detail-main{padding:17px}.request-date-hero h2{font-size:20px}.warning-stats>div{padding:8px}.team-table-wrap{display:none}.mobile-team-list{display:grid}.mobile-person-card{padding:13px 0;border-top:1px solid #edf0f4}.mobile-person-card:first-child{border-top:0}.person-meta{display:grid;gap:7px;margin-top:11px;background:#f8fafc;border-radius:11px;padding:10px}.person-meta>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#667085}.team-toolbar .search-field{max-width:none}.settings-grid{gap:12px}.auth-page{display:block;background:linear-gradient(150deg,#071d3f,#0b2b59);min-height:100vh;padding:0}.auth-left{display:none}.auth-panel{min-height:100vh;padding:24px 15px;background:linear-gradient(180deg,#0b2b59 0 22%,#f7f9fc 22% 100%);align-items:center}.auth-form-card{padding:25px 20px;border-radius:21px}.mobile-auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.mobile-auth-brand .brand-mark{width:40px;height:40px}.demo-buttons{grid-template-columns:1fr}.notification-card-list{padding:3px 14px}.location-badge span{display:none}}@media(max-width:390px){.metric-grid{grid-template-columns:1fr}.page-header{display:block}.page-header-action{margin-top:12px}.button{font-size:12px}.week-switcher{width:100%;justify-content:space-between}.segmented{width:100%}.segmented button{flex:1}.shift-time{font-size:21px}.big-date{width:68px;height:78px}.content-wrap{padding-left:11px;padding-right:11px}}.invite-accept-page{min-height:100vh;background:linear-gradient(150deg,#071d3f,#0b2b59);display:grid;place-items:center;padding:24px}.invite-accept-card{width:min(460px,100%);background:#fff;border-radius:24px;padding:32px;box-shadow:0 24px 70px #0003}.invite-accept-card>.brand-lockup{margin-bottom:34px}.invite-accept-card h1{font-size:30px;margin:5px 0 8px}.invite-accept-card>p{color:#667085;font-size:13px;line-height:1.6}.invite-accept-card form{display:grid;gap:15px;margin-top:24px}.activation-icon{width:50px;height:50px;border-radius:15px;background:#edf3ff;color:#155bff;display:grid;place-items:center;margin-bottom:16px}.activation-success{text-align:center;padding:20px 0 6px}.activation-success>svg{width:54px;height:54px;color:#15803d;margin-bottom:16px}.activation-success h1{margin-bottom:8px}.activation-success p{font-size:13px;color:#667085;line-height:1.6;margin-bottom:20px}.invite-accept-card .privacy-note{flex-direction:row;align-items:flex-start}.invite-accept-card .privacy-note>svg{width:19px;color:#155bff;flex:0 0 auto}.invite-accept-card .privacy-note>div{display:flex;flex-direction:column;gap:2px}.app-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;background:linear-gradient(180deg,#f7f9fc,#eef3f9);color:#475467}.app-loading .brand-lockup{margin-bottom:6px}.loading-bar{width:190px;height:5px;border-radius:999px;background:#dfe6ef;overflow:hidden;position:relative}.loading-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:42%;background:var(--blue);border-radius:999px;animation:loadingSlide 1.1s ease-in-out infinite alternate}.app-loading>span{font-size:12px;font-weight:700;color:#667085}@keyframes loadingSlide{to{transform:translate(140%)}}.inline-feedback{border-radius:12px;padding:11px 13px;margin:0 0 16px;font-size:12px;font-weight:650;line-height:1.45}.inline-feedback.success{background:#edf9f0;border:1px solid #ccebd4;color:#116b31}.inline-feedback.error{background:#fff0f0;border:1px solid #fac5c5;color:#b42318}.header-action-row,.button-row,.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.button.tiny{min-height:34px;padding:0 10px;border-radius:9px;font-size:10px}.split-actions{justify-content:space-between;align-items:center}.split-actions>div{display:flex;gap:8px}.shift-cell.editable{width:100%;border:1px solid transparent;font:inherit;color:inherit;text-align:left;position:relative}.shift-cell.editable:hover{border-color:#b8cef6;background:#f7faff}.cell-add{position:absolute;right:7px;bottom:7px;color:#98a2b3}.mobile-shift-row.editable{width:100%;background:#fff;text-align:left;color:inherit}.mobile-day-actions{display:flex;align-items:center;gap:8px}.coverage-editor-note{background:#fff7e8;border:1px solid #f5d99c;border-radius:10px;padding:10px 12px;color:#805300;font-size:11px;line-height:1.5}.modal-backdrop{position:fixed;z-index:100;inset:0;background:#06142b85;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{width:min(560px,100%);max-height:min(88vh,900px);overflow:auto;margin:0;padding:24px;box-shadow:0 25px 80px #04142e38}.team-editor{width:min(780px,100%);overflow:hidden;display:flex;flex-direction:column}.team-editor .modal-title,.team-editor .editor-tabs{flex:0 0 auto}.team-editor-form{min-height:0;flex:1;display:grid!important;grid-template-rows:minmax(0,1fr) auto;gap:0!important;overflow:hidden}.team-editor-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;display:grid;gap:15px;padding:1px 4px 14px 1px}.team-editor-actions{position:static!important;bottom:auto!important;flex:0 0 auto;margin:0;padding:14px 0 0;border-top:1px solid #edf0f4;background:#fff;box-shadow:0 -8px 18px #fffffff5}.modal-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-title h2{font-size:24px}.modal-title p{font-size:12px;color:#667085;margin-top:4px}.modal-card form{display:grid;gap:15px}.editor-tabs{width:max-content;max-width:100%;margin-bottom:18px}.editor-tabs button{display:flex;align-items:center;justify-content:center;gap:6px}.location-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check-card{border:1px solid #dfe5ed;border-radius:11px;padding:10px;display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.check-card.selected{border-color:#8fb2f8;background:#f2f7ff}.check-card input{width:16px;min-height:16px;margin:0;padding:0;box-shadow:none}.permission-panel{background:#f8fafc;border:1px solid #e7ebf1;border-radius:13px;padding:14px;display:grid;gap:9px}.permission-panel>p{font-size:11px;color:#667085;margin-top:-3px}.permission-check,.toggle-line{display:flex;flex-direction:row;align-items:center;gap:10px}.permission-check input,.toggle-line input{width:17px;min-height:17px;margin:0;padding:0;box-shadow:none}.permission-check span{font-size:12px}.toggle-line{border:1px solid #e7ebf1;border-radius:12px;padding:12px}.toggle-line>span{display:flex;flex-direction:column;gap:2px}.toggle-line small{font-size:10px;color:#667085;font-weight:500}.employee-danger-zone{border:1px solid #f2c9c6;background:#fff9f8;border-radius:13px;padding:14px;display:grid;gap:12px}.employee-danger-zone>div:first-child{display:grid;gap:4px}.employee-danger-zone strong{font-size:12px;color:#7a271a}.employee-danger-zone p{font-size:10px;color:#8a4b42;line-height:1.5}.employee-danger-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.employee-danger-actions small{flex-basis:100%;font-size:9px;color:#8a4b42;line-height:1.45}.employee-danger-confirm{border-top:1px solid #f1d3d0;padding-top:11px;display:grid;gap:8px}.employee-danger-confirm .button-row{justify-content:flex-end}.normal-schedule-editor{display:grid;gap:14px}.schedule-template-help{background:#f7f9fc;border-radius:12px;padding:12px}.schedule-template-help strong{font-size:13px}.schedule-template-help p{font-size:11px;color:#667085;line-height:1.5;margin-top:3px}.template-day-list{display:grid;gap:7px}.template-day{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:12px;border:1px solid #e8ecf2;border-radius:12px;padding:10px 12px}.template-day.enabled{background:#fbfdff;border-color:#d8e4f7}.day-toggle{display:flex;flex-direction:row;align-items:center;gap:8px}.day-toggle input{width:16px;min-height:16px;padding:0;margin:0}.day-toggle strong{font-size:11px}.template-fields{display:grid;grid-template-columns:minmax(150px,1fr) 105px 22px 105px;align-items:center;gap:7px}.template-fields select,.template-fields input{min-height:38px;padding:6px 8px;font-size:11px}.template-fields>span{text-align:center;font-size:10px;color:#98a2b3}.day-off-label{font-size:11px;color:#98a2b3}.invite-success-card{display:flex;align-items:flex-start;gap:14px;border-color:#ccebd4;background:#fbfffc}.invite-result-icon{width:46px;height:46px;border-radius:13px;background:#e8f7ed;color:#137333;display:grid;place-items:center;flex:0 0 auto}.invite-success-card h2{font-size:18px}.invite-success-card p{font-size:11px;color:#667085;line-height:1.5;margin:5px 0 10px}.invite-link-box{border:1px dashed #a9b9ce;border-radius:10px;background:#fff;padding:9px;overflow:auto;margin-bottom:10px}.invite-link-box code{font-size:10px;white-space:nowrap;color:#344054}.mobile-person-card.clickable{width:100%;background:#fff;border:0;text-align:left;color:inherit}.first-owner-callout,.demo-box{margin-top:22px;border-top:1px solid #e8ebf0;padding-top:18px;display:grid;gap:8px}.first-owner-callout strong,.demo-box>span{font-size:12px}.first-owner-callout span{font-size:11px;color:#667085}.demo-box>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wide-setup{width:min(560px,100%)}.setting-line>label.grow{display:flex;flex-direction:column;align-items:flex-start}.setting-line>label.grow select{margin-top:7px;min-width:180px}.row-actions{justify-content:flex-end}@media(max-width:760px){.request-with-actions .grow{min-width:calc(100% - 95px)}.request-with-actions>.status{margin-left:auto}.request-with-actions>.button,.request-inline-confirm{width:100%;margin-left:47px}.request-inline-confirm{display:grid;grid-template-columns:1fr 1fr}.request-inline-confirm .button{width:100%}.team-toolbar{align-items:stretch;flex-direction:column}.team-view-controls{justify-content:space-between}.team-view-controls .segmented,.team-view-controls .segmented button{flex:1}.employee-danger-actions{display:grid;grid-template-columns:1fr}.employee-danger-actions .button{width:100%}.employee-danger-confirm .button-row{display:grid;grid-template-columns:1fr 1fr}.push-status-grid{grid-template-columns:1fr}.push-status-panel .button{width:100%}.header-action-row{display:grid;grid-template-columns:1fr 1fr;width:100%}.page-header-action:has(.header-action-row){width:100%;margin-top:10px}.page-header:has(.header-action-row){display:block}.modal-backdrop{padding:0;align-items:end;overscroll-behavior:none}.modal-card{width:100%;max-height:91dvh;border-radius:22px 22px 0 0;border-bottom:0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.team-editor{width:100%;height:calc(100dvh - max(12px,env(safe-area-inset-top)));max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));border-radius:22px 22px 0 0}.team-editor .modal-title{margin-bottom:14px}.team-editor .team-editor-scroll{padding-right:2px;padding-bottom:18px}.team-editor .team-editor-actions{padding:12px 0 0;gap:10px}.team-editor .team-editor-actions .button{flex:1}.team-editor-backdrop{touch-action:none}.team-editor-backdrop .team-editor-scroll{touch-action:pan-y}.location-check-grid,.template-day{grid-template-columns:1fr}.template-fields{grid-template-columns:1fr 1fr 20px 1fr}.template-fields select{grid-column:1/-1}.invite-success-card{display:grid;grid-template-columns:auto 1fr auto}.invite-success-card .button-row{grid-column:1/-1}.invite-success-card .button-row .button{flex:1}.demo-box>div{grid-template-columns:1fr}.split-actions{position:static}.split-actions>div{display:grid;grid-template-columns:1fr 1fr;flex:1}.split-actions>span{display:none}.setting-line{align-items:flex-end}.row-actions{justify-content:flex-start}.mobile-person-card.clickable{padding:13px 0}.wide-setup{border-radius:22px}}.shift-cell.partial-off,.mobile-shift-row.partial-off{background:color-mix(in srgb,var(--gold,#d97706) 9%,var(--surface,#fff));border-color:color-mix(in srgb,var(--gold,#d97706) 35%,transparent)}.partial-off-note{font-size:.72rem;font-weight:700;color:#9a5d00}.request-row-main{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left;padding:0}.request-row-link{display:flex;align-items:center;gap:10px;color:inherit;border:1px solid #edf0f4;border-radius:11px;padding:11px;text-decoration:none;background:#fff}.request-row-link:hover,.month-off-row:hover{border-color:#cbd8ec;background:#fbfdff}.timeoff-primary{border-color:#cdddf8;background:#f9fbff}.decision-audit{margin-top:7px!important;padding:8px 10px;border-radius:9px;background:#f7f9fc;color:#475467!important;font-size:10px!important}.month-off-row{width:100%;border:1px solid #edf0f4;border-radius:13px;background:#fff;color:inherit;display:flex;align-items:center;gap:12px;padding:12px;text-align:left}.month-off-list{display:grid;gap:9px}.month-off-list>.month-off-row{margin:0}.schedule-detail-modal{width:min(590px,100%)}.schedule-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.schedule-detail-list>div{border:1px solid #e8ecf2;border-radius:11px;padding:11px;display:flex;flex-direction:column;gap:5px;background:#fbfcfe}.schedule-detail-list>div>span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3}.schedule-detail-list>div>strong,.schedule-detail-list>div>p{font-size:12px;line-height:1.5}.schedule-detail-wide{grid-column:1/-1}.modal-detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f4}.shift-cell:disabled{opacity:1;cursor:default}.management-timeoff-modal{width:min(680px,100%)}.selected-employee-summary{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e8ecf2;border-radius:11px;background:#f8fafc}.selected-employee-summary>div:last-child{display:flex;flex-direction:column;gap:2px}.selected-employee-summary strong{font-size:12px}.selected-employee-summary span{font-size:10px;color:#667085}.management-timeoff-preview{display:flex;gap:10px;align-items:flex-start;border:1px solid;border-radius:12px;padding:12px}.management-timeoff-preview>svg{flex:0 0 auto;margin-top:1px}.management-timeoff-preview>div{display:grid;gap:3px}.management-timeoff-preview strong{font-size:12px}.management-timeoff-preview p{font-size:10px;line-height:1.5}.management-timeoff-preview.clear{border-color:#ccebd4;background:#f3fbf5;color:#126b31}.management-timeoff-preview.warning{border-color:#efd38e;background:#fff9e9;color:#805300}.management-timeoff-preview.critical{border-color:#efb5b0;background:#fff4f3;color:#922b21}@media(max-width:760px){.schedule-detail-list{grid-template-columns:1fr}.schedule-detail-wide{grid-column:auto}.modal-detail-actions{position:sticky;bottom:0;background:#fff;padding-bottom:env(safe-area-inset-bottom)}.request-row-main{width:100%}.management-timeoff-modal{max-height:94dvh}.management-timeoff-modal .form-actions{position:sticky;bottom:0;background:#fffffff7;padding:12px 0 0}}.modal-backdrop{overflow:hidden;overscroll-behavior:none}.modal-card{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.duplicate-timeoff-alert{display:flex;align-items:flex-start;gap:10px;border:2px solid #efb5b0;border-radius:12px;background:#fff4f3;color:#922b21;padding:12px}.duplicate-timeoff-alert>svg{flex:0 0 auto;margin-top:1px}.duplicate-timeoff-alert .grow{display:grid;gap:4px}.duplicate-timeoff-alert strong{font-size:12px}.duplicate-timeoff-alert p{font-size:10px;line-height:1.5;color:#8a3a34}.duplicate-timeoff-alert small{font-size:9px;color:#9a4a43}.duplicate-timeoff-alert .button{flex:0 0 auto}@media(max-width:760px){html,body,#root{min-height:100dvh}body{overscroll-behavior-y:none}.app-shell{min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom));overflow-x:clip;overflow-y:visible}.main-column{min-height:100dvh;overflow:visible}.content-wrap{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed!important;inset:auto 0 0!important;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:calc(5px + env(safe-area-inset-bottom));transform:translateZ(0);will-change:transform;z-index:60}.modal-backdrop{width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;align-items:end;padding:0}.modal-card{max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal-card .form-actions{position:static;bottom:auto}.management-timeoff-modal{width:100%;height:calc(100dvh - max(12px,env(safe-area-inset-top)));max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));overflow:hidden;display:flex;flex-direction:column;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.management-timeoff-modal .modal-title{flex:0 0 auto;margin-bottom:12px}.management-timeoff-form{min-height:0;flex:1;display:grid!important;grid-template-rows:minmax(0,1fr) auto;gap:0!important;overflow:hidden}.management-timeoff-scroll{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;display:grid;gap:15px;padding:2px 2px 20px 0}.management-timeoff-actions{position:static!important;bottom:auto!important;flex:0 0 auto;margin:0;padding:12px 0 0;border-top:1px solid #edf0f4;background:#fff;box-shadow:0 -10px 22px #fffffffa;z-index:2}.management-timeoff-actions .button{flex:1}.duplicate-timeoff-alert{flex-wrap:wrap}.duplicate-timeoff-alert .button{width:100%;margin-top:3px}}.schedule-guidance{display:flex;align-items:flex-start;gap:11px;margin:-7px 0 16px;padding:12px 14px;border:1px solid #cfe0fa;border-radius:13px;background:#f6f9ff;color:#17416f}.schedule-guidance>svg{flex:0 0 auto;color:#155bff;margin-top:1px}.schedule-guidance>div{display:grid;gap:3px}.schedule-guidance strong{font-size:12px}.schedule-guidance span{font-size:10px;line-height:1.5;color:#5a6d89}.schedule-source{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:3px 7px;font-size:8px!important;font-weight:850;letter-spacing:.02em;line-height:1.2}.schedule-source.normal{background:#edf3fb;color:#52677f}.schedule-source.changed{background:#eef0ff;color:#4a4fb2}.mobile-day-card{overflow:hidden}.mobile-shift-row.unscheduled{background:#fafbfd;border-style:dashed;color:#667085}.unscheduled-label{color:#98a2b3!important}.one-day-note{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:11px;background:#f6f9ff;border:1px solid #dce7f7;margin-bottom:15px}.one-day-note strong{font-size:11px;color:#17416f}.one-day-note span{font-size:10px;line-height:1.45;color:#667085}.schedule-employee-summary{margin-bottom:12px}.month-calendar-card{padding:0;overflow:hidden}.month-calendar-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:18px 20px;border-bottom:1px solid #edf0f4}.month-calendar-heading h2{font-size:18px;margin-top:2px}.month-calendar-heading>span{max-width:520px;font-size:10px;line-height:1.45;color:#667085;text-align:right}.month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#fafbfd;border-bottom:1px solid #edf0f4}.month-weekdays>div{padding:9px 6px;text-align:center;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#667085;border-right:1px solid #edf0f4}.month-weekdays>div:last-child{border-right:0}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.month-day{min-height:112px;border:0;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fff;padding:8px;text-align:left;color:inherit;display:flex;flex-direction:column;gap:7px;transition:.14s}.month-day:nth-child(7n){border-right:0}.month-day:hover{background:#f8fbff;box-shadow:inset 0 0 0 1px #c6d8f7}.month-day.outside{background:#fafbfc;color:#a3acb9}.month-day.today{box-shadow:inset 0 0 0 2px #155bff}.month-day-number{display:flex;align-items:center;justify-content:space-between;gap:4px}.month-day-number>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;font-size:11px;font-weight:850}.month-day.today .month-day-number>span{background:#155bff;color:#fff}.month-day-number em{font-size:7px;font-style:normal;font-weight:850;color:#155bff;text-transform:uppercase}.month-day-summary{display:grid;gap:3px;align-content:start}.month-count{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;border-radius:7px;padding:3px 6px;font-size:8px;font-weight:750;white-space:nowrap}.month-count b{font-size:9px}.month-count.working{background:#eaf7ee;color:#137333}.month-count.off{background:#fff5dd;color:#8a5a00}.month-count.partial{background:#fff8e8;color:#946200}.month-count.changed{background:#eef0ff;color:#4a4fb2}.month-empty{font-size:11px;color:#c4cad3;padding-left:5px}.day-schedule-modal{width:min(820px,100%)}.day-roster-list{display:grid;gap:7px}.day-roster-row{width:100%;display:grid;grid-template-columns:auto minmax(145px,.7fr) minmax(210px,1.25fr) auto auto auto;align-items:center;gap:11px;border:1px solid #e7ebf1;border-radius:12px;background:#fff;padding:10px 11px;text-align:left;color:inherit}.day-roster-row:not(:disabled):hover{background:#f9fbfe;border-color:#cddbf0}.day-roster-row.off{background:#fffaf0}.day-roster-row.unscheduled{background:#fafbfd;border-style:dashed}.day-roster-row:disabled{cursor:default}.day-roster-person,.day-roster-status{display:flex;flex-direction:column;gap:2px;min-width:0}.day-roster-person strong,.day-roster-status strong{font-size:11px}.day-roster-person span,.day-roster-status>span{font-size:9px;color:#667085;line-height:1.35}.day-roster-status .location-badge{margin-top:2px}.day-roster-row>svg{color:#98a2b3}@media(max-width:760px){.schedule-guidance{margin-top:-3px}.schedule-toolbar .week-switcher{order:3;width:100%;justify-content:space-between}.schedule-toolbar .week-switcher strong{flex:1;min-width:0}.mobile-shift-row{min-height:72px;padding:10px}.mobile-shift-row .grow{min-width:0}.mobile-shift-row .location-badge{white-space:normal}.mobile-shift-row .location-badge span,.day-roster-row .location-badge span{display:inline}.schedule-source{font-size:8px!important}.month-calendar-heading{display:block;padding:14px}.month-calendar-heading>span{display:block;margin-top:5px;text-align:left}.month-weekdays>div{padding:7px 2px;font-size:8px}.month-day{min-height:82px;padding:5px 4px;gap:4px}.month-day-number>span{width:22px;height:22px;font-size:10px}.month-day-number em{display:none}.month-day-summary{gap:2px}.month-count{font-size:7px;padding:2px 3px;gap:2px;max-width:100%;overflow:hidden}.month-count b{font-size:8px}.day-schedule-modal{height:calc(100dvh - max(12px,env(safe-area-inset-top)));max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));overflow-y:auto}.day-roster-row{grid-template-columns:auto minmax(0,1fr) auto;padding:10px;gap:9px}.day-roster-status{grid-column:2/4}.day-roster-row>.schedule-source,.day-roster-row>.status{grid-column:2;justify-self:start}.day-roster-row>svg{grid-column:3;grid-row:1}.day-roster-person strong{font-size:12px}.day-roster-status strong{font-size:11px}.day-roster-status>span{font-size:9px}.shift-editor .one-day-note{margin-top:2px}}@media(max-width:390px){.month-day{min-height:76px}.month-count{font-size:6.5px}.month-count b{font-size:7.5px}}.schedule-status-filters{display:flex;align-items:center;gap:6px;padding:3px;border:1px solid #e0e5ec;border-radius:10px;background:#fff;white-space:nowrap}.schedule-status-filters>span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;padding:0 4px 0 6px}.schedule-status-filters button{min-height:30px;border:0;border-radius:8px;background:transparent;color:#667085;padding:0 10px;font-size:10px;font-weight:800}.schedule-status-filters button.active{background:#edf3ff;color:#17416f;box-shadow:inset 0 0 0 1px #cadbf8}.day-add-button{margin:5px auto 0;border:0;border-radius:7px;background:#edf3ff;color:#155bff;display:flex;align-items:center;justify-content:center;gap:3px;padding:3px 6px;font-size:8px;font-weight:850}.day-add-button:hover{background:#dce8ff}.mobile-add-shift-button{border:1px solid #cbd9ed;border-radius:9px;background:#f7faff;color:#17416f;display:flex;align-items:center;gap:4px;min-height:31px;padding:0 8px;font-size:9px;font-weight:850}.mobile-add-shift-button:hover{background:#edf3ff}.schedule-grid-empty{padding:28px;text-align:center;color:#98a2b3;font-size:11px;background:#fff}.add-shift-modal{width:min(570px,100%)}.schedule-conflict-alert{display:flex;flex-direction:column;gap:4px;border:1px solid #efb5b0;border-radius:12px;background:#fff4f3;padding:11px 12px;color:#922b21}.schedule-conflict-alert strong{font-size:11px}.schedule-conflict-alert span{font-size:10px;line-height:1.5;color:#8a3a34}.day-modal-actions{display:flex;align-items:center;gap:8px}.button.compact{min-height:36px;padding:0 11px;font-size:10px}@media(max-width:1100px){.schedule-status-filters{order:2}}@media(max-width:760px){.schedule-toolbar{align-items:stretch}.schedule-status-filters{order:3;width:100%}.schedule-status-filters button{flex:1}.schedule-toolbar .week-switcher{order:4}.mobile-day-actions{flex-wrap:wrap;justify-content:flex-end}.mobile-add-shift-button{min-height:34px}.add-shift-modal{height:auto;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)))}.day-modal-actions .button.compact{font-size:9px;padding:0 8px}}@media(max-width:390px){.mobile-day-title{align-items:flex-start}.mobile-day-actions{max-width:150px}.day-modal-actions .button.compact{padding:0 7px}}@media(max-width:760px){html.modal-scroll-locked,html.modal-scroll-locked body{overflow:hidden!important;overscroll-behavior:none!important}.bottom-nav{position:fixed!important;inset:auto 0 0!important;transform:none!important}.mobile-shift-row.editable.off,.mobile-shift-row.off{background:#fff9ed!important;border-color:#f0d9aa!important;box-shadow:inset 4px 0 #f4b942}.mobile-shift-row.off .grow>strong{color:#7b4a00}.mobile-shift-row.off .grow>span{color:#8a6c36}}