:root{color:#25312d;font-synthesis:none;background:#f7f4ed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.screen{max-width:680px;min-height:100vh;margin:auto;padding:28px 20px 32px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin:8px 0 26px;display:flex}.login-screen h1,.page-header h1{letter-spacing:-.05em;margin:4px 0 0;font-size:32px}.eyebrow{letter-spacing:.16em;color:#819187;margin:0;font-size:11px;font-weight:800}.header-date{color:#648174;font-size:14px;font-weight:700}.card,.hero-card{border-radius:24px;margin-bottom:16px;padding:24px}.card{background:#fff;box-shadow:0 4px 18px #25403308}.hero-card{color:#fff;background:#183b32;min-height:198px;padding:29px 26px 25px}.hero-label{color:#abc5b7;margin:0 0 17px;font-size:14px}.hero-number{letter-spacing:-.06em;font-size:clamp(35px,9vw,51px);font-weight:800;line-height:1.1}.hero-footer{color:#c7d8cc;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;font-size:12px;display:flex}.hero-chip{color:#fff;background:#fff2;border-radius:30px;padding:8px 11px}.section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:23px;display:flex}.form-card h2,.section-heading h2{letter-spacing:-.03em;margin:0;font-size:18px}.section-heading span{color:#84918a;font-size:12px}.stats-grid,.time-grid{grid-template-columns:1fr 1fr;gap:23px 16px;display:grid}.field-label{color:#8b9690;margin-bottom:7px;font-size:12px;display:block}.time-grid strong{letter-spacing:-.04em;font-size:24px}.stats-grid strong{font-size:19px}.primary{color:#242a25;background:#e5a559;border:0;border-radius:15px;width:100%;min-height:54px;margin-top:25px;font-size:16px;font-weight:800}.primary:hover{background:#efb66f}.done-label{color:#3d8066;text-align:center;margin:24px 0 0;font-weight:700}.required{border-top:1px solid #edf0ec;flex-direction:column;gap:6px;margin-top:26px;padding-top:22px;display:flex}.required span{color:#687a70;font-size:13px}.required strong{letter-spacing:-.04em;font-size:23px}.negative{color:#b46a41}.positive{color:#348062}.footnote,.muted{color:#829087;font-size:13px;line-height:1.6}.footnote{text-align:center;margin:23px 0}.bottom-nav{padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom));z-index:5;background:#fff;border-top:1px solid #e8ece6;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#829087;border-radius:12px;place-items:center;min-width:80px;min-height:42px;font-size:14px;font-weight:700;text-decoration:none;display:grid}.bottom-nav a.router-link-active{color:#1e5b47;background:#eaf3ec}.error{color:#a34135;background:#fff0eb;border-radius:12px;padding:12px 14px;font-size:13px}.success{color:#2d8060}.form-card{flex-direction:column;gap:18px;display:flex}.form-card h2{margin-bottom:4px}.form-card label,.login-card label{flex-direction:column;gap:9px;font-size:14px;font-weight:700;display:flex}.form-card small{color:#9aa69e;font-weight:400}.form-card input,.login-card input{color:#25312d;background:#fbfcfa;border:1px solid #dce5dd;border-radius:12px;width:100%;min-height:48px;padding:10px 12px}.text-button{color:#547868;background:0 0;border:0;padding:12px;font-weight:700}.small-button{color:#28533f;background:#e4ede5;border:0;border-radius:12px;min-height:44px;padding:0 15px;font-weight:800}.history-card{padding:21px}.history-card .section-heading{margin-bottom:13px}.history-card .section-heading strong{color:#2c7253}.history-times{color:#687a70;flex-wrap:wrap;gap:8px 18px;font-size:13px;display:flex}.row-actions{border-top:1px solid #edf0ec;justify-content:flex-end;gap:12px;margin-top:18px;padding-top:12px;display:flex}.row-actions button{color:#47765c;background:0 0;border:0;padding:10px;font-weight:700}.row-actions .danger{color:#b35d4c}.empty-state{text-align:center;color:#8b9690;padding:55px 20px}.login-screen{flex-direction:column;justify-content:center;max-width:440px;display:flex}.brand-mark{color:#e1a259;margin-bottom:10px;font-size:48px}.login-screen .muted{margin-bottom:30px}.login-card{flex-direction:column;gap:18px;display:flex}.login-card .primary{margin-top:4px}.form-card select{color:#25312d;width:100%;min-height:48px;font:inherit;background:#fbfcfa;border:1px solid #dce5dd;border-radius:12px;padding:10px 12px}
