body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f4f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--al-black:#17171a;--al-charcoal:#232326;--al-charcoal-light:#34343a;--al-gold:#c9a227;--al-gold-light:#e3c04f;--al-gold-dark:#a4841c;--al-white:#fff;--al-gray-text:#8a8a90}.kiosk-app{min-height:100vh;width:100%}.brand-header{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.brand-logo-wide{display:block;height:60px;width:auto}.brand-logo-flat{height:44px}.brand-badge-wide{align-items:center;background:#fff;background:var(--al-white);border-radius:14px;box-shadow:0 6px 20px #0006;display:inline-flex;justify-content:center;padding:18px 32px}.brand-small .brand-badge-wide .brand-logo-wide,.brand-small .brand-logo-wide{height:32px}.brand-small .brand-badge-wide{padding:10px 18px}.brand-large .brand-badge-wide .brand-logo-wide{height:100px}.brand-large .brand-badge-wide{padding:24px 44px}.admin-top-brand{align-items:center;display:flex;gap:16px}.admin-top-brand .brand-logo-wide{height:42px}.kiosk-screen{align-items:center;background:linear-gradient(160deg,#17171a,#232326 55%,#34343a);background:linear-gradient(160deg,var(--al-black) 0,var(--al-charcoal) 55%,var(--al-charcoal-light) 100%);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px;position:relative}.kiosk-header{color:#fff;color:var(--al-white);margin-bottom:40px;text-align:center}.kiosk-header h1{color:#e3c04f;color:var(--al-gold-light);font-size:28px;font-weight:600;letter-spacing:1px;margin-bottom:15px}.clock-display{background:#ffffff0f;border:1px solid #c9a22759;border-radius:16px;display:inline-block;padding:15px 30px}.current-time{color:#fff;color:var(--al-white);font-family:Courier New,monospace;font-size:42px;font-weight:700;letter-spacing:2px}.current-date{font-size:16px;margin-top:5px;opacity:.75}.employee-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));max-width:1000px;width:100%}.employee-tile{align-items:center;background:#fff;background:var(--al-white);border:none;border-radius:16px;box-shadow:0 4px 15px #00000059;color:#232326;color:var(--al-charcoal);cursor:pointer;display:flex;flex-direction:column;gap:12px;min-height:100px;overflow:hidden;padding:28px 16px;position:relative;transition:transform .2s,box-shadow .2s}.employee-name,.employee-tile{font-weight:700;max-width:100%}.employee-name{white-space:nowrap}.tile-id-number{font-weight:700;line-height:1}.employee-tile:hover{box-shadow:0 8px 25px #c9a22759;transform:translateY(-4px)}.employee-tile:active{transform:translateY(0)}.employee-status-dot{border-radius:50%;height:12px;width:12px}.has-custom-color .employee-status-dot{box-shadow:0 0 0 2px #ffffffd9,0 0 0 3px #0003}.color-swatch-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin:20px 0}.color-swatch{align-items:center;aspect-ratio:1;border:3px solid #0000;border-radius:50%;cursor:pointer;display:flex;justify-content:center;transition:transform .15s;width:100%}.color-swatch:hover{transform:scale(1.08)}.color-swatch.selected{border-color:#232326;border-color:var(--al-charcoal)}.color-swatch-check{font-size:20px;font-weight:700}.status-in .employee-status-dot{background:#27ae60;box-shadow:0 0 8px #27ae6099}.status-out .employee-status-dot{background:#e74c3c}.empty-state{color:#fff;color:var(--al-white);font-size:18px;opacity:.85;padding:40px;text-align:center}.admin-link{background:#c9a22726;border:1px solid #c9a22780;border-radius:8px;bottom:20px;color:#e3c04f;color:var(--al-gold-light);cursor:pointer;font-size:14px;left:20px;padding:10px 20px;position:fixed;transition:background .2s}.admin-link:hover{background:#c9a2274d}.modal-overlay{align-items:center;background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-box{background:#fff;background:var(--al-white);border-radius:20px;box-shadow:0 20px 60px #0006;max-width:400px;padding:35px;text-align:center;width:100%}.modal-box h2{color:#232326;color:var(--al-charcoal);font-size:26px;margin-bottom:8px}.modal-subtitle{color:#666;font-size:16px;margin-bottom:25px}.pin-dots{display:flex;gap:16px;justify-content:center;margin-bottom:15px}.pin-dot{background:#0000;border:2px solid #a4841c;border:2px solid var(--al-gold-dark);border-radius:50%;height:18px;transition:background .2s;width:18px}.pin-dot.filled{background:#c9a227;background:var(--al-gold)}.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.pin-error{color:#e74c3c;font-size:14px;font-weight:600;margin-bottom:15px}.keypad{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:20px}.keypad-btn{background:#232326;background:var(--al-charcoal);border:none;border-radius:12px;color:#fff;color:var(--al-white);cursor:pointer;font-size:20px;font-weight:600;padding:20px;transition:background .15s}.keypad-btn:hover{background:#34343a;background:var(--al-charcoal-light)}.keypad-btn:active{background:#c9a227;background:var(--al-gold);color:#17171a;color:var(--al-black)}.keypad-clear{background:#4a2020;color:#f5a5a5}.action-buttons{display:flex;flex-direction:column;gap:15px;margin:25px 0 15px}.action-btn{border:none;border-radius:14px;color:#fff;color:var(--al-white);cursor:pointer;font-size:20px;font-weight:700;padding:20px;transition:transform .2s,opacity .2s}.action-btn:hover:not(:disabled){transform:translateY(-2px)}.clock-in-btn{background:#c9a227;background:var(--al-gold);color:#17171a;color:var(--al-black)}.clock-out-btn{background:#232326;background:var(--al-charcoal)}.action-btn:disabled{background:#d0d3d9;color:#888;cursor:not-allowed;opacity:.7}.cancel-link{color:#999}.cancel-link,.sign-week-link{background:none;border:none;cursor:pointer;font-size:14px;padding:10px;text-decoration:underline}.sign-week-link{color:#a4841c;color:var(--al-gold-dark);display:block;font-weight:600;margin:0 auto}.week-picker-modal{max-width:440px}.week-picker-list{display:flex;flex-direction:column;gap:10px;margin:16px 0;max-height:400px;overflow-y:auto}.week-picker-row{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.week-picker-info{display:flex;flex-direction:column;gap:4px;text-align:left}.week-picker-range{color:#232326;color:var(--al-charcoal);font-size:14px;font-weight:600}.week-picker-status{font-size:12px}.week-picker-status.signed{color:#27ae60}.week-picker-status.unsigned{color:#e74c3c}.week-picker-row .btn-primary,.week-picker-row .btn-secondary{flex:none;font-size:13px;padding:8px 16px}.change-pin-form{display:flex;flex-direction:column;gap:12px;margin:16px 0}.change-pin-input{border:2px solid #e0e0e0;border-radius:10px;font-family:Courier New,monospace;font-size:18px;letter-spacing:4px;padding:14px;text-align:center}.change-pin-input:focus{border-color:#c9a227;border-color:var(--al-gold);outline:none}.my-timesheet-modal{max-width:480px;text-align:left}.my-timesheet-modal .modal-subtitle,.my-timesheet-modal h2{text-align:center}.my-timesheet-summary{margin:16px 0}.my-timesheet-empty{padding:20px}.my-timesheet-table{max-height:320px;overflow-y:auto}.signature-modal{max-width:460px;text-align:left}.signature-modal .modal-subtitle,.signature-modal h2{text-align:center}.injury-text{background:#f8f9fa;border-radius:8px;color:#444;font-size:12px;line-height:1.5;margin-bottom:16px;padding:12px}.signature-pad-wrap{background:#fafafa;border:2px solid #c9a227;border:2px solid var(--al-gold);border-radius:10px;margin-bottom:8px;padding:8px}.signature-canvas{background:#fff;border-radius:6px;cursor:crosshair;display:block;height:150px;touch-action:none;width:100%}.signature-line-label{color:#999;font-size:12px;margin-top:4px;text-align:center}.signature-date-label{color:#555;font-size:13px;margin-bottom:16px;text-align:center}.confirmation-modal{padding:45px 35px}.confirmation-check{color:#27ae60;display:block;font-size:60px;margin-bottom:15px}.confirmation-modal p{color:#232326;color:var(--al-charcoal);font-size:18px;font-weight:600}.admin-login-form{display:flex;flex-direction:column;gap:15px}.admin-login-form input{border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:14px}.admin-login-form input:focus{border-color:#c9a227;border-color:var(--al-gold);outline:none}.admin-login-buttons{display:flex;gap:10px}.btn-primary{background:#c9a227;background:var(--al-gold);border:none;border-radius:8px;color:#17171a;color:var(--al-black);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px}.btn-primary:hover{background:#e3c04f;background:var(--al-gold-light)}.btn-secondary{background:#f4f5f7;border:none;border-radius:8px;color:#232326;color:var(--al-charcoal);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px}.btn-secondary:hover{background:#e0e2e6}.btn-danger-small{background:#fdebea;border:none;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.btn-danger-small:hover{background:#f9d4d1}.admin-dashboard{background:#f4f5f7;min-height:100vh;padding:30px}.admin-top-bar{align-items:center;display:flex;justify-content:space-between;margin:0 auto 25px;max-width:1000px}.admin-top-bar h1{color:#232326;color:var(--al-charcoal);font-size:24px}.admin-top-bar .btn-secondary{flex:none;padding:10px 20px}.admin-tabs{display:flex;gap:10px;margin:0 auto 25px;max-width:1000px}.admin-tabs button{background:#fff;background:var(--al-white);border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:12px 24px}.admin-tabs button.active{background:#232326;background:var(--al-charcoal);border-color:#232326;border-color:var(--al-charcoal);color:#e3c04f;color:var(--al-gold-light)}.admin-section{background:#fff;background:var(--al-white);border-radius:14px;box-shadow:0 4px 15px #00000014;margin:0 auto;max-width:1000px;padding:30px}.admin-section h2{color:#232326;color:var(--al-charcoal);font-size:18px;margin-bottom:15px;margin-top:25px}.admin-section h2:first-child{margin-top:0}.add-employee-form{display:flex;flex-wrap:wrap;gap:10px}.add-employee-form input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:15px;min-width:150px;padding:12px}.add-employee-form input:focus{border-color:#c9a227;border-color:var(--al-gold);outline:none}.add-employee-form button{padding:12px 24px;white-space:nowrap}.employee-list{display:flex;flex-direction:column;gap:10px}.employee-list-row{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;padding:14px}.emp-name{color:#232326;color:var(--al-charcoal);font-weight:600;min-width:120px}.emp-status-badge{border-radius:20px;font-size:13px;font-weight:600;padding:4px 12px}.emp-status-badge.in{background:#d5f4e6;color:#27ae60}.emp-status-badge.out{background:#fadbd8;color:#e74c3c}.emp-pin{color:#999;font-family:Courier New,monospace;font-size:14px}.employee-list-row .btn-danger-small{margin-left:auto}.btn-edit-small{background:#eef1fb;border:none;border-radius:6px;color:#a4841c;color:var(--al-gold-dark);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.btn-edit-small:hover{background:#e2e6f7}.pin-edit-group{align-items:center;display:flex;gap:8px;position:relative}.pin-edit-input{border:2px solid #c9a227;border:2px solid var(--al-gold);border-radius:6px;font-family:Courier New,monospace;font-size:14px;padding:8px 10px;text-align:center;width:70px}.num-edit-input{width:100px}.emp-number{color:#666;font-family:Courier New,monospace;font-size:14px}.pin-edit-input:focus{outline:none}.btn-save-small{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.btn-save-small:hover{background:#229954}.btn-cancel-small{background:#e0e2e6;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.btn-cancel-small:hover{background:#d0d3d9}.pin-edit-error{font-size:12px;left:0;margin-top:4px;position:absolute;top:100%;white-space:nowrap}.report-controls{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.mode-toggle{display:flex;gap:8px}.mode-toggle button{background:#fff;background:var(--al-white);border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:10px 18px}.mode-toggle button.active{background:#232326;background:var(--al-charcoal);border-color:#232326;border-color:var(--al-charcoal);color:#e3c04f;color:var(--al-gold-light)}.report-controls select{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;min-width:220px;padding:12px}.period-nav{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px}.period-nav button{background:#fff;background:var(--al-white);border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.period-nav button:hover{border-color:#c9a227;border-color:var(--al-gold)}.period-current-btn{color:#a4841c!important;color:var(--al-gold-dark)!important}.period-label{color:#232326;color:var(--al-charcoal);font-size:15px;font-weight:700}.print-btn{flex:none;padding:12px 24px;width:fit-content}.summary-box{background:linear-gradient(135deg,#232326,#17171a);background:linear-gradient(135deg,var(--al-charcoal) 0,var(--al-black) 100%);border-radius:10px;color:#fff;color:var(--al-white);font-size:16px;margin-bottom:20px;padding:18px}.summary-box strong{color:#e3c04f;color:var(--al-gold-light);font-size:22px}.records-table{width:100%}.table-header{background:#f8f9fa;border-radius:8px;color:#232326;color:var(--al-charcoal);font-weight:600;margin-bottom:8px}.table-header,.table-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding:12px}.table-row{border-bottom:1px solid #eee;color:#666}.table-header.two-col,.table-row.two-col{grid-template-columns:repeat(2,1fr)}.table-header.four-col,.table-row.four-col{grid-template-columns:repeat(4,1fr)}.payroll-box{background:#fffbea;border:1px solid #c9a227;border:1px solid var(--al-gold);border-radius:10px;margin-bottom:20px;padding:14px 18px}.payroll-box-title{color:#a4841c;color:var(--al-gold-dark);font-size:13px;font-weight:700;margin-bottom:10px}.payroll-week-row{color:#232326;color:var(--al-charcoal);display:flex;font-size:14px;gap:20px;padding:4px 0}.payroll-total-row{border-top:1px solid #0000001a;font-weight:700;margin-top:6px;padding-top:8px}.print-report{display:none}@media print{body *{visibility:hidden}.print-report,.print-report *{visibility:visible}.print-report{background:#fff;color:#111;display:block!important;left:0;padding:20px;position:absolute;top:0;width:100%}.no-print{display:none!important}.admin-dashboard{background:#fff!important;padding:0!important}}.print-header{align-items:center;border-bottom:3px solid #c9a227;border-bottom:3px solid var(--al-gold);display:flex;gap:16px;margin-bottom:20px;padding-bottom:14px}.print-logo{height:55px;width:auto}.print-header-text h2{color:#17171a;color:var(--al-black);font-size:20px}.print-header-text p{color:#555;font-size:13px}.print-meta{font-size:14px;margin-bottom:16px}.print-meta p{margin-bottom:4px}.print-table{border-collapse:collapse;font-size:13px;margin-bottom:20px;width:100%}.print-table td,.print-table th{border:1px solid #ccc;padding:8px 10px;text-align:left}.print-table thead{background:#f0f0f0}.print-table tfoot td{border-top:2px solid #232326;border-top:2px solid var(--al-charcoal);font-weight:700}.print-total{font-size:15px;font-weight:700;margin-bottom:40px}.print-week-block{margin-bottom:30px;page-break-inside:avoid}.print-week-heading{border-bottom:1px solid #ccc;color:#17171a;color:var(--al-black);font-size:15px;margin-bottom:8px;padding-bottom:4px}.print-week-total{font-size:13px;font-weight:700;margin:8px 0 4px;text-align:right}.print-payroll-line{color:#444;font-size:12px;font-style:italic;margin-bottom:14px;text-align:right}.print-payroll-final{color:#17171a;color:var(--al-black);font-size:14px;font-style:normal;font-weight:700;margin-bottom:30px;margin-top:4px}.print-injury-text{background:none;border:1px solid #ddd;color:#333;font-size:10.5px;line-height:1.4;margin-bottom:10px;padding:8px 10px}.print-sig-row{align-items:flex-end;display:flex;gap:40px}.print-sig-field{align-items:baseline;display:flex;flex:1 1;gap:8px}.print-sig-date{flex:0.6 1}.print-sig-label{font-size:12px;white-space:nowrap}.print-sig-underline{border-bottom:1px solid #333;display:inline-block;flex:1 1;font-size:12px;min-height:20px;padding-bottom:2px}.print-sig-image{border-bottom:1px solid #333;flex:1 1;height:40px;object-fit:contain;object-position:left bottom}@media (max-width:600px){.kiosk-header h1{font-size:22px}.current-time{font-size:30px}.employee-grid{grid-template-columns:repeat(2,1fr)}.employee-tile{font-size:16px;padding:20px 12px}.table-header,.table-row{font-size:13px;grid-template-columns:repeat(2,1fr)}.admin-top-bar{gap:12px}.admin-top-bar,.period-nav{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.a75a5ed8.css.map*/