:root{--green: #448a40;--green-light: #e8f5e7;--green-dark: #2d6329;--black: #000000;--grey: #808080;--grey-light: #f5f5f5;--grey-200: #e5e5e5;--grey-300: #d4d4d4;--grey-600: #525252;--white: #ffffff;--blue: #378ADD;--amber: #BA7517;--red: #A32D2D;--purple: #534AB7;--bg-page: #f5f5f5;--bg-card: #ffffff;--bg-sidebar: #1a1a1a;--bg-input: #ffffff;--bg-hover: #f9fafb;--text-primary: #000000;--text-secondary: #525252;--text-muted: #808080;--border-color: #e5e5e5;--border-light: #f5f5f5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--font-heading: "Fahkwang", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--sidebar-width: 260px;--topbar-height: 56px;--transition: .2s ease}[data-theme=dark]{--bg-page: #141517;--bg-card: #1c1d21;--bg-sidebar: #0d0d0d;--bg-input: #24262b;--bg-hover: #2a2c32;--text-primary: #e8e8ea;--text-secondary: #9e9fa6;--text-muted: #6c6d75;--border-color: #2e3038;--border-light: #23252a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--green-light: #1a2e18;--grey-light: #1c1d21;--grey-200: #2e3038;--grey-300: #3a3c44;--grey-600: #9e9fa6;--white: #1c1d21;--black: #e8e8ea;color-scheme:dark}[data-theme=dark] select,[data-theme=dark] input,[data-theme=dark] textarea{background-color:var(--bg-input);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] select option{background-color:#24262b;color:#e8e8ea}[data-theme=dark] .form-input:disabled{background:#1a1b1f;color:var(--text-muted)}[data-theme=dark] .auth-page{background:linear-gradient(135deg,#0a0a0b,#1a1b1f)}[data-theme=dark] .auth-error{background:#2d1515;border-color:#4a2020;color:#f0a0a0}[data-theme=dark] .auth-success{background:#152e14;border-color:#1a3e18;color:#a0d4a0}[data-theme=dark] .alert--warning{background:#2e2510;color:#d4a54a;border-color:#3e3418}[data-theme=dark] .alert--success{background:#152e14;color:#80c480;border-color:#1a3e18}[data-theme=dark] .alert--info{background:#151e2e;color:#80a8d4;border-color:#182840}[data-theme=dark] .payment-banner{background:linear-gradient(135deg,#152e14,#1a2e18);border-color:#2a4a28}[data-theme=dark] .query-warning-banner{background:#2d1515;border-color:#4a2020}[data-theme=dark] .pending-users-section{background:#2e2510;border-color:#3e3418}[data-theme=dark] .pending-user-card{background:var(--bg-card)}[data-theme=dark] .cis-summary{background:#2a2510;color:#d4b060;border:1px solid #3e3418}[data-theme=dark] .approval-checkbox{border-color:var(--border-color);background:var(--bg-card);color:var(--text-secondary)}[data-theme=dark] .approval-checkbox--pending{border-color:#3e3418;background:#2a2510;color:#d4a54a}[data-theme=dark] .approval-checkbox--complete{border-color:var(--green);background:#1a2e18;color:#80c480}[data-theme=dark] .approval-checkbox--queried{border-color:#6a2020;background:#2d1515;color:#f0a0a0}[data-theme=dark] .approval-checkbox--query-idle{border-color:var(--border-color);background:var(--bg-card);color:var(--text-muted)}[data-theme=dark] .approval-box--submitted{background:#151e2e;color:#6aa4e0}[data-theme=dark] .approval-box--waiting{background:var(--bg-card);color:var(--text-muted);border-color:var(--border-color)}[data-theme=dark] .approval-box--complete{background:#1a2e18;color:#80c480}[data-theme=dark] .approval-box--queried{background:#2d1515;color:#f0a0a0}[data-theme=dark] .week-tag{background:#151e2e;color:#6aa4e0}[data-theme=dark] .admin-table thead th{background:#1a1b1f;color:var(--text-muted)}[data-theme=dark] .admin-table tbody td{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .admin-table tbody tr:hover,[data-theme=dark] .admin-table tbody tr.row-expanded{background:var(--bg-hover)}[data-theme=dark] .admin-table{background:var(--bg-card)}[data-theme=dark] .mini-table th,[data-theme=dark] .mini-table td{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .timesheet-card,[data-theme=dark] .worker-card,[data-theme=dark] .site-card,[data-theme=dark] .stat-card,[data-theme=dark] .dashboard-week-card,[data-theme=dark] .payment-breakdown,[data-theme=dark] .period-selector,[data-theme=dark] .form-section,[data-theme=dark] .detail-section{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .timesheet-card__amount,[data-theme=dark] .stat-card__value{color:var(--green)}[data-theme=dark] .worker-group-row td{color:var(--text-primary)}[data-theme=dark] .worker-group-row:hover{background:#22242a}[data-theme=dark] .detail-row td,[data-theme=dark] .worker-detail-expanded{background:#18191d}[data-theme=dark] .ts-detail-card,[data-theme=dark] .send-alert-section{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .payment-date-card{background:var(--bg-card)}[data-theme=dark] .worker-alert-card{background:#2a2510;color:#d4a54a}[data-theme=dark] .text-muted{color:var(--text-muted)!important}[data-theme=dark] .page-header__title,[data-theme=dark] .section__title,[data-theme=dark] .form-section__title{color:var(--text-primary)}[data-theme=dark] .detail-section__title{color:var(--green)}[data-theme=dark] .form-label{color:var(--text-secondary)}[data-theme=dark] .quick-submit-btn{color:#fff}[data-theme=dark] .pill{border-width:1px}[data-theme=dark] .status-badge{border:1px solid transparent}[data-theme=dark] .status-badge--green{background:#1a2e18;color:#80c480}[data-theme=dark] .status-badge--amber{background:#2a2510;color:#d4a54a}[data-theme=dark] .status-badge--grey{background:#24262b;color:#6c6d75}[data-theme=dark] .status-badge--blue,[data-theme=dark] .role-badge--worker{background:#151e2e;color:#6aa4e0}[data-theme=dark] .role-badge--admin{background:#2d1515;color:#f0a0a0}[data-theme=dark] .role-badge--accountant{background:#2a2510;color:#d4a54a}[data-theme=dark] .role-badge--director{background:#1a2e18;color:#80c480}[data-theme=dark] .btn--outline{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .btn--outline:hover{background:var(--bg-hover);border-color:var(--text-muted)}[data-theme=dark] .summary-row,[data-theme=dark] .detail-item{color:var(--text-primary)}[data-theme=dark] .detail-item span:first-child{color:var(--text-muted)}[data-theme=dark] .payment-period-header strong{color:var(--text-primary)}[data-theme=dark] .cis-verify-status--verified{background:#1a2e18;color:#80c480}[data-theme=dark] .cis-verify-status--unverified{background:#2a2510;color:#d4a54a}[data-theme=dark] .calendar-cell--empty{background:#18191d}[data-theme=dark] .calendar-cell--has-data{background:#1a2e18}[data-theme=dark] .day-row__net{background:#1a1b1f!important}[data-theme=dark] .topbar__logo,[data-theme=dark] .auth-card__logo{filter:brightness(0) invert(1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);line-height:1.5;min-height:100vh;transition:background .3s,color .3s}input,select,textarea,button{font-family:inherit;font-size:inherit}a{color:var(--green);text-decoration:none}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px 24px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);color:var(--text-primary)}.auth-card__header{text-align:center;margin-bottom:24px}.auth-card__logo{height:60px;margin-bottom:12px}.auth-card__title{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--text-primary)}.auth-card__subtitle{font-size:.85rem;color:var(--text-muted);margin-top:2px}.auth-card__tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--grey-200)}.auth-tab{flex:1;padding:10px;border:none;background:none;cursor:pointer;font-weight:600;font-size:.9rem;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:var(--transition)}.auth-tab--active{color:var(--green);border-bottom-color:var(--green)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-error{background:#fef2f2;color:var(--red);padding:10px 14px;border-radius:var(--radius);font-size:.85rem;border:1px solid #fecaca}.auth-success{background:var(--green-light);color:var(--green-dark);padding:10px 14px;border-radius:var(--radius);font-size:.85rem;border:1px solid #bbf7d0}.auth-forgot{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;text-align:center;padding:4px}.auth-forgot:hover{color:var(--green)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#1a1a1a;color:#f0f0f0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .3s ease}.sidebar--open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.sidebar__header{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar__logo{height:36px}.sidebar__title{font-family:var(--font-heading);font-weight:600;font-size:1.2rem;letter-spacing:2px;color:var(--green)}.sidebar__nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar__section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:#fff6;padding:12px 20px 6px;font-weight:600}.sidebar__divider{height:1px;background:#ffffff1a;margin:8px 20px}.sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 20px;color:#ffffffb3;font-size:.9rem;transition:var(--transition);border-left:3px solid transparent}.sidebar__link:hover{background:#ffffff0d;color:#fff}.sidebar__link--active{background:#448a4026;color:var(--green);border-left-color:var(--green)}.sidebar__link--secondary{font-size:.85rem;padding:8px 20px}.sidebar__badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e53e3e;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:auto;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.sidebar__footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.sidebar__user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sidebar__actions{display:flex;align-items:center;justify-content:space-between}.sidebar__theme-toggle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid rgba(255,255,255,.15);background:none;color:#ffffff80;cursor:pointer;transition:var(--transition)}.sidebar__theme-toggle:hover{background:#ffffff1a;color:var(--green);border-color:var(--green)}.sidebar__avatar{width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.sidebar__user-info{display:flex;flex-direction:column;min-width:0}.sidebar__user-name{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0f0f0}.sidebar__user-role{font-size:.75rem;color:#ffffff80}.sidebar__logout{display:flex;align-items:center;gap:8px;width:100%;padding:8px 0;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.85rem;transition:var(--transition)}.sidebar__logout:hover{color:var(--red)}.main-content{flex:1;min-height:100vh;display:flex;flex-direction:column}.topbar{height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px;padding:0 16px;position:sticky;top:0;z-index:50}.topbar__hamburger{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-primary)}.topbar__logo{height:28px}.topbar__title{font-family:var(--font-heading);font-weight:600;font-size:.95rem;letter-spacing:2px;color:var(--green)}.topbar__spacer{flex:1}.theme-toggle{background:none;border:1px solid var(--border-color);border-radius:var(--radius);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:var(--transition);flex-shrink:0}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--green)}.main-area{flex:1;padding:16px;max-width:1200px;width:100%;margin:0 auto}.page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.page-header__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;line-height:1.2}.page-header__subtitle{color:var(--text-muted);font-size:.9rem;margin-top:2px}.page-header__actions{display:flex;gap:8px;align-items:center}.name-view{display:inline-flex;align-items:center;gap:10px}.name-view__edit{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-sm);padding:4px 6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.name-view__edit:hover{color:var(--green);border-color:var(--green);background:var(--green-light)}[data-theme=dark] .name-view__edit:hover{background:#448a4026}.name-edit{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.name-edit__input{font-size:1rem;font-weight:500;padding:6px 10px;max-width:200px}.name-edit__error{color:#a32d2d;font-size:.85rem;font-weight:400;font-family:var(--font-sans);width:100%}[data-theme=dark] .name-edit__error{color:#f09595}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius);font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn--primary{background:var(--green);color:var(--white)}.btn--primary:hover{background:var(--green-dark)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--outline{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)}.btn--outline:hover{border-color:var(--text-muted);background:var(--bg-page)}.btn--outline-red{background:var(--bg-card);color:var(--red);border:1px solid var(--red)}.btn--outline-red:hover{background:#fef2f2}.btn--danger{background:var(--red);color:#fff;border:1px solid var(--red)}.btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.btn--green{background:var(--green);color:var(--white)}.btn--sm{padding:6px 12px;font-size:.8rem}.btn--full{width:100%;justify-content:center}.btn--large{padding:14px 24px;font-size:1rem}.btn--active{background:var(--green);color:var(--white);border-color:var(--green)}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-weight:600;font-size:.85rem;color:var(--text-secondary)}.form-input{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;background:var(--bg-card);transition:var(--transition);min-height:44px}.form-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #448a4026}.form-input:disabled{background:var(--bg-page);color:var(--text-muted)}.form-input--sm{padding:6px 10px;font-size:.85rem;min-height:36px}.form-grid{display:grid;grid-template-columns:1fr;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row .form-group{margin-bottom:0}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-group--full{grid-column:1 / -1}.form-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.form-section--bordered{border:1px solid var(--border-color)}.form-section__title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:10px}.form-section__badge{font-family:var(--font-body);font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.form-section__badge--green{background:var(--green-light);color:var(--green)}.form-section__badge--amber{background:#fef3c7;color:var(--amber)}.form-section__help{font-size:.85rem;color:var(--text-muted);margin-bottom:12px}.form-actions{display:flex;gap:10px;margin-top:16px}.alert{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);font-size:.9rem;align-items:flex-start}.alert strong{display:block;margin-bottom:2px}.alert p{color:inherit;opacity:.85;font-size:.85rem}.alert--warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.alert--success{background:var(--green-light);color:var(--green-dark);border:1px solid #bbf7d0}.alert--info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.alert__link{font-weight:600;color:inherit;text-decoration:underline}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);border-left:4px solid var(--green);display:flex;gap:12px;align-items:flex-start}.stat-card__icon{flex-shrink:0;opacity:.7}.stat-card__value{font-size:1.4rem;font-weight:700;line-height:1.1;display:block}.stat-card__label{font-size:.8rem;color:var(--text-muted);display:block;margin-top:2px}.stat-card__sub{font-size:.75rem;color:var(--text-muted)}.pill{display:inline-flex;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid;white-space:nowrap}.status-badge{display:inline-flex;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge--green{background:var(--green-light);color:var(--green)}.status-badge--grey{background:#f3f4f6;color:var(--text-muted)}.status-badge--amber{background:#fef3c7;color:var(--amber)}.status-badge--blue{background:#eff6ff;color:var(--blue)}.dashboard-week-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.dashboard-week-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dashboard-week-card__header h3{font-family:var(--font-heading);font-size:1rem;font-weight:600}.dashboard-week-card__date{font-size:.85rem;color:var(--text-muted)}.dashboard-week-card__submitted{display:flex;gap:12px;align-items:center}.dashboard-week-card__submitted p{font-size:.9rem;color:var(--text-secondary)}.dashboard-week-card__pending p{color:var(--text-muted);margin-bottom:12px}.quick-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:var(--green);color:var(--white);border-radius:var(--radius-lg);font-weight:600;font-size:1.05rem;box-shadow:var(--shadow);transition:var(--transition)}.quick-submit-btn:hover{background:var(--green-dark);color:var(--white)}.section{display:flex;flex-direction:column;gap:12px}.section__title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600}.section__header{display:flex;justify-content:space-between;align-items:center}.section__link{font-size:.85rem;font-weight:600}.card-list{display:flex;flex-direction:column;gap:10px}.timesheet-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.timesheet-card__top{display:flex;justify-content:space-between;align-items:center}.timesheet-card__date{font-weight:600;font-size:.95rem}.timesheet-card__details{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary)}.timesheet-card__bottom{display:flex;justify-content:space-between;align-items:center}.timesheet-card__amount{font-size:1.15rem;font-weight:700;color:var(--green)}.timesheet-card__notes{font-size:.85rem;padding:8px 10px;background:#fef3c7;border-radius:var(--radius);color:#92400e}.timesheet-card__expanded{border-top:1px solid var(--border-color);padding-top:10px;display:flex;flex-direction:column;gap:6px}.timesheet-card__day{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0}.timesheet-card__status-actions{display:flex;gap:6px;margin-top:8px}.worker-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition)}.worker-card:hover{box-shadow:var(--shadow)}.worker-card__top{display:flex;align-items:center;gap:10px}.worker-card__avatar{width:36px;height:36px;border-radius:50%;background:var(--green);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0;overflow:hidden}.worker-card__avatar img{width:100%;height:100%;object-fit:cover;display:block}.worker-card__info{flex:1;min-width:0;display:flex;flex-direction:column}.worker-card__badges{display:flex;gap:4px;flex-direction:column;align-items:flex-end;flex-shrink:0}.worker-card__details{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-top:8px}.worker-card__email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.worker-card__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.worker-card__meta-item{display:flex;flex-direction:column;gap:2px;font-size:.8rem;min-width:0}.worker-card__meta-item>span:not(.worker-card__meta-label){color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-card__meta-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.worker-alert-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fef3c7;border-radius:var(--radius);font-size:.85rem}.site-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;gap:12px}.site-card--inactive{opacity:.6}.site-card__top{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.week-picker{margin-bottom:14px}.week-picker__controls{display:flex;align-items:center;gap:8px}.week-picker__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;transition:var(--transition)}.week-picker__btn:hover{background:var(--bg-page)}.week-picker__display{flex:1;position:relative}.week-picker__input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;min-height:44px}.week-picker__formatted{display:none}.day-rows{display:flex;flex-direction:column;gap:6px}.day-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.day-row--active{border-color:var(--green)}.day-row--inactive{opacity:.65}.day-row__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;gap:8px;min-height:44px}.day-row__toggle{display:flex;align-items:center;gap:8px}.day-row__checkbox{width:18px;height:18px;accent-color:var(--green)}.day-row__label{font-weight:600;font-size:.9rem}.day-row__summary{font-size:.8rem;color:var(--text-secondary);flex:1;text-align:right}.day-row__chevron{transition:transform .2s;flex-shrink:0}.day-row__chevron--open{transform:rotate(180deg)}.day-row__fields{padding:12px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border-color)}.day-row__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.day-row__field{display:flex;flex-direction:column;gap:3px}.day-row__field label{font-size:.75rem;color:var(--text-muted);font-weight:600}.day-row__field input,.day-row__field select{padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;min-height:38px}.day-row__field input:focus,.day-row__field select:focus{outline:none;border-color:var(--green)}.day-row__field--full{grid-column:1 / -1}.day-row__net{background:var(--bg-page)!important;font-weight:600}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.95rem}.summary-row--cis{background:#fef3c7;margin:0 -20px;padding:8px 20px;border-radius:var(--radius)}.summary-row--total{border-top:2px solid var(--green);padding-top:10px;margin-top:4px;font-size:1.15rem}.summary-row--total strong{color:var(--green)}.cis-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin-bottom:8px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.cis-toggle__label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:.95rem}.cis-toggle__checkbox{display:none}.cis-toggle__switch{width:44px;height:24px;background:var(--grey-300);border-radius:12px;position:relative;transition:var(--transition);flex-shrink:0}.cis-toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--bg-card);border-radius:50%;transition:var(--transition);box-shadow:var(--shadow-sm)}.cis-toggle__checkbox:checked+.cis-toggle__switch{background:var(--green)}.cis-toggle__checkbox:checked+.cis-toggle__switch:after{transform:translate(20px)}.cis-toggle__rate{flex-shrink:0}.cis-toggle--disabled{opacity:.5;cursor:not-allowed}.cis-toggle--disabled input{cursor:not-allowed}.payment-options,.payment-cards{display:flex;flex-direction:column;gap:10px}.required{color:var(--red);font-weight:700;margin-left:2px}.week-picker-v2{margin-bottom:20px}.week-picker-v2__quick{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.week-chip{padding:8px 14px;border-radius:20px;border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.week-chip:hover{border-color:var(--green);color:var(--green)}.week-chip--active{background:var(--green);border-color:var(--green);color:#fff}.week-chip--active:hover{color:#fff}.week-chip--other{background:transparent;border-style:dashed}.week-picker-v2__list{background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius);padding:10px;margin-bottom:12px;max-height:280px;overflow-y:auto}.week-picker-v2__option{width:100%;text-align:left;padding:8px 12px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.week-picker-v2__option:hover{background:var(--bg-hover)}.week-picker-v2__option--active{background:var(--green-light);color:var(--green-dark);font-weight:600}[data-theme=dark] .week-picker-v2__option--active{background:#1a2e18;color:#80c480}.week-picker-v2__badge{font-size:.7rem;background:var(--green);color:#fff;padding:2px 8px;border-radius:10px;font-weight:700}.week-picker-v2__display{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:10px 14px;margin-bottom:10px}.week-picker-v2__nav{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.week-picker-v2__nav:hover{border-color:var(--green);color:var(--green)}.week-picker-v2__center{text-align:center;flex:1}.week-picker-v2__range{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary)}.week-picker-v2__month{font-size:.8rem;color:var(--text-muted);margin-top:2px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:var(--bg-page);border-radius:var(--radius);padding:8px;border:1px solid var(--border-color)}.week-strip__day{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 2px;border-radius:var(--radius-sm);background:var(--bg-card);min-height:50px;position:relative;border:1px solid transparent;min-width:0}.week-strip__day--sunday{background:var(--green-light);border-color:#448a4033}[data-theme=dark] .week-strip__day--sunday{background:#1a2e18;border-color:#2a4a28}.week-strip__day--today{background:#eff6ff;border-color:#378add;font-weight:700}[data-theme=dark] .week-strip__day--today{background:#151e2e;border-color:#378add}.week-strip__day--today.week-strip__day--sunday{background:var(--green-light);border-color:var(--green)}.week-strip__day--cutoff{background:#fbf4e6;border-color:#ba7517}[data-theme=dark] .week-strip__day--cutoff{background:#2a1e0a;border-color:#ba7517}.week-strip__day--payday{background:#dff1d5;border-color:var(--green)}[data-theme=dark] .week-strip__day--payday{background:#132b10;border-color:#448a40}.week-strip__day--cutoff.week-strip__day--payday{background:#dff1d5;border-color:var(--green)}[data-theme=dark] .week-strip__day--cutoff.week-strip__day--payday{background:#132b10;border-color:#448a40}.week-strip__dow{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.week-strip__date{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-top:2px}.week-strip__today-dot{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#378add}.week-strip__sunday-label{position:absolute;top:2px;right:4px;font-size:.55rem;font-weight:700;color:var(--green);letter-spacing:.4px}.week-strip__corner-label{position:absolute;top:2px;right:4px;font-size:.55rem;font-weight:700;letter-spacing:.4px}.week-strip__corner-label--amber{color:#ba7517}[data-theme=dark] .week-strip__corner-label--amber{color:#ef9f27}.week-strip__corner-label--green{color:var(--green)}[data-theme=dark] .week-strip__corner-label--green{color:#97c459}.cis-status-banner{background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius);padding:10px 14px;margin-bottom:14px;font-size:.9rem}.worker-avatar-sm{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--green-light);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--green);font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--green)}.worker-avatar-sm img{width:100%;height:100%;object-fit:cover;display:block}.edited-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:8px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;vertical-align:middle}[data-theme=dark] .edited-badge{background:#2a2510;color:#d4a54a;border-color:#3e3418}.photo-section{display:flex;align-items:center;gap:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.photo-section__avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--green-light);display:flex;align-items:center;justify-content:center;border:3px solid var(--green)}.photo-section__avatar img{width:100%;height:100%;object-fit:cover;display:block}.photo-section__placeholder{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--green)}.photo-section__info{flex:1;min-width:0}.photo-section__info h4{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;word-wrap:break-word;overflow-wrap:break-word}.photo-section__actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.my-photo-display{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:16px}.my-photo-display__avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--green-light);display:flex;align-items:center;justify-content:center;border:2px solid var(--green)}.my-photo-display__avatar img{width:100%;height:100%;object-fit:cover;display:block}.my-photo-display__placeholder{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--green)}.my-photo-display>div:last-child{flex:1;min-width:0}.my-photo-display h4{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;word-wrap:break-word;overflow-wrap:break-word}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.dash-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 18px}.dash-stat-card--primary{background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);color:#fff;border-color:transparent}.dash-stat-card--primary .dash-stat-card__label,.dash-stat-card--primary .dash-stat-card__sub{color:#ffffffd9}.dash-stat-card--primary .dash-stat-card__value{color:#fff}.dash-stat-card__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.dash-stat-card__value{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.1}.dash-stat-card__value--green{color:var(--green)}.dash-stat-card__value--red{color:var(--red)}.dash-stat-card__sub{font-size:.75rem;color:var(--text-muted);margin-top:4px}.dash-stat-card__trend{font-size:.75rem;font-weight:600;margin-top:4px}.dash-stat-card__trend--up{color:#ffffffe6}.dash-stat-card__trend--down{color:#ffc8c8f2}.dash-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px 20px}.dash-card--warning{border-color:#fde68a;background:#fffbeb}[data-theme=dark] .dash-card--warning{background:#2a2510;border-color:#3e3418}.dash-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dash-card__header h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary)}.dash-two-col{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.dash-two-col{grid-template-columns:1fr 1fr}}.earnings-chart{display:flex;gap:8px;align-items:flex-end;height:180px;padding:0 8px}.earnings-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.earnings-chart__value{font-size:.7rem;font-weight:600;color:var(--text-primary);height:16px}.earnings-chart__bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.earnings-chart__bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--green) 0%,var(--green-dark) 100%);border-radius:4px 4px 0 0;min-height:2px;transition:height .3s ease}.earnings-chart__label{font-size:.75rem;color:var(--text-muted);font-weight:600}.sites-list{display:flex;flex-direction:column;gap:8px}.site-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light)}.site-row:last-child{border-bottom:none}.site-row__info{display:flex;flex-direction:column;gap:2px}.site-row__total{color:var(--green)}.payment-card{display:block;border:2px solid var(--grey-200);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:var(--transition)}.payment-card input[type=radio]{display:none}.payment-card--selected{border-color:var(--green);background:#448a400d}.payment-card--selected.payment-card--other{border-color:var(--purple);background:#534ab70d}.payment-card--disabled{opacity:.5;cursor:not-allowed}.payment-card__content{display:flex;align-items:center;gap:14px}.payment-card__icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-card__icon--card{background:var(--green-light);color:var(--green)}.payment-card__icon--other{background:#ede9fe;color:var(--purple)}.payment-card__content strong{display:block;margin-bottom:2px}.payment-card__content p{font-size:.8rem;color:var(--text-muted)}.payment-breakdown{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.payment-bar{display:flex;border-radius:var(--radius);overflow:hidden;height:36px;background:var(--bg-page)}.payment-bar__segment{display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--white);min-width:0;transition:width .3s ease}.payment-bar__segment--card{background:var(--green)}.payment-bar__segment--other{background:var(--purple)}.payment-bar__empty{display:flex;align-items:center;justify-content:center;width:100%;color:var(--text-muted);font-size:.85rem}.payment-totals{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:.9rem}.payment-totals__item{display:flex;align-items:center;gap:8px}.payment-totals__item--total{border-top:1px solid var(--border-color);padding-top:8px;margin-top:4px;font-size:1.05rem}.payment-totals__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.payment-totals__dot--card{background:var(--green)}.payment-totals__dot--other{background:var(--purple)}.period-nav{display:flex;gap:6px}.payment-period-header{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.payment-period-header strong{font-size:1.05rem}.payment-period-header span{font-size:.85rem}.filters{display:flex;gap:8px;flex-wrap:wrap}.admin-table-wrapper{display:none;overflow-x:hidden}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;table-layout:fixed;word-break:break-word;box-shadow:var(--shadow-sm)}.admin-table thead th{background:var(--bg-hover);padding:10px 14px;text-align:left;font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid var(--border-color)}.admin-table tbody td{padding:12px 14px;font-size:.9rem;border-bottom:1px solid var(--border-light);vertical-align:middle}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-table tbody tr.row-expanded{background:#f0fdf0}.admin-table tbody tr.row-inactive{opacity:.5}.admin-table .cell-name{min-width:0}.admin-table .cell-name__name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.admin-table .cell-name__email{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-top:2px}.admin-table .cell-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-cards-mobile{display:flex;flex-direction:column;gap:10px}.detail-row td{padding:0!important}.detail-panel{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--bg-hover)}.detail-panel h4{font-size:.85rem;margin-bottom:8px;color:var(--text-secondary)}.mini-table{width:100%;border-collapse:collapse;font-size:.8rem}.mini-table th,.mini-table td{padding:4px 8px;text-align:left;border-bottom:1px solid var(--border-color)}.mini-table th{color:var(--text-muted);font-weight:600}.status-btns{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1fr;gap:16px}.detail-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.detail-section__title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;margin-bottom:12px;color:var(--green)}.detail-list{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;font-size:.9rem;padding:4px 0}.detail-item span:first-child{color:var(--text-muted)}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:16px}.calendar-nav__month{font-family:var(--font-heading);font-size:1.1rem;min-width:160px;text-align:center}.calendar-grid{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.calendar-grid__header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-hover)}.calendar-grid__day-label{padding:8px;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.calendar-grid__body{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-cell{min-height:60px;padding:6px;border:1px solid var(--grey-light);position:relative;cursor:default}.calendar-cell--empty{background:#fafafa}.calendar-cell--has-data{cursor:pointer;background:#f0fdf0}.calendar-cell--has-data:hover{background:var(--green-light)}.calendar-cell--selected{background:var(--green-light)!important;border-color:var(--green)}.calendar-cell__number{font-size:.8rem;color:var(--text-muted)}.calendar-cell__number--sunday{color:var(--green);font-weight:700}.calendar-cell__indicators{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.calendar-cell__dot{width:8px;height:8px;border-radius:50%}.calendar-cell__more{font-size:.65rem;color:var(--text-muted)}.bulk-actions{display:flex;align-items:center;gap:8px;font-size:.85rem}.action-btns{display:flex;gap:4px}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:36px;height:36px;border:3px solid var(--grey-200);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px}.empty-state p{font-size:.9rem}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8rem}.text-red{color:var(--red)}.text-green{color:var(--green)}.payment-banner{display:flex;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#e8f5e7,#f0fdf0);border:1px solid var(--green);border-radius:var(--radius-lg);align-items:flex-start}.payment-banner__icon{color:var(--green);flex-shrink:0;margin-top:2px}.payment-banner__content strong{color:var(--green-dark)}.payment-banner__content p{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.payment-banner__note{font-size:.8rem!important;color:var(--text-muted)!important;font-style:italic;margin-top:2px!important}.alert__dismiss{background:none;border:none;cursor:pointer;opacity:.5;padding:4px;flex-shrink:0}.alert__dismiss:hover{opacity:1}.alerts-section{display:flex;flex-direction:column;gap:8px}.cis-summary{display:flex;justify-content:space-between;padding:8px 10px;background:#fef3c7;border-radius:var(--radius);font-size:.85rem;margin-top:8px}.worker-cis-info{display:flex;gap:16px;padding:6px 0;font-size:.85rem;margin-top:6px}.cis-verify-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-color)}.cis-verify-section h4{font-size:.9rem;margin-bottom:8px}.cis-verify-status{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);font-size:.85rem;margin-bottom:10px}.cis-verify-status--verified{background:var(--green-light)}.cis-verify-status--unverified{background:#fef3c7}.cis-verify-buttons{display:flex;gap:6px;flex-wrap:wrap}.role-selector{display:flex;gap:4px}.role-dropdown{max-width:160px;padding:6px 10px!important;font-size:.85rem!important}.payment-date-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center}.payment-date-card--past{opacity:.5}.payment-date-card__info{display:flex;flex-direction:column;gap:2px}.payment-date-card__info strong{font-size:.95rem}.approval-pipeline{display:flex;gap:4px;align-items:center}.approval-pipeline--compact{display:grid;grid-template-columns:1fr 1fr;gap:3px}.approval-box{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;white-space:nowrap}.approval-box--complete{background:var(--green-light);color:var(--green)}.approval-box--pending{background:#fef3c7;color:#92400e}.approval-box--submitted{background:#eff6ff;color:#378add}.approval-box--waiting{background:var(--bg-page);color:var(--text-muted);border:1px solid var(--border-color)}.approval-box--queried{background:#fef2f2;color:var(--red)}.approval-box__check{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.approval-box__empty{width:8px;height:8px;border-radius:50%;border:2px solid currentColor;opacity:.5}.approval-box__pound{font-weight:800;font-size:.8rem}.approval-controls{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}.approval-controls__stages{display:flex;gap:6px;flex-wrap:wrap}.approval-checkbox{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius);border:1.5px solid var(--grey-300);background:var(--bg-card);cursor:pointer;font-size:.78rem;font-weight:600;transition:all .15s ease;color:var(--text-secondary)}.approval-checkbox:hover:not(:disabled){border-color:var(--green);background:var(--green-light)}.approval-checkbox--complete{border-color:var(--green);background:var(--green-light);color:var(--green-dark)}.approval-checkbox--complete:hover:not(:disabled){border-color:var(--green);background:#d1fae5}.approval-checkbox--pending{border-color:#fde68a;background:#fefce8;color:#92400e}.approval-checkbox--queried{border-color:var(--red);background:#fef2f2;color:var(--red)}.approval-checkbox--query-idle{border-color:var(--grey-300);background:var(--bg-card);color:var(--text-muted)}.approval-checkbox--query-idle:hover{border-color:var(--red)!important;background:#fef2f2!important;color:var(--red)!important}.approval-checkbox--disabled{opacity:.35;cursor:not-allowed}.approval-checkbox__box{width:18px;height:18px;border-radius:3px;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0}.approval-checkbox--complete .approval-checkbox__box{background:var(--green);border-color:var(--green);color:var(--white)}.approval-checkbox--queried .approval-checkbox__box{background:var(--red);border-color:var(--red);color:var(--white)}.approval-checkbox__box--query{border-radius:50%}.approval-checkbox__pound{font-weight:800;font-size:.85rem}.query-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--red);color:var(--white);font-size:.75rem;font-weight:700}.query-warning-banner{display:flex;gap:14px;padding:16px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);align-items:flex-start}.query-warning-banner__badge{width:36px;height:36px;border-radius:50%;background:var(--red);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.query-warning-banner strong{color:var(--red)}.query-warning-banner p{font-size:.85rem;color:var(--text-secondary);margin-top:2px}.period-selector{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-card);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.period-selector__center{text-align:center;flex:1;min-width:0}.period-selector__title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.period-selector__weeks{font-size:.9rem;color:var(--text-secondary);margin-bottom:4px}.period-selector__weeks strong{color:var(--green-dark)}.period-selector__cutoff{font-size:.8rem;color:var(--text-muted)}.period-selector__label{text-align:center;display:flex;flex-direction:column;gap:2px}.week-tag{display:inline-block;padding:1px 8px;background:#eff6ff;color:#378add;border-radius:10px;font-size:.75rem;font-weight:600;margin-right:4px;white-space:nowrap}.worker-group-row{cursor:pointer;transition:background .15s}.worker-group-row:hover{background:var(--bg-hover)}.worker-group-row td{white-space:nowrap;vertical-align:middle}.worker-group-row td:nth-child(1){min-width:140px}.worker-group-row td:nth-child(3){min-width:120px}.worker-group-row td:nth-child(4){white-space:normal;max-width:200px}.worker-detail-expanded{padding:16px;display:flex;flex-direction:column;gap:16px;background:var(--bg-hover)}.ts-detail-card{background:var(--bg-card);border-radius:var(--radius);padding:14px;border:1px solid var(--border-color)}.ts-detail-card__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.ts-detail-card__actions{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.ts-detail-card__actions .status-btns{margin-bottom:8px}.send-alert-section{background:var(--bg-card);border-radius:var(--radius);padding:14px;border:1px solid var(--border-color)}.send-alert-section h4{margin-bottom:8px;font-size:.9rem}.pending-users-section{background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-lg);padding:16px}.pending-user-card{background:var(--bg-card);border-radius:var(--radius);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.pending-user-card__info{display:flex;flex-direction:column;gap:2px}.pending-user-card__actions{display:flex;gap:6px;flex-shrink:0}.role-badge{display:inline-flex;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-badge--worker{background:#eff6ff;color:#378add}.role-badge--admin{background:#fef2f2;color:var(--red)}.role-badge--accountant{background:#fef3c7;color:#92400e}.role-badge--director{background:var(--green-light);color:var(--green)}.btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.my-ts-list{display:flex;flex-direction:column;gap:20px}.my-ts-month__header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:border-color .15s;margin-bottom:6px}.my-ts-month__header:hover{border-color:var(--green)}.my-ts-month__left{display:flex;align-items:center;gap:8px}.my-ts-month__header h3{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--text-primary)}.my-ts-month__count{font-size:.75rem;color:var(--text-muted)}.my-ts-month__chevron{transition:transform .2s;color:var(--text-muted);flex-shrink:0}.my-ts-month__chevron--open{transform:rotate(180deg)}.my-ts-month__total{font-weight:700;font-size:.95rem;color:var(--green)}.my-ts-month__items{display:flex;flex-direction:column;gap:6px}.my-ts-row{background:var(--bg-card);border-radius:var(--radius);padding:10px 14px;border:1px solid var(--border-color);transition:border-color .15s}.my-ts-row:hover{border-color:var(--green)}.my-ts-row--queried{border-left:3px solid var(--red)}.my-ts-row__main{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.my-ts-row__left{display:flex;flex-direction:column;gap:1px}.my-ts-row__date{font-weight:600;font-size:.9rem;color:var(--text-primary)}.my-ts-row__site{font-size:.8rem;color:var(--text-muted)}.my-ts-row__amount-block{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.my-ts-row__amount-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.my-ts-row__amount-label--due{color:var(--red)}.my-ts-row__amount-label--paid{color:var(--green)}.my-ts-row__amount{font-weight:700;font-size:1.05rem}.my-ts-row__amount--due{color:var(--red)}.my-ts-row__amount--paid{color:var(--green)}.my-ts-row__actions{display:flex;gap:6px;margin-left:auto}.my-ts-row__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.my-ts-row__field{display:flex;align-items:center;gap:5px}.my-ts-row__label{font-size:.75rem;color:var(--text-muted);font-weight:600}.my-ts-row__meta .btn{margin-left:auto}.my-ts-row__query{display:flex;align-items:flex-start;gap:6px;margin-top:8px;padding:8px 10px;border-radius:var(--radius-sm);font-size:.82rem}[data-theme=dark] .my-ts-row__query{background:#2d1515;color:#f0a0a0}.my-ts-row__query{background:#fef2f2;color:var(--red)}.my-ts-row__paydate{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;border-radius:var(--radius-sm);font-size:.78rem;background:#eff6ff;color:#1e5a9e;border:1px solid #bfdbfe}.my-ts-row__paydate--paid{background:var(--green-light);color:var(--green);border-color:#448a404d}[data-theme=dark] .my-ts-row__paydate{background:#151e2e;color:#6aa4e0;border-color:#1e3a5f}[data-theme=dark] .my-ts-row__paydate--paid{background:#1a2e18;color:#80c480;border-color:#2a4a28}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modal-fade-in .15s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;max-width:480px;width:100%;box-shadow:var(--shadow-lg);animation:modal-pop .2s ease-out}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.modal__text{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.modal__details{background:var(--bg-page);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.modal__warning{background:#fef3c7;color:#92400e;padding:8px 12px;border-radius:var(--radius-sm);font-size:.82rem;margin-bottom:16px}[data-theme=dark] .modal__warning{background:#2a2510;color:#d4a54a}.modal__actions{display:flex;gap:10px;justify-content:flex-end}.modal__actions .btn{min-width:100px}@media (max-width: 640px){.my-ts-row__meta{flex-direction:column;align-items:flex-start;gap:6px}.my-ts-row__actions{margin-left:0;align-self:flex-end}}@media (min-width: 640px){.form-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(4,1fr)}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid .detail-section:last-child{grid-column:1 / -1}}@media (min-width: 768px){.payment-options{flex-direction:row}.payment-card{flex:1}}@media (min-width: 1024px){.sidebar{transform:translate(0)}.sidebar-overlay{display:none}.main-content{margin-left:var(--sidebar-width)}.topbar{display:none}.main-area{padding:28px 32px}.admin-table-wrapper{display:block}.admin-cards-mobile{display:none}.detail-grid{grid-template-columns:1fr 1fr 1fr}.detail-grid .detail-section:last-child{grid-column:auto}}@media (max-width: 600px){.photo-section{flex-direction:column;align-items:center;text-align:center;gap:14px;padding:18px 16px}.photo-section__info{width:100%}.photo-section__actions{justify-content:center}.my-photo-display{flex-direction:column;align-items:center;text-align:center;gap:12px;padding:16px}.my-photo-display>div:last-child{width:100%}.page-header__title{font-size:1.25rem}.name-edit{width:100%;gap:6px}.name-edit__input{max-width:none;flex:1 1 100%;min-width:0}.name-edit>.btn{flex:1 1 calc(50% - 3px);justify-content:center}.name-view{flex-wrap:wrap;max-width:100%;min-width:0}.name-view>span:first-child{word-break:break-word;overflow-wrap:break-word;min-width:0}.page-header__actions{width:100%;flex-wrap:wrap}.page-header__actions .action-btns{flex-wrap:wrap;width:100%}.page-header__actions .btn{flex:0 1 auto}}@media (max-width: 380px){.photo-section__avatar{width:88px;height:88px}.photo-section__placeholder{font-size:2.2rem}.my-photo-display__avatar{width:64px;height:64px}.my-photo-display__placeholder{font-size:1.8rem}.page-header__title{font-size:1.15rem}}@media (min-width: 601px) and (max-width: 834px){.photo-section{padding:18px;gap:16px}}.timesheet-card--admin .timesheet-card__clickable{display:flex;flex-direction:column;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.timesheet-card__name{word-break:break-word;overflow-wrap:break-word}.timesheet-card__trade{display:inline}.timesheet-card__chevron{flex-shrink:0;color:var(--text-muted);display:inline-flex;align-items:center;transition:transform .2s}.timesheet-card--expanded .timesheet-card__chevron{transform:rotate(180deg)}.timesheet-card__row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.timesheet-card__row .timesheet-card__amount{margin-left:auto}.admin-table .action-btns{flex-wrap:wrap;justify-content:flex-end}.admin-table td .text-sm{word-break:break-word}@media (min-width: 768px) and (max-width: 1023px){.admin-table{table-layout:auto}.admin-table th,.admin-table td{padding:8px 6px;font-size:.85rem}.admin-table .action-btns{flex-wrap:wrap;gap:3px}.admin-table .action-btns .btn--sm{padding:4px 6px}.admin-table td:first-child{min-width:0;word-break:break-word}.admin-table td:first-child strong{display:inline-block;max-width:100%;word-break:break-word}}@media (max-width: 767px){.timesheet-card__details{flex-wrap:wrap;gap:6px}.timesheet-card__top{align-items:flex-start}.filters{flex-direction:column;gap:8px}.filters>*{width:100%}}.ts-detail-card .mini-table{font-size:.78rem}.ts-detail-card .mini-table th,.ts-detail-card .mini-table td{padding:4px 6px}.period-totals-wrap{margin-bottom:16px}.period-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.period-totals__bar{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid transparent;min-width:0}.period-totals__head{display:flex;align-items:center;gap:12px;min-width:0}.period-totals__icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.period-totals__body{flex:1;min-width:0}.period-totals__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;line-height:1.2}.period-totals__sub{font-size:.72rem;margin-top:2px}.period-totals__amount{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);flex-shrink:0;white-space:nowrap}.period-totals__progress{height:6px;border-radius:3px;overflow:hidden;position:relative}.period-totals__progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:3px;transition:width .4s ease}.period-totals__split{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;gap:8px;flex-wrap:wrap}.period-totals__paid{color:#2d6329;font-weight:600}[data-theme=dark] .period-totals__paid{color:#97c459}.period-totals__outstanding{color:#8a5810;font-weight:600}[data-theme=dark] .period-totals__outstanding{color:#ef9f27}.period-totals__count{opacity:.7;font-weight:500;margin-left:2px}.period-totals__strip{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 14px;background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.85rem;flex-wrap:wrap;gap:8px}.period-totals__strip strong{color:var(--text-primary);margin-left:6px}.period-totals__strip-right{display:flex;gap:16px;flex-wrap:wrap}.period-totals__bar--bank{background:#e8f4e6;border-color:#448a4059}.period-totals__bar--bank .period-totals__icon{background:#448a40}.period-totals__bar--bank .period-totals__label{color:#2d6329}.period-totals__bar--bank .period-totals__sub{color:#448a40}.period-totals__bar--bank .period-totals__progress{background:#448a402e}.period-totals__progress-fill--bank{background:#448a40}[data-theme=dark] .period-totals__bar--bank{background:#132b10;border-color:#448a40}[data-theme=dark] .period-totals__bar--bank .period-totals__label,[data-theme=dark] .period-totals__bar--bank .period-totals__sub{color:#97c459}.period-totals__bar--other{background:#ecebf6;border-color:#534ab759}.period-totals__bar--other .period-totals__icon{background:#534ab7}.period-totals__bar--other .period-totals__label{color:#3a3380}.period-totals__bar--other .period-totals__sub{color:#534ab7}.period-totals__bar--other .period-totals__progress{background:#534ab72e}.period-totals__progress-fill--other{background:#534ab7}[data-theme=dark] .period-totals__bar--other{background:#1c1a3a;border-color:#534ab7}[data-theme=dark] .period-totals__bar--other .period-totals__label,[data-theme=dark] .period-totals__bar--other .period-totals__sub{color:#9089d8}@media (max-width: 600px){.period-totals{grid-template-columns:1fr;gap:10px}.period-totals__bar{padding:12px 14px}.period-totals__amount{font-size:1.1rem}.period-totals__strip{flex-direction:column;align-items:flex-start}}.admin-table tbody tr.row-paid{background:#448a400f;border-left:3px solid #448a40}.admin-table tbody tr.row-paid:hover{background:#448a401a}[data-theme=dark] .admin-table tbody tr.row-paid{background:#97c45912;border-left:3px solid #448a40}[data-theme=dark] .admin-table tbody tr.row-paid:hover{background:#97c4591f}.payment-pills{display:inline-flex;flex-wrap:nowrap;gap:4px;align-items:center}.edited-badge--sm{margin-left:0;margin-top:3px;padding:0 5px;font-size:.55rem;letter-spacing:.4px;line-height:1.5;display:inline-block}.week-cell{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 6px}.week-cell__item-wrap{display:inline-flex;align-items:center;gap:6px}.week-cell__item{display:inline-flex;flex-direction:column;align-items:center;gap:0}.week-cell__sep{color:var(--text-muted);font-size:.75rem}.owed-tile{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;border-radius:8px;border:1px solid;min-width:0;white-space:nowrap}.owed-tile__main{display:flex;flex-direction:column;min-width:0}.owed-tile__label{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;line-height:1.2;white-space:nowrap}.owed-tile__amount{font-family:var(--font-heading);font-size:.95rem;font-weight:700;line-height:1.2;white-space:nowrap}.owed-tile__breakdown{font-size:.7rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.owed-tile--owed{background:#ba75171a;border-color:#ba751766}.owed-tile--owed .owed-tile__label{color:#8a5810}.owed-tile--owed .owed-tile__amount{color:#ba7517}[data-theme=dark] .owed-tile--owed{background:#ef9f271a;border-color:#ef9f2773}[data-theme=dark] .owed-tile--owed .owed-tile__label,[data-theme=dark] .owed-tile--owed .owed-tile__amount{color:#ef9f27}.owed-tile--paid{background:#448a402e;border-color:#448a4080}.owed-tile--paid .owed-tile__label{color:#2d6329}.owed-tile--paid .owed-tile__amount{color:var(--text-primary)}[data-theme=dark] .owed-tile--paid{background:#97c4592e;border-color:#97c45980}[data-theme=dark] .owed-tile--paid .owed-tile__label{color:#97c459}.owed-tile--queried{background:#a32d2d1a;border-color:#a32d2d66}.owed-tile--queried .owed-tile__label{color:#791f1f}.owed-tile--queried .owed-tile__amount{color:#a32d2d}[data-theme=dark] .owed-tile--queried{background:#f095951a;border-color:#f0959566}[data-theme=dark] .owed-tile--queried .owed-tile__label,[data-theme=dark] .owed-tile--queried .owed-tile__amount{color:#f09595}.ts-detail-card--paid{background:#448a400f;border-left:3px solid #448a40}[data-theme=dark] .ts-detail-card--paid{background:#97c45912}.paid-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:600;font-family:var(--font-sans);border:1px solid;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .05s;-webkit-tap-highlight-color:transparent}.paid-status-pill:hover:not(:disabled){filter:brightness(1.1)}.paid-status-pill:active:not(:disabled){transform:scale(.97)}.paid-status-pill:disabled{cursor:not-allowed;opacity:.7}.paid-status-pill__icon{font-size:.85rem;line-height:1;display:inline-flex;align-items:center}.paid-status-pill--outstanding{background:#ba751726;color:#ba7517;border-color:#ba751780}[data-theme=dark] .paid-status-pill--outstanding{background:#ef9f2726;color:#ef9f27;border-color:#ef9f2780}.paid-status-pill--paid,.paid-status-pill--paid-bank{background:#448a402e;color:#2d6329;border-color:#448a408c}[data-theme=dark] .paid-status-pill--paid,[data-theme=dark] .paid-status-pill--paid-bank{background:#97c4592e;color:#97c459;border-color:#97c4598c}.paid-status-pill--paid-other{background:#534ab72e;color:#3a3380;border-color:#534ab78c}[data-theme=dark] .paid-status-pill--paid-other{background:#a094e62e;color:#a791f4;border-color:#a094e68c}.paid-status-pill--queried{background:#a32d2d26;color:#a32d2d;border-color:#a32d2d80}[data-theme=dark] .paid-status-pill--queried{background:#f0959526;color:#f09595;border-color:#f0959580}.paid-status-pill-wrap{display:inline-flex}.paid-status-pill-picker{display:inline-flex;gap:4px;animation:paid-pill-picker-in .12s ease-out}.paid-status-pill--picker-option{padding:4px 10px;font-size:.72rem}@keyframes paid-pill-picker-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.total-cell{display:flex;flex-direction:column;gap:2px}.total-cell__breakdown{font-size:.7rem;color:var(--text-muted);font-weight:400;white-space:nowrap}.week-pills{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.week-pills__item{display:flex;flex-direction:column;gap:3px;align-items:center}.week-pills__date{font-size:.6rem;color:var(--text-muted);font-weight:600;letter-spacing:.3px;text-transform:uppercase;line-height:1}.week-pills__missing{font-size:.85rem;color:var(--text-muted);padding:4px 12px;border-radius:20px;border:1px dashed var(--border-color);opacity:.5}.week-pills--mobile{flex-direction:column;gap:6px;align-items:flex-end}.week-pills--mobile .week-pills__item{flex-direction:row;gap:6px;align-items:center}.week-pills--mobile .week-pills__date{font-size:.65rem}@media (max-width: 600px){.week-pills{width:100%;justify-content:flex-end}}.mini-table__totals td{border-top:1.5px solid var(--border-color)!important;padding-top:6px!important}