:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--card-bg:#ffffffd6;--card-border:#0f172a14;--shadow:0 18px 48px #0f172a14;--text-soft:#475569;--blue:#1244a6;--blue-strong:#0a3b92;--green:#197d50;--amber:#b7791f;--rose:#b43445;background:radial-gradient(circle at 0 0,#ffc67059,#0000 28%),radial-gradient(circle at 100% 100%,#22c55e33,#0000 24%),linear-gradient(160deg,#f7f4ee 0%,#f6fbff 46%,#eef6ee 100%);font-family:Segoe UI,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#0f172a}button,input,select,textarea{font:inherit}input,select,textarea{background:#ffffffeb;border:1px solid #d9e0ea;border-radius:16px;width:100%;padding:.9rem 1rem}textarea{resize:vertical}.loading-screen,.login-screen{min-height:100vh;padding:3rem}.login-screen{grid-template-columns:1.15fr 1fr;align-items:center;gap:2rem;display:grid}.login-hero,.hero-panel{color:#fff;box-shadow:var(--shadow);background:linear-gradient(150deg,#072258f5,#0f4692e0);border-radius:32px;padding:2rem}.login-hero h1,.hero-panel h1{margin:.35rem 0 .75rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.eyebrow{text-transform:uppercase;letter-spacing:.12em;opacity:.8;font-size:.8rem;display:inline-block}.login-grid,.tile-grid,.hero-grid,.summary-grid,.queue-grid{gap:1rem;display:grid}.login-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.login-column,.login-form{gap:1rem;display:grid}.login-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.login-stat-row>div{background:#ffffff1a;border-radius:22px;gap:.2rem;padding:1rem;display:grid}.login-stat-row strong{font-size:1.5rem}.credential-card{text-align:left;cursor:pointer;background:#ffffffbf;border:1px solid #0f172a14;border-radius:20px;gap:.35rem;padding:1rem;display:grid}.credential-card small{color:var(--blue-strong);font-weight:700}.error-text{color:#b91c1c;margin:0;font-weight:700}.app-shell{grid-template-columns:290px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffa6;border-right:1px solid #0f172a14;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.brand-block{display:block}.brand-block strong{letter-spacing:.02em;color:#17325d;font-size:2.2rem;line-height:1;display:block}.brand-block p{color:#8091b1;margin:.45rem 0 0;font-size:1rem}.brand-block small{color:#ff9800;margin-top:.55rem;font-size:.95rem;display:block}.sidebar-nav{gap:.5rem;display:grid}.nav-item{color:#1e293b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:18px;align-items:center;gap:.85rem;padding:.95rem 1rem;display:flex}.nav-item.active{color:#fff;background:linear-gradient(135deg,#1244a6f2,#1f5dc2e6);box-shadow:0 14px 30px #1244a638}.sidebar-footer{gap:1rem;margin-top:auto;display:grid}.profile-chip{background:#ffffffbf;border-radius:22px;align-items:center;gap:.9rem;padding:1rem;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#f97316,#f59e0b);border-radius:16px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.profile-chip p{color:var(--text-soft);margin:.2rem 0 0;font-size:.9rem}.content{padding:1.6rem}.view-stack{gap:1.25rem;display:grid}.split-grid,.capture-layout{grid-template-columns:1.2fr 1fr;gap:1rem;display:grid}.hero-panel{grid-template-columns:1.5fr 1fr;gap:1rem;display:grid}.hero-panel.compact{grid-template-columns:1.6fr .8fr}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-mini-card{background:#ffffff14;border-radius:24px;align-content:start;gap:.35rem;padding:1rem;display:grid}.hero-mini-card small{opacity:.78}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:28px;padding:1.25rem}.card-header{margin-bottom:1rem}.card-header h3{margin:0;font-size:1.05rem}.card-header p,.card p,.field span,.field small,.list-row p,.list-row small{color:var(--text-soft)}.field{gap:.45rem;display:grid}.field span{font-size:.88rem;font-weight:600}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:.55rem;padding:.9rem 1.15rem;font-weight:700;transition:transform .18s,opacity .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--blue), #1b63cc)}.btn-secondary{color:#0f172a;background:#e7eef7}.btn-ghost{color:#1e293b;background:#ffffff73}.btn-danger{color:#fff;background:linear-gradient(135deg,#b91c1c,#dc2626)}.inline-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.toolbar-row{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.search-field{background:#ffffffeb;border:1px solid #d9e0ea;border-radius:18px;align-items:center;gap:.6rem;min-width:280px;padding:0 1rem;display:flex}.search-field.compact{min-width:220px;margin-bottom:0}.search-field input{background:0 0;border:none;padding-inline:0}.search-field input:focus{outline:none}.address-autocomplete{position:relative}.address-loader{color:var(--blue);position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.address-suggestions{z-index:30;box-shadow:var(--shadow);background:#fff;border:1px solid #d9e0ea;border-radius:18px;position:absolute;top:calc(100% + .45rem);left:0;right:0;overflow:hidden}.address-suggestions button{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #0f172a0f;gap:.2rem;width:100%;padding:.8rem 1rem;display:grid}.address-suggestions button:hover{background:#f4f8ff}.address-suggestions button:last-child{border-bottom:none}.address-suggestions strong,.address-suggestions small{display:block}.address-suggestions small{color:var(--text-soft)}.segmented-control{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.segmented-item{cursor:pointer;background:#e7eef7e6;border:none;border-radius:999px;padding:.7rem 1rem;font-weight:700}.segmented-item.active{background:linear-gradient(135deg, var(--blue), #1b63cc);color:#fff}.stat-card p,.summary-grid span{margin:0;font-size:.9rem}.stat-card strong{margin-top:.4rem;font-size:2rem;display:block}.stat-blue{background:linear-gradient(#1e71ff1f,#ffffffe0)}.stat-green{background:linear-gradient(#22c55e21,#ffffffe0)}.stat-amber{background:linear-gradient(#fbbf2429,#ffffffe0)}.stat-rose{background:linear-gradient(#f43f5e26,#ffffffe0)}.list-stack{gap:.8rem;display:grid}.list-row,.queue-item,.tile-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.list-row{background:#ffffffa6;border-radius:20px;padding:1rem}.row-meta,.row-actions{justify-items:end;gap:.4rem;display:grid}.status-pill{letter-spacing:.03em;border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.72rem;font-weight:800;display:inline-flex}.status-pill.ok{color:#166534;background:#bbf7d0e6}.status-pill.warn{color:#9a3412;background:#fed7aaf2}.queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-item{background:#f7fafce6;border-radius:20px;padding:1rem}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile-card h3,.empty-state h3{margin:0}.capture-card{background:#ffffffa3;border-radius:24px;gap:1rem;padding:1rem;display:grid}.capture-title{align-items:center;gap:.6rem;display:flex}.video-frame,.preview-image{object-fit:cover;background:#dbe7f4;border-radius:22px;width:100%;min-height:220px}.upload-button{cursor:pointer;background:#e7eef7;border-radius:18px;align-items:center;gap:.45rem;padding:.9rem 1rem;font-weight:700;display:inline-flex}.geo-copy{margin:0}.punch-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.feedback-line{color:var(--blue-strong);margin:.5rem 0 0;font-weight:700}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.summary-grid>div{background:#fff9;border-radius:20px;gap:.35rem;padding:1rem;display:grid}.summary-grid strong{font-size:1.15rem}.empty-state{text-align:center;padding-block:2rem}.mini-panel{background:#fff9;border-radius:20px;padding:1rem}.holerite-selected{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.holerite-preview{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:1rem;display:grid}.payslip-document{color:#0f172a;background:#fff;border:1px solid #0f172a1f;border-radius:18px;gap:1rem;padding:1.25rem;display:grid}.payslip-document-header,.payslip-info-grid{gap:1rem;display:grid}.payslip-document-header{border-bottom:1px solid #0f172a1f;grid-template-columns:1fr auto;align-items:start;padding-bottom:1rem}.payslip-document-header p,.payslip-document-header small,.payslip-info-grid p{color:#64748b;margin:.2rem 0 0}.payslip-document-header span,.payslip-info-grid span{color:#64748b;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:800;display:block}.payslip-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payslip-info-grid>div{background:#f8fafc;border-radius:14px;padding:.85rem}.payslip-table{border-collapse:collapse;width:100%;font-size:.86rem}.payslip-table th,.payslip-table td{text-align:left;border-bottom:1px solid #0f172a1a;padding:.65rem .5rem}.payslip-table th:nth-child(4),.payslip-table th:nth-child(5),.payslip-table td:nth-child(4),.payslip-table td:nth-child(5){text-align:right}.payslip-table tfoot td{font-weight:800}.payslip-warnings{color:#9a3412;background:#fff7ed;border-radius:14px;gap:.35rem;padding:.9rem;font-weight:700;display:grid}.payslip-warnings p,.status-note{margin:0}.payslip-side-panel{gap:1rem;display:grid}.status-note{color:#1d4ed8;font-weight:700}.select-worksite-hero,.select-worksite-board{border-radius:32px}.select-worksite-header,.select-worksite-board-header,.select-worksite-board-title,.select-worksite-column-header,.employee-pick-card,.employee-pick-actions{align-items:center;display:flex}.select-worksite-header{gap:1rem;margin-bottom:1rem}.select-worksite-icon{width:44px;height:44px;color:var(--blue);background:linear-gradient(135deg,#356ae624,#356ae63d);border-radius:16px;place-items:center;display:grid}.select-worksite-icon.soft{background:linear-gradient(135deg,#356ae614,#356ae629)}.select-worksite-picker{max-width:100%}.select-worksite-picker .field span{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.select-worksite-board{border:2px solid #356ae638}.select-worksite-board-header{border-bottom:1px solid #0f172a14;justify-content:space-between;gap:1rem;padding-bottom:1rem}.select-worksite-board-title{gap:1rem}.select-worksite-board-title h3,.select-worksite-header h3{margin:0}.select-worksite-board-title p,.select-worksite-board-title small,.select-worksite-header p{margin:.2rem 0 0}.select-worksite-date{justify-items:end;gap:.25rem;display:grid}.select-worksite-date span{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:800}.select-worksite-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.25rem;display:grid}.select-worksite-column{gap:.85rem;display:grid}.select-worksite-column-header{flex-wrap:wrap;justify-content:space-between;gap:1rem}.select-worksite-column-header.spread{align-items:center}.select-worksite-column-header strong{text-transform:uppercase;letter-spacing:.08em;color:#6c7ca3;font-size:.78rem}.select-worksite-list{gap:.85rem;display:grid}.employee-pick-card{background:#ffffffb8;border:1px solid #0f172a0f;border-radius:22px;justify-content:space-between;gap:.85rem;padding:.95rem 1rem}.employee-pick-card.assigned{background:#e9fdf4e0;border-color:#22c55e38}.employee-pick-avatar{color:#1d4ed8;background:#356ae61f;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.employee-pick-info{flex:1;min-width:0}.employee-pick-info strong,.employee-pick-info p,.employee-pick-info small{display:block}.employee-pick-info p,.employee-pick-info small{margin-top:.15rem}.employee-pick-actions{gap:.6rem}.circle-action{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.circle-action.success{color:#16a34a;border-color:#22c55e33}.circle-action.danger{color:#ef4444;border-color:#ef44442e}.dispatch-queue{border-top:1px solid #0f172a14;gap:.85rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}.dispatch-queue-header strong{margin-bottom:.3rem;display:block}.dispatch-queue-header p{color:var(--text-soft);margin:0}.dispatch-queue-list{gap:.75rem;display:grid}.dispatch-queue-row{background:#ffffffb3;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.logout-button{width:100%}@media (width<=1080px){.login-screen,.app-shell,.hero-panel,.split-grid,.holerite-preview,.capture-layout{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #0f172a14;border-right:none}}@media (width<=720px){.content,.loading-screen,.login-screen{padding:1rem}.form-grid,.compact-grid,.hero-grid,.payslip-info-grid,.queue-grid,.punch-actions-grid,.login-stat-row,.select-worksite-grid{grid-template-columns:1fr}.sidebar{padding:1rem}}@media print{body *{visibility:hidden!important}.payslip-print-area,.payslip-print-area *{visibility:visible!important}.payslip-print-area{width:100%!important;box-shadow:none!important;border:none!important;padding:24px!important;position:absolute!important;top:0!important;left:0!important}.no-print{display:none!important}}