:root{--primary:#1e3a2f;--accent:#b08d4f;--accent-light:#d4b47e;--bg:#f6f3ec;--card:#fff;--line:#e5e0d5;--muted:#7a7f7a;--red:#a8422f;--amber:#b5822a;--ok:#2f7d4f;--serif:Georgia,"Times New Roman",serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:#1b1f1c}.shell,body{min-height:100vh}.shell{max-width:460px;margin:0 auto;display:flex;flex-direction:column}header.app{background:var(--primary);color:#f6f3ec;padding:calc(env(safe-area-inset-top, 0px) + 16px) 20px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.brandrow{display:flex;align-items:center;justify-content:space-between}.brandrow h1{font-family:var(--serif);font-weight:500;font-size:19px;letter-spacing:.4px}.brandrow h1 span{color:var(--accent-light)}.sub{font-size:11.5px;opacity:.75;margin-top:3px;letter-spacing:.3px}main{flex:1 1;padding:18px 16px calc(env(safe-area-inset-bottom, 0px) + 28px)}.card{background:var(--card);border-radius:14px;border:1px solid var(--line);box-shadow:0 2px 14px rgba(27,31,28,.07);padding:18px;margin-bottom:14px}h2{font-family:var(--serif);font-weight:500;font-size:17px;margin-bottom:10px;color:var(--primary)}.small,label{font-size:12px;color:var(--muted)}label{font-weight:600;display:block;margin:12px 0 5px;text-transform:uppercase;letter-spacing:.6px}input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:16px;background:#fff;color:#1b1f1c;-webkit-appearance:none;-moz-appearance:none;appearance:none}.liveclock{text-align:center;padding:8px 0 2px}.liveclock .time{font-size:44px;font-weight:200;letter-spacing:1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.liveclock .date{font-size:13px;color:var(--muted);margin-top:2px}.chip{display:inline-block;margin-top:10px;padding:5px 14px;border-radius:20px;font-size:12.5px;font-weight:600}.chip-out{background:#efece4;color:var(--muted)}.chip-in{background:#e2efe7;color:var(--ok)}.chip-break{background:#f5ecd9;color:var(--amber)}.punchrow{display:flex;gap:10px;margin-top:16px}.punch{flex:1 1;padding:16px 8px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .06s}.punch:active{transform:scale(.97)}.punch-in{background:var(--primary);color:#f6f3ec}.punch-out{background:var(--red);color:#fff}.punch-break{background:#fff;border:1.5px solid var(--accent);color:var(--accent)}.punch:disabled{opacity:.35;cursor:default}.btn{display:block;width:100%;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;margin-top:12px}.btn-accent{background:var(--accent);color:#fff}.btn-primary{background:var(--primary);color:#fff}.btn-ghost{background:#fff;border:1.5px solid var(--line);color:#1b1f1c}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;padding:6px 4px;border-bottom:1px solid var(--line)}td{padding:9px 4px;border-bottom:1px solid #f0ede5;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.flag{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;margin-right:3px}.flag-bad{background:#f7e8e4;color:var(--red)}.flag-warn{background:#f5ecd9;color:var(--amber)}.flag-ok{background:#e2efe7;color:var(--ok)}.totrow td{font-weight:700;border-top:2px solid var(--line);border-bottom:none}.toast{position:fixed;bottom:34px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--primary);color:#fff;padding:13px 22px;border-radius:26px;font-size:13.5px;font-weight:600;opacity:0;transition:.3s;z-index:80;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.25);white-space:nowrap;max-width:92vw}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.co-card{display:block;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;border:1px solid var(--line);margin-bottom:14px;background:#fff;box-shadow:0 2px 14px rgba(27,31,28,.07)}.co-head{padding:22px 20px 16px;color:#fff}.co-head .mark{font-family:var(--serif);font-size:26px;letter-spacing:1px}.co-head .name{font-size:15px;font-weight:700;margin-top:6px}.co-head .tag{font-size:12px;opacity:.8;margin-top:2px}.co-foot{padding:10px 20px;font-size:12px;color:var(--muted)}.co-foot,.emp-row{display:flex;justify-content:space-between;align-items:center}.emp-row{padding:12px 0;border-bottom:1px solid #f0ede5}.emp-row:last-child{border-bottom:none}.hrs{font-size:15px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.hrs small{display:block;font-weight:400;font-size:10.5px;color:var(--muted)}.kiosk-code{font-size:72px;font-weight:200;letter-spacing:12px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--primary)}.metarow{display:flex;gap:8px;margin-top:14px}.meta{flex:1 1;background:var(--bg);border-radius:10px;padding:10px;font-size:11.5px;color:var(--muted);text-align:center;border:1px solid var(--line)}.meta b{display:block;color:#1b1f1c;font-size:12.5px;margin-top:2px}a.backlink{color:var(--accent);text-decoration:none;font-size:13px;font-weight:600}