html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page)}input,textarea{font:inherit;box-sizing:border-box;border:1px solid var(--ds-hairline);border-radius:4px;padding:10px;background:var(--ds-page);color:var(--ds-ink);min-height:48px;width:100%;min-width:0}input[type=date],input[type=time],input[type=month]{direction:ltr;text-align:center;font-size:16px}label{display:block;font-weight:600;min-width:0}input:focus,textarea:focus,summary:focus{outline:2px solid var(--ds-teal);outline-offset:2px}.total{border-block:1px solid var(--ds-hairline);padding:16px 0 22px;margin-top:24px;text-align:center}.amount{display:block;font-size:38px;line-height:1.5;color:var(--ds-teal);font-weight:600}.monthnav{display:grid;grid-template-columns:48px minmax(0,230px) 48px;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calculation{margin:16px 0}.calculation strong,.price{color:var(--ds-teal);font-weight:600}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.day{padding:16px 0;border-bottom:1px solid var(--ds-hairline)}.dayhead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.day p{margin:4px 0}.empty{padding:16px 0;color:var(--ds-ink-2)}.status{color:var(--ds-ink-2)}.status:empty{display:none}.error{color:var(--ds-red)}.copybox,.backup{margin-top:16px}textarea{font-weight:350;font-size:14px;line-height:1.7;resize:vertical}details{margin-top:20px}summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600}.delete{padding:12px;background:var(--ds-raised);margin-top:8px}.illustration{width:120px;height:140px;object-fit:cover;border-radius:12px;display:block;margin-top:24px;opacity:.9}@media(max-width:350px){.inputs{grid-template-columns:1fr}.amount{font-size:34px}}@media(min-width:768px){form,.total{max-width:620px}.total{margin-inline:auto}.illustration{width:150px;height:175px}}.file-button{min-height:44px!important}.monthlabel strong{display:block;font-size:22px;font-weight:600}.range{font-size:14px;margin:8px 0}.totalLabel{display:block;margin-top:12px}.timefields{border:0;padding:0;margin:0;min-width:0}.timefields legend{font-weight:600}.timefields>div{display:flex;align-items:center;gap:6px}.timefields input{width:60px;text-align:center;font-size:18px}.datepick{padding:12px 0}.picknav{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.daysgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-block:10px}:root{--ds-page:#fff;--ds-raised:#f4efec;--ds-ink:#251f21;--ds-ink-2:#585254;--ds-hairline:#eae9ea;--ds-teal:#73a89a;--ds-red:#ed313e}body{font-family:Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--ds-ink)}h1,h2{font-weight:400;line-height:1.3;letter-spacing:-.025em}h1{font-size:30px;margin:0 0 16px}h2{font-size:23px;margin:0 0 20px}p{margin:10px 0 16px}.file-card{box-sizing:border-box;max-width:1040px;padding:24px;margin:0 auto}.group{margin-top:40px}.caption,footer{font-size:14px;color:var(--ds-ink-2);font-weight:400}footer{margin-top:36px;border-top:1px solid var(--ds-hairline);padding-top:24px}button{font:inherit;cursor:pointer;box-sizing:border-box}.file-button{min-height:44px;border:1px solid var(--ds-hairline);border-radius:4px;background:#fff;padding:8px 14px;color:var(--ds-ink);font-size:15px;max-width:100%}.file-button.primary,.file-button.selected{background:var(--ds-teal);border-color:var(--ds-teal);font-weight:600;color:#132b25}.file-button.ghost{border-color:transparent}.file-button:disabled{color:#898387;opacity:.55;cursor:not-allowed;background:#f7f7f7;border-color:var(--ds-hairline)}.file-button:focus-visible{outline:2px solid var(--ds-teal);outline-offset:3px}.callout{background:var(--ds-raised);border-radius:8px;padding:16px;margin:16px 0}.callout p:last-child{margin-bottom:0}.backup label{margin-top:16px}@media(min-width:768px){.file-card{padding:36px}h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}