:root{--navy:#022a68;--green:#78ff00;--ink:#18375f;--muted:#7f91ab;--border:#dfe7f1}*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#f2f5fa}button,input,select{font:inherit}button,a{touch-action:manipulation}[hidden]{display:none!important}.kiosk{min-height:100vh;display:grid;place-items:center;padding:28px}.clock-card{width:min(100%,580px);background:#fff;border:1px solid var(--border);border-radius:16px;padding:35px 42px;box-shadow:0 16px 60px #092e6010;border-top:5px solid var(--green);text-align:center}.brands{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.brands .proemer{width:215px;height:auto}.brands .mercedes{width:110px;height:auto}.brands>span{height:60px;border-left:1px solid var(--border)}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:600}h1{font-size:29px;letter-spacing:-.9px;margin:11px 0}h2{font-size:19px;letter-spacing:-.3px}p{line-height:1.8}.intro{color:var(--muted);font-size:13px;margin-top:8px}.clock{background:#f4f7fc;border:1px solid #e6edf6;border-radius:10px;display:flex;flex-direction:column;gap:7px;padding:22px;margin:26px 0}.clock strong{font-size:47px;letter-spacing:1px;font-variant-numeric:tabular-nums;font-weight:650;color:var(--navy)}.clock>span{font-size:12px}.clock small{font-size:10px;color:var(--muted)}#login-form label{display:block;text-align:left;font-size:12px;font-weight:600;margin-bottom:10px}input{border:1px solid #d4dfed;border-radius:7px;padding:12px;background:#fff;color:var(--ink);min-width:0}input:focus{outline:2px solid #5d83b7;outline-offset:2px}#personal-code{width:100%;font-size:28px;letter-spacing:8px;text-align:center;padding:15px;margin-bottom:18px}#personal-code::placeholder{font-size:16px;letter-spacing:1px;color:#b1bdce}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--navy);text-decoration:none;cursor:pointer;font-size:12px;font-weight:600}.button.primary{background:var(--navy);border-color:var(--navy);color:#fff}.button:disabled{opacity:.4;cursor:default}#login-form .button,#finish{width:100%;font-size:15px;padding:15px}.help{font-size:10px;color:var(--muted);margin:15px 0 0}.clock-card footer{color:#9eabc0;font-size:9px;letter-spacing:1px;border-top:1px solid #eef2f7;padding-top:22px;margin-top:26px}.error{background:#fff0ef;border:1px solid #f0cccc;color:#9d3b3b;padding:13px;border-radius:7px;font-size:12px;line-height:1.7}.welcome{font-size:12px;color:var(--muted)}#worker-name{font-size:23px;margin:4px 0 15px}.status{padding:11px;border-radius:6px;background:#f1f5fb;font-size:12px;color:#607c9f;line-height:1.8}.punch-buttons{display:flex;gap:12px;margin:22px 0 12px}.punch-buttons .button{flex:1;min-height:70px;font-size:14px}.enter{background:#eaffd8;border-color:#c9eab3;color:#3c6f21}.exit{background:var(--navy);border-color:var(--navy);color:#fff}.text-button{border:0;background:none;color:#6b85a8;font-size:11px;padding:8px;cursor:pointer}.success-icon{background:#e5ffd0;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;color:#408c10;font-size:28px;margin:14px auto}.gate .intro{margin-bottom:25px}.admin{background:#f5f7fb}.admin-content{max-width:1350px;margin:auto;padding:26px}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.admin-header h1{font-size:27px}.admin-header p{font-size:10px;color:var(--muted);margin:7px 0 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.metrics article{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px}.metrics article:first-child{background:var(--navy);color:#fff}.metrics span{display:block;font-size:10px;color:#8d9db4}.metrics article:first-child span{color:#b9cde7}.metrics strong{display:block;font-size:30px;margin-top:10px;font-variant-numeric:tabular-nums}.panel{background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:24px;overflow:hidden}.panel-header{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-header h2{margin:0}.panel-header p{font-size:10px;color:var(--muted);margin:6px 0 0}.add-worker{display:flex;gap:10px;align-items:flex-end;margin:0 20px 20px}.add-worker label{display:flex;flex-direction:column;gap:7px;font-size:10px;flex:1;max-width:420px}.add-worker input{font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:660px;font-size:12px}th{text-align:left;font-size:8px;letter-spacing:.8px;background:#f5f8fc;color:#8a9db6;padding:12px 20px}td{padding:15px 20px;border-bottom:1px solid #edf1f6}td .text-button{font-size:10px;padding:5px;margin:0 5px 0 0}.badge{display:inline-flex;align-items:center;background:#eff3fa;color:#7b8da6;padding:5px 8px;border-radius:5px;font-size:10px;white-space:nowrap}.badge.working{background:#eaffd8;color:#497a2d}.muted{color:#a0adc0;font-size:11px}.panel-foot{padding:13px 20px;background:#fbfcfe;color:#8b9bb2;font-size:9px;line-height:1.8}.history-tools{display:flex;align-items:center;gap:8px}.history-tools input{font-size:11px;padding:9px;width:145px}.history-tools .button{padding:10px;font-size:10px}.admin-bottom{font-size:9px;color:#91a0b6}.admin-bottom a{color:#6d86a9}.empty{text-align:center;color:#95a4b9;padding:30px}dialog{border:1px solid var(--border);border-radius:12px;padding:30px;text-align:center;min-width:300px;max-width:90vw;color:var(--ink)}dialog::backdrop{background:#001a3d66}dialog p{font-size:12px;color:var(--muted)}#revealed-code{display:block;font-size:35px;letter-spacing:5px;margin:20px 0;user-select:all}
@media(max-width:700px){.clock-card{padding:26px 22px}.kiosk{padding:14px}.brands{gap:17px}.brands .proemer{width:170px}.brands .mercedes{width:86px}.brands>span{height:45px}h1{font-size:25px}.clock strong{font-size:40px}.punch-buttons{flex-direction:column;gap:9px}.admin-content{padding:17px}.admin-header{align-items:flex-start;flex-wrap:wrap}.admin-header h1{font-size:24px}.admin-header .button{font-size:10px}.metrics{gap:9px}.metrics article{padding:13px 10px}.metrics span{font-size:8px}.metrics strong{font-size:24px}.panel-header{padding:16px;flex-wrap:wrap}.panel-header h2{font-size:16px}.history-tools{flex-wrap:wrap}.add-worker{margin:0 16px 17px;flex-wrap:wrap}.add-worker label{min-width:170px}.panel-foot{padding:12px 16px}}@media(max-width:390px){.brands .proemer{width:145px}.brands .mercedes{width:75px}.clock-card{padding:23px 17px}.brands{gap:14px}h1{font-size:23px}}
.admin .table-scroll{max-height:500px}.admin .text-button:disabled{opacity:.35;cursor:default}
.success-notice{background:#edffe0;border:1px solid #c8e9b3;border-radius:7px;padding:13px;color:#406a26;font-size:12px}.badge.corrected{margin-top:5px;background:#fff5d8;color:#876224}.record-dialog{text-align:left;width:min(560px,94vw);max-height:90vh;overflow:auto}.record-dialog h2{margin:7px 0}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-heading p{margin:0;font-size:13px;color:var(--ink)}.record-dialog label:not(.open-choice){display:block;font-size:12px;font-weight:600;margin:16px 0 7px}.record-dialog input[type=datetime-local],.record-dialog select,.record-dialog textarea{width:100%;border:1px solid #d4dfed;border-radius:7px;padding:12px;background:#fff;color:var(--ink);font:inherit}.record-dialog .edit-hint{font-size:11px;margin:16px 0;color:var(--muted)}.open-choice{display:flex;align-items:center;gap:8px;font-size:12px;margin:18px 0}.open-choice input{width:16px;height:16px;margin:0}.offset-choice{background:#fff7df;padding:10px;border-radius:6px}.offset-choice select{margin-top:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.history-dialog{width:min(700px,94vw)}.history-dialog h3{font-size:13px;margin-top:24px}.history-event{font-size:12px;border-left:3px solid #c2d2e9;padding-left:10px}.correction-item{border:1px solid var(--border);border-radius:7px;margin:12px 0;padding:14px;background:#fafcff}.correction-meta{font-size:10px;color:var(--muted)}.correction-item dl{display:grid;grid-template-columns:65px 1fr;gap:8px;font-size:11px;line-height:1.7}.correction-item dt{font-weight:600}.correction-item dd{margin:0}.correction-item p{font-size:12px;margin-bottom:0;overflow-wrap:anywhere}.record-dialog textarea:focus,.record-dialog select:focus{outline:2px solid #5d83b7;outline-offset:2px}

#work-service{width:100%;padding:15px;margin:8px 0 20px;border:1px solid #8a9bb1;border-radius:8px;background:white;color:#18375f;font:inherit}.add-worker{flex-wrap:wrap}.add-worker select,.history-tools select{min-height:42px;padding:8px;border:1px solid #dce3ed;border-radius:6px}td small{line-height:1.7;color:#65758d}

.worker-role-options{border:1px solid #dfe7f1;border-radius:6px;padding:10px;display:grid;gap:8px;min-width:230px}.worker-role-options legend{font-size:11px}.worker-role-options label{display:flex;align-items:center;gap:7px;font-size:11px;min-width:0}.worker-role-options input{width:auto}.punch-role-wrap{display:block;text-align:left;margin:18px 0;font-size:13px}.punch-role-wrap select{width:100%;padding:12px;margin-top:8px}