:root{--ink:#171713;--paper:#f4f0e7;--card:#fffdf7;--coral:#ff624a;--lime:#c9f25b;--muted:#706e66;--line:#ded8ca;--shadow:0 18px 50px #27231315;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,#ffd7c9 0,transparent 28rem),var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px}.mark{width:52px;height:52px;display:grid;place-items:center;background:var(--ink);color:var(--lime);border-radius:50%;font-weight:900;letter-spacing:-2px}.brand h1{font-size:20px;margin:0}.brand small{color:var(--muted)}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav button,.ghost{border:1px solid var(--line);background:#fff8;padding:10px 14px;border-radius:999px}.nav button.active{background:var(--ink);color:white}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.card{background:var(--card);border:1px solid #fff;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.clock{min-height:330px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--coral)}h2{font-size:clamp(32px,5vw,60px);letter-spacing:-.055em;line-height:.95;margin:10px 0}h3{margin:0 0 16px;font-size:20px}.timer{font-size:clamp(42px,8vw,76px);font-weight:900;letter-spacing:-.06em}.field{display:grid;gap:7px;margin:12px 0}.field label{font-size:13px;font-weight:750}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:14px;padding:14px;background:white;min-width:0}.field textarea{min-height:88px;resize:vertical}.primary{border:0;background:var(--coral);color:#171713;border-radius:16px;padding:16px 22px;font-weight:900;box-shadow:0 9px 0 #c6402d}.primary:active{transform:translateY(5px);box-shadow:0 4px 0 #c6402d}.primary.stop{background:var(--lime);box-shadow:0 9px 0 #8fb42d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{padding:18px;border-radius:18px;background:#f0ecdf}.stat b{font-size:30px;display:block;letter-spacing:-.04em}.section{margin-top:22px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.entry{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.entry:last-child{border:0}.entry p{margin:3px 0;color:var(--muted)}.badge{align-self:start;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;text-transform:uppercase}.approved{background:#e5f7b6}.pending,.open{background:#ffe0a8}.rejected{background:#ffd4cf}.alert{padding:12px 14px;background:#ffe6df;border-radius:13px;color:#8f2417;margin:12px 0}.success{background:#e6f7bc;color:#344d00}.actions{display:flex;gap:8px;justify-content:flex-end}.actions button{border:0;border-radius:10px;padding:8px 10px;font-weight:700}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(430px,100%)}.login h2{font-size:46px}.splash{min-height:100vh;display:grid;place-content:center;text-align:center}.splash .mark{margin:auto;width:72px;height:72px}.employee-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.bar{height:9px;background:#e6e0d4;border-radius:20px;overflow:hidden}.bar span{display:block;height:100%;background:var(--coral);border-radius:inherit}.modal{position:fixed;inset:0;background:#171713aa;display:grid;place-items:center;padding:20px;z-index:10}.modal .card{width:min(480px,100%)}.hidden{display:none!important}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.muted{color:var(--muted)}@media(max-width:760px){.shell{padding:16px}.topbar{align-items:flex-start}.topbar .usertext{display:none}.hero,.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.card{padding:19px;border-radius:20px}.nav{position:fixed;z-index:5;bottom:10px;left:10px;right:10px;background:#171713;padding:8px;border-radius:18px;justify-content:center}.nav button{color:white;background:transparent;border:0}.nav button.active{background:var(--coral);color:var(--ink)}.shell{padding-bottom:92px}.row{grid-template-columns:1fr}}