body{overflow-x:hidden}.access-note{color:var(--muted);font-size:13px}
@media(max-width:900px){
  .calendar.month{grid-template-columns:1fr 1fr}.calendar.month .day{min-height:110px}.calendar-toolbar{align-items:flex-start}.calendar-actions{width:100%}.calendar-actions .btn{flex:1;text-align:center;padding:9px 7px}.attendance-actions{flex-direction:column}.reset-form{width:100%;flex-wrap:wrap}.reset-form input{min-width:0}
  .app{grid-template-columns:minmax(0,1fr);width:100%}
  aside{display:none}
  main{min-width:0;width:100%;padding:18px 12px 88px}
  .stats{grid-template-columns:1fr 1fr}
  .columns{grid-template-columns:minmax(0,1fr)}
  .calendar{grid-template-columns:1fr}
  .day{min-height:auto}
  .mobile-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:4;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-nav a{min-width:0;color:var(--navy);text-align:center;padding:9px 2px;font-size:18px}
  .mobile-nav small{display:block;font-size:11px;white-space:nowrap}
  header{gap:10px;align-items:flex-start}header h1{font-size:23px;line-height:1.2}header p{font-size:14px}
  .bell{flex:0 0 44px;width:44px;height:44px}
  .panel{max-width:100%;overflow:hidden}
  .table-wrap{overflow:visible;width:100%}
  table,thead,tbody,tr,th,td{display:block;width:100%}thead{display:none}
  tbody tr{background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:10px 12px}
  td{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border:0;padding:8px 0;overflow-wrap:anywhere}
  td::before{content:attr(data-label);font-size:12px;font-weight:750;color:var(--muted);flex:0 0 34%}
  td form{margin-left:auto}.panel-title{gap:12px;align-items:flex-start;flex-wrap:wrap}
  .actions{flex-direction:column-reverse}.actions .btn{width:100%}
  .attendance-report{margin-left:0;margin-right:0}.desktop-history{display:none}.mobile-history{display:grid;gap:12px;padding:4px 16px 20px}.work-history-heading{padding:20px;align-items:flex-start}.work-summary{grid-template-columns:repeat(3,1fr)}.work-summary>div{padding:16px}.work-summary .summary-icon{display:none}.history-title{padding:20px 16px 8px}.workday-card{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(23,59,109,.07);overflow:hidden}.workday-date{display:flex;align-items:center;gap:11px;padding:14px 15px;border-bottom:1px solid #edf1f6}.workday-date>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--navy);color:#fff;font-size:18px;font-weight:800}.workday-date div{min-width:0;flex:1}.workday-date b,.workday-date small{display:block}.workday-date small{color:var(--muted)}.workday-date em{font-style:normal}.workday-times{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:12px;padding:15px}.workday-times div small,.workday-times div b{display:block}.workday-times small{font-size:10px;letter-spacing:.08em;color:var(--muted)}.workday-times b{font-size:18px;color:var(--ink)}.workday-times i{font-style:normal;color:#9ca9b9}.hours-pill{padding:7px 10px;border-radius:9px;background:#edf3fa;text-align:right}.hours-pill b{font-size:15px!important;color:var(--navy)!important}
  .timesheet{width:100%;border-radius:13px}.timesheet-head{padding:18px;align-items:flex-start}.timesheet-head h2{font-size:22px}.timesheet-head p{font-size:13px}.pay-banner{grid-template-columns:1fr}.pay-banner>div{padding:15px 18px}.pay-banner>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.22)}.pay-banner strong{font-size:19px}.timesheet-totals>div{padding:14px 18px}.timesheet-totals strong{font-size:19px}.timesheet-list-head{padding:20px 15px 8px}.timesheet-list{padding:0 14px 18px;overflow:visible}.timesheet-row{grid-template-columns:1fr auto;gap:10px;padding:15px 14px 15px 18px}.timesheet-date{grid-column:1}.timesheet-row>.status{grid-column:2;grid-row:1}.timesheet-shift{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto auto 1fr;align-items:baseline;gap:7px;background:#f3f6fa;border-radius:8px;padding:11px 12px}.timesheet-shift b{text-align:center}.timesheet-duration{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:2px}.timesheet-duration b{color:var(--navy)}
}
@media(max-width:560px){
  .admin-shortcuts{justify-content:stretch}.admin-shortcuts a{flex:1;text-align:center;font-size:12px}.calendar-toolbar{margin:-14px -14px 0;padding:14px}.calendar.month{grid-template-columns:1fr}.calendar .day,.calendar.month .day{min-height:90px}.report-filters{grid-template-columns:1fr}.report-summary{grid-template-columns:1fr 1fr}.report-summary div:last-child{grid-column:1/-1}
  .stats{grid-template-columns:1fr;gap:9px}.card{padding:14px}.card strong{font-size:20px}
  .form-grid{grid-template-columns:1fr}.form-grid .wide,.form-grid hr{grid-column:1}
  .panel{padding:14px;border-radius:14px}.clock{font-size:38px}.btn{min-height:44px}
  .task-row{grid-template-columns:10px minmax(0,1fr);gap:10px}.task-row>.status{grid-column:2;width:max-content}
  .login-card,.setup-card{padding:20px}.login-card img,.setup-card img{max-width:180px}
  .calendar .cal-task{min-height:48px}
  .work-history-heading{display:block}.work-history-heading h2{font-size:23px}.pay-date{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:end;border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:14px 0 0;margin-top:16px}.pay-date small{grid-column:1/-1}.pay-date b{font-size:31px}.pay-date span{padding-bottom:2px}.work-summary{grid-template-columns:1fr 1fr}.work-summary>div{padding:14px}.work-summary>div:last-child{grid-column:1/-1}.work-summary b{font-size:18px}.workday-times{grid-template-columns:1fr auto 1fr;gap:9px}.hours-pill{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;text-align:left;margin-top:2px}
  .timesheet-head{display:block}.privacy-note{display:inline-block;margin-top:11px}.timesheet-totals{grid-template-columns:1fr 1fr}.timesheet-list-head span{display:none}.timesheet-shift{grid-template-columns:auto 1fr auto auto 1fr}.timesheet-date b{font-size:15px}.timesheet-row>.status{font-size:10px}.payment-history{padding:16px}
  .my-tasks-head{padding:18px;border-radius:12px 12px 0 0;align-items:flex-start}.my-tasks-head h2{font-size:22px}.my-tasks-head p{font-size:13px;max-width:230px}.task-overview{grid-template-columns:1fr 1fr;border-radius:0 0 12px 12px}.task-overview>div{padding:12px 15px}.task-overview>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.task-overview>div:nth-child(4){border-top:1px solid var(--line)}.phone-task{grid-template-columns:5px minmax(0,1fr);gap:12px;padding:15px 14px 15px 0}.phone-task-main{min-width:0}.phone-task h4{font-size:16px;line-height:1.3}.task-meta{flex-wrap:wrap;margin-top:9px}.phone-task-end{grid-column:2;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f6;padding-top:10px}.phone-task-end>b{margin-left:auto}.task-group{margin-bottom:20px}.task-group-title{padding:0 2px}.due-chip,.priority-label{font-size:10px}
  .task-back{width:max-content;min-height:44px;margin-bottom:10px;padding:6px 11px 6px 5px;background:#fff;border:1px solid var(--line);box-shadow:0 3px 10px rgba(23,59,109,.06)}.task-back span{width:32px;height:32px;border:0;background:#edf3fa}
  .payment-history-row{grid-template-columns:1fr auto}.payment-history-row form{grid-column:1/-1}.payment-history-row form .btn{width:100%}.receipt-confirm{padding:15px 18px}.receipt-confirm .btn{width:100%}.cycle-progress-grid{grid-template-columns:1fr}.admin-payment{grid-template-columns:1fr}.admin-payment>div:nth-child(2){display:flex;justify-content:space-between;align-items:center;text-align:left}.mark-paid-form{grid-template-columns:1fr}.confirmed-note{text-align:left}
  .cleanup-counts{grid-template-columns:1fr 1fr}.cleanup-counts>div:last-child{grid-column:1/-1}.danger-heading>span{flex:0 0 42px}.reset-data-panel{padding:16px}
}