:root{--ink:#182438;--muted:#6d7a8e;--subtle:#f5f7fa;--line:#e4eaf1;--white:#fff;--primary:#2554c7;--primary-dark:#153c9e;--light-blue:#ecf3ff;--mint:#e6f7ee;--mint-ink:#166f4d;--amber:#fff5de;--amber-ink:#916308;--shadow:0 4px 22px rgba(26,41,67,.04)}
*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,33px);letter-spacing:-.9px;line-height:1.18;margin-bottom:8px}h2{font-size:23px;letter-spacing:-.4px;margin-bottom:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:82px;background:#fff;border-bottom:1px solid var(--line);padding:14px max(calc((100vw - 1200px)/2),28px);display:flex;align-items:center;gap:44px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.7px;color:var(--ink);line-height:1.05}.brand:hover{text-decoration:none}.brand-symbol{font-size:31px;color:var(--primary)}.brand-light{color:var(--primary)}.brand small{display:block;color:#8390a3;font-weight:700;font-size:8px;letter-spacing:2px;margin-top:6px}.desktop-nav{display:flex;align-items:center;gap:7px;margin-right:auto}.desktop-nav a{border-radius:9px;color:#657388;padding:10px 15px;font-weight:650}.desktop-nav a:hover,.desktop-nav a.active{background:#edf3fe;color:#1846ab;text-decoration:none}.user-panel{display:flex;align-items:center;gap:10px}.user-avatar{background:#e8efff;color:var(--primary);border-radius:50%;display:inline-flex;width:37px;height:37px;align-items:center;justify-content:center;font-weight:750}.user-name{font-weight:700;font-size:13px;line-height:1.2}.user-name small{display:block;color:var(--muted);font-weight:450;margin-top:3px}.link-button{background:none;border:0;padding:7px;color:var(--muted);cursor:pointer;margin-left:6px}.mobile-nav{display:none}.page{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:38px 0 60px;flex:1}.footer{font-size:12px;color:#8d98a8;margin:0 auto;width:min(1200px,calc(100% - 48px));display:flex;justify-content:space-between;padding:23px 0 28px;border-top:1px solid var(--line)}.page-header{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:27px}.page-header .muted{margin-bottom:0}.muted{color:var(--muted)}.eyebrow{font-weight:800;font-size:11px;letter-spacing:1.6px;color:#3564bc;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:9px;border:1px solid transparent;cursor:pointer;font-size:13px;font-weight:750;min-height:39px;white-space:nowrap;font-family:inherit}.btn:hover{text-decoration:none;filter:brightness(.975)}.btn-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);color:#fff}.btn-soft{background:#eaf0ff;color:#2554c7}.btn-secondary{background:#fff;color:#425168;border-color:#dbe3ed}.btn-icon{padding:0 14px;min-height:38px;font-size:25px;background:#fff;color:#314e7b;border-color:#e2e8f0}.btn-danger{background:#fff0f0;color:#b42331;border-color:#ffd7da}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.small{padding:7px 11px;min-height:31px;font-size:12px}.full{width:100%}.toolbar{background:#fff;padding:15px 20px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:13px;margin-bottom:23px}.toolbar label{font-size:13px;font-weight:700;color:#5c6b7f}.toolbar select{min-width:215px}.toolbar-spacer{flex:1}.quiet-link{font-size:13px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 23px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 21px;min-height:138px;box-shadow:var(--shadow)}.stat-label{color:#65758b;font-size:12px;font-weight:750;margin-bottom:14px}.stat-value{font-size:27px;font-weight:800;letter-spacing:-1px;margin-bottom:6px;white-space:nowrap}.stat small{display:block;color:#8693a4;font-size:11px;line-height:1.5}.status-line{margin-bottom:14px;margin-top:1px;min-height:25px}.pill{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:750;white-space:nowrap}.pill.paid,.pill.active{background:#def6e9;color:#13744c}.pill.unpaid{background:#fff1d9;color:#966100}.pill.inactive{background:#f0f1f3;color:#697180}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.calendar-panel{overflow:hidden}.calendar-top{padding:24px 25px 10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.calendar-top .eyebrow{margin-bottom:4px}.calendar-tools{display:flex;gap:7px;align-items:center}.legend{padding:10px 25px 18px;display:flex;gap:20px;font-size:11px;color:#718096;flex-wrap:wrap}.legend>span{display:inline-flex;align-items:center;gap:7px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-rota{background:#779ff4}.dot-att{background:#28a97d}.dot-paid{background:#8593a5}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line)}.weekday{padding:13px 7px;text-align:center;color:#8694a6;font-size:11px;font-weight:800;background:#f9fbfd;text-transform:uppercase;letter-spacing:.7px}.calendar-cell{min-height:137px;border-right:1px solid var(--line);border-top:1px solid var(--line);padding:10px 8px;overflow:hidden;display:flex;flex-direction:column;gap:6px}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.outside{background:#fbfcfd}.calendar-cell.outside .day-number{color:#c4ced8}.day-head{display:flex;justify-content:space-between;align-items:center;height:26px}.day-number{font-weight:750;font-size:13px;display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;border-radius:50%}.today .day-number{color:#fff;background:var(--primary)}.lock-icon{font-size:11px}.event{font-size:11px;font-weight:730;padding:4px 6px;border-radius:5px;display:flex;align-items:center;gap:5px;overflow:hidden}.event span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-rota{color:#2859ab;background:#ebf2ff}.event-att{color:#116e55;background:#e7f8ef}.day-links{margin-top:auto;display:flex;gap:9px;flex-wrap:wrap;font-size:10px;font-weight:750}.day-links a{white-space:nowrap}.help{color:#8290a1;font-size:12px;line-height:1.65;margin:17px 0 0}.calendar-help{margin-top:16px}.alert{padding:13px 17px;border-radius:9px;margin-bottom:20px;border:1px solid transparent}.alert-success{background:#e8f8ee;color:#186b48;border-color:#c8e8d6}.alert-error{background:#fff0f0;color:#a42a31;border-color:#ffcfd0}.alert-warning{background:#fff6e3;border-color:#f4dfb1;color:#835b15}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#8592a3;font-weight:800;background:#fafcfe}th,td{padding:16px 17px;border-bottom:1px solid #eaf0f5;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td{font-size:13px;color:#56657b}td strong{color:#26354a}td.actions{white-space:nowrap;display:flex;gap:13px}td.actions a{font-weight:700}.table-small{margin-top:4px;color:#93a0af;font-size:11px}.nowrap{white-space:nowrap}.form-panel{padding:28px;max-width:900px}.form-panel.narrow{max-width:560px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;margin-bottom:22px}.form-grid .wide{grid-column:1/-1}label{display:block;font-size:12px;font-weight:750;color:#536176}input,select,textarea{font:inherit;color:#243449;background:#fff;border:1px solid #dbe3ed;border-radius:8px;min-height:42px;padding:9px 11px;width:100%;margin-top:7px}input:focus,textarea:focus,select:focus{outline:2px solid #c8dcff;border-color:var(--primary)}input:disabled,textarea:disabled{background:#f1f3f6;color:#8f99a9}textarea{resize:vertical}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.shift-reference{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#ecf3ff;color:#365b9b;padding:12px 15px;margin-bottom:25px;border-radius:8px;font-size:13px}.date-form{display:flex;gap:12px;align-items:flex-end}.date-form label{min-width:165px}.date-form input{margin-top:3px}.audit-detail{min-width:280px;max-width:580px;white-space:normal;overflow-wrap:anywhere;font-size:12px}.error-panel{padding:35px}.login-page{display:flex;justify-content:center;align-items:flex-start;padding-top:85px}.login-card{background:#fff;border:1px solid var(--line);box-shadow:0 14px 56px rgba(24,39,65,.09);border-radius:16px;padding:39px;width:min(100%,430px)}.login-card h1{font-size:32px}.login-card .muted{margin:0 0 24px}.form-stack{display:flex;flex-direction:column;gap:18px}.login-card .help{text-align:center;margin-top:22px}
@media(max-width:980px){.topbar{padding-left:20px;padding-right:20px;gap:12px}.desktop-nav{gap:0}.desktop-nav a{padding:9px}.stats{grid-template-columns:repeat(2,1fr)}.calendar-cell{min-height:125px}.page{width:calc(100% - 32px)}}
@media(max-width:680px){.topbar{min-height:72px}.desktop-nav{display:none}.mobile-nav{display:flex;background:#fff;border-bottom:1px solid var(--line);gap:16px;overflow-x:auto;padding:11px 16px;font-size:12px;font-weight:750;white-space:nowrap}.user-panel{margin-left:auto}.user-name{display:none}.user-avatar{width:29px;height:29px}.link-button{font-size:11px;margin:0;padding:4px}.page{padding-top:22px}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:17px;gap:14px}.page-header .btn{align-self:flex-start}.stats{gap:9px}.stat{padding:14px;min-height:124px}.stat-label{font-size:11px;margin-bottom:11px}.stat-value{font-size:22px}.stat small{font-size:10px}.toolbar{padding:13px;flex-wrap:wrap;gap:10px}.toolbar select{min-width:0;max-width:100%;flex:1}.filterbar label{width:100%}.quiet-link{display:none}.calendar-top{padding:17px 11px 9px}.calendar-tools .btn{min-height:32px}.legend{padding:10px 11px 15px;gap:13px}.weekday{padding:8px 1px;font-size:9px}.calendar-cell{padding:5px 3px;min-height:96px;gap:4px}.day-number{font-size:11px;width:21px;height:21px}.lock-icon{font-size:9px}.event{font-size:9px;padding:3px;line-height:1.25;gap:2px}.day-links{gap:5px;font-size:9px}.day-links a{white-space:normal}.form-panel{padding:18px}.form-grid{grid-template-columns:1fr;gap:14px}.form-grid .wide{grid-column:auto}.date-form{width:100%}.period-bar .toolbar-spacer{display:none}.period-bar strong{font-size:12px}.login-page{padding-top:45px}.login-card{padding:28px}.footer{width:calc(100% - 32px)}}
@media(max-width:380px){.event span{font-size:8px}.calendar-cell{min-height:89px}.day-links{font-size:8px}.stat-value{font-size:19px}}

.live-hours{background:#f1f6ff;border:1px solid #dce8ff;padding:12px 14px;border-radius:8px;color:#2e58a1;font-weight:800;font-size:14px;margin-top:10px}

/* HADFIELDS branded header and technical administration pages */
.brand{flex-shrink:0;line-height:1}.brand-logo{display:block;width:295px;max-width:40vw;height:auto}.topbar{gap:18px}.desktop-nav a{padding:10px 11px}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-tile{display:flex;flex-direction:column;gap:8px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);color:var(--ink)}.feature-tile:hover{border-color:#e5b76a;text-decoration:none}.feature-tile strong{font-size:17px;color:#142c3c}.feature-tile span{color:var(--muted);font-size:13px}.top-space{margin-top:25px}.callout{padding:14px 16px;border-radius:9px;border:1px solid #dbe5eb;background:#f6fafc;margin-bottom:17px;font-size:13px}
@media(max-width:980px){.brand-logo{width:224px}.topbar{gap:10px}}
@media(max-width:680px){.brand-logo{width:188px;max-width:53vw}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-tile{padding:18px}.top-space{margin-top:14px}}

:root{--primary:#205368;--primary-dark:#123848;--light-blue:#eaf3f5}
.desktop-nav a:hover,.desktop-nav a.active{background:#edf5f6;color:#1d5365}
@media(min-width:681px) and (max-width:1100px){.topbar{flex-wrap:wrap}.desktop-nav{order:3;width:100%;justify-content:center}.user-panel{margin-left:auto}.brand-logo{max-width:none}}

/* v2 reporting centre: offline native charts, export buttons, print layouts */
.report-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.report-filters{padding:20px;margin-bottom:23px}
.report-filter-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.5fr auto;gap:13px;align-items:end}
.report-filter-grid label{display:flex;flex-direction:column;gap:5px;color:#536477;font-size:12px;font-weight:750}
.report-filter-grid select,.report-filter-grid input{width:100%;border:1px solid #d8e2ec;border-radius:8px;background:white;padding:10px 10px;min-height:40px;font:inherit;color:var(--ink)}
.report-help{margin:10px 0 0}
.report-period-line,.report-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 16px}
.report-period-line{margin-top:14px}.report-period-line .eyebrow{margin-bottom:2px}
.report-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px;margin-bottom:18px}
.report-chart{padding:23px;min-width:0}.report-chart h2{font-size:20px}.report-chart .eyebrow{margin-bottom:3px}
.report-section{margin-top:27px}.report-stats{margin-bottom:18px}.report-stats .stat{min-height:131px}
.small-text{font-size:12px}.chart-legend{display:flex;gap:15px;color:#637186;font-size:12px;margin:14px 0;flex-wrap:wrap}
.legend-square{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}
.work-square{background:#205e74}.planned-square{background:#b0c6d9}.unpaid-square{background:#f2bf66}
.staff-bar-item{margin:15px 0}.staff-bar-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:650}
.dual-bars{display:grid;gap:4px;margin:7px 0}.bar-track{height:9px;background:#eff3f7;border-radius:20px;overflow:hidden}.bar-fill{display:block;height:100%;border-radius:20px;max-width:100%}.work-bar{background:#205e74}.planned-bar{background:#b0c6d9}
.report-big-number{font-size:55px;letter-spacing:-2px;font-weight:800;margin:16px 0 6px;color:#205e74}
.pay-split{background:#f2bf66;height:15px;width:100%;border-radius:20px;overflow:hidden}.pay-split span{display:block;height:100%;background:#205e74}
.payment-breakdown{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0;font-weight:750;font-size:13px}.payment-breakdown small{display:block;margin-left:15px;color:#718096;font-weight:500}
.soft-divider{border:0;border-top:1px solid var(--line);margin:20px 0}.report-review{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.report-review strong{font-size:25px}
.report-trend{margin-top:0}.trend-bars{height:215px;display:flex;align-items:stretch;gap:12px;border-bottom:1px solid #dce5ee;padding:12px 5px 0;overflow-x:auto}
.trend-column{flex:1;min-width:45px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end}.trend-column strong{font-size:11px;margin-top:5px}.trend-column small{font-size:10px;color:#78879a;white-space:nowrap}
.trend-bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:156px;width:100%}.trend-bar-pair div{width:21%;min-height:1px;border-radius:4px 4px 0 0}.trend-bar-work{background:#205e74}.trend-bar-plan{background:#b0c6d9}
.report-disclaimer{padding:12px 0;border-top:1px solid var(--line);margin-top:30px}.statement-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px;margin-bottom:19px}.statement-heading h2{font-size:24px}.statement-heading p{margin:8px 0 0}.statement-status{text-align:right;display:grid;gap:8px;justify-items:end}.statement-status small{font-size:12px;color:var(--muted)}
.statement-period{margin-top:5px}
.report-section tfoot th{border-top:2px solid #adc6d3;background:#f1f6f8}
@media(max-width:1100px){.report-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}}
@media(max-width:680px){.report-actions{justify-content:flex-start}.report-filter-grid{grid-template-columns:1fr 1fr}.report-filter-grid label:first-child,.report-filter-grid label:nth-child(5){grid-column:span 2}.report-filter-grid button{grid-column:span 2}.report-period-line{align-items:flex-start;flex-direction:column}.report-chart{padding:18px}.report-big-number{font-size:42px}.statement-heading{flex-direction:column;align-items:flex-start}.statement-status{justify-items:start;text-align:left}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.report-stats .stat-value{font-size:20px}}
@media print{*{box-shadow:none!important}body{background:white;font-size:11px;color:#172536}.topbar{border:0;padding:5px 0;min-height:0}.brand-logo{width:225px;max-width:none}.desktop-nav,.mobile-nav,.user-panel,.no-print,.footer,.report-filters,.report-actions{display:none!important}.page{width:100%;max-width:none;margin:0;padding:10px 0}.page-header{margin:7px 0 16px}.page-header h1{font-size:23px}.stats{grid-template-columns:repeat(4,1fr);gap:8px}.stat{min-height:85px;padding:10px}.stat-value{font-size:18px}.stat-label{font-size:10px;margin:0 0 8px}.panel{border:1px solid #dbe3e9}.report-grid{grid-template-columns:1fr 1fr;gap:8px}.report-chart{padding:10px}.report-section,.report-chart{break-inside:avoid}.report-section{margin-top:14px}.report-trend{break-inside:avoid}.table-container{overflow:visible}table{font-size:9px;width:100%}th,td{padding:5px!important;white-space:normal!important}.table-small{font-size:8px}.report-disclaimer{font-size:9px}.statement-heading{padding:10px}.trend-bars{height:150px}.trend-bar-pair{height:105px}.report-period-line h2{font-size:16px}}