:root{--ink:#17323b;--muted:#71838a;--line:#dce6e8;--teal:#087f78;--green:#2eaa39;--bg:#edf2f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}main{max-width:520px;min-height:100vh;margin:auto;background:#f8fbfc}.mobile-head{display:flex;gap:10px;align-items:center;padding:11px 15px;background:#173037;color:#fff}.mobile-logo{display:block;width:154px;max-width:54vw;height:auto;background:transparent}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #fff;border-radius:4px;background:#14a79d;font-size:11px}.mobile-head b,.mobile-head small{display:block}.mobile-head small{margin-top:0;color:#d8e6e8;font-size:11px}.attendance-card,.history-card{margin:12px;padding:14px;background:#fff;border:1px solid var(--line)}.clock{text-align:center;margin-bottom:14px}.clock b{display:block;font-size:38px}.clock span{color:var(--muted);font-size:12px}label{display:grid;gap:5px;margin-top:11px;color:#60777d;font-size:11px}select{height:38px;padding:0 9px;border:1px solid #cfdadc;background:#fff;color:var(--ink)}.gps-panel{margin-top:12px;padding:11px;background:#eef8f7;border:1px solid #cbe5e2}.gps-panel div{display:flex;justify-content:space-between;gap:8px;font-size:12px}.gps-panel span{color:var(--muted)}.gps-panel button{width:100%;margin-top:9px;padding:9px;border:0;background:#168e87;color:#fff}.gps-panel p{margin:8px 0 0;color:#60777d;font-size:11px;line-height:1.5}.gps-panel p:empty{display:none}.photo-field input{display:none}.photo-field span{display:block;padding:12px;border:1px dashed #9fc6c3;background:#fbfefe;color:#168e87;text-align:center}.photo-field span.ready{border-style:solid;background:#e9f8f5}.photo-field+img{display:none;width:100%;max-height:190px;margin-top:8px;object-fit:cover}.photo-field+img.open{display:block}.attendance-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.attendance-actions button{padding:12px;border:0;background:#2eaa39;color:#fff;font-weight:700}.attendance-actions button:last-child{background:#f09b2b}.notice{margin:12px 0 0;color:#71838a;font-size:11px;line-height:1.5}.notice.ok{color:#14795a}.notice.error{color:#bb424c}.history-card h2{margin:0 0 8px;font-size:15px}.history-row{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.history-row:last-child{border:0}.history-row span{display:block;color:var(--muted);margin-top:3px}.history-row i{height:max-content;padding:3px 5px;border-radius:3px;background:#dcf7ea;color:#14795a;font-size:10px;font-style:normal}.history-row i.review{background:#fff1d7;color:#ae6b00}