*{box-sizing:border-box}body{color:#1d3027;background:#f3f6f4;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:27px;line-height:1.3}h2{font-size:21px;line-height:1.35}button,input{font:inherit}a{color:#20553a}.welcome{text-align:center;max-width:650px;margin:70px auto;padding:30px}.welcome img{margin-bottom:24px}.sign-shell{max-width:1040px;margin:36px auto;padding:0 24px}.sign-shell header{align-items:center;gap:24px;margin-bottom:28px;display:flex}.sign-shell header span{letter-spacing:.12em;color:#456b55;font-size:14px}.quote-summary{color:#fff;background:#194f3d;border-radius:12px;justify-content:space-between;gap:28px;padding:26px;display:flex}.quote-summary h2{margin:8px 0}.quote-summary p{margin:0}.quote-summary .amount{text-align:right;min-width:180px}.amount strong,.amount small{display:block}.amount strong{color:#d4f3a7;font-size:30px}.amount span{font-size:14px}.options,.document,.signature,.accepted{background:#fff;border:1px solid #d9e3dc;border-radius:12px;margin:24px 0;padding:26px}.document iframe{border:1px solid #d9e3dc;border-radius:6px;width:100%;height:620px;margin-top:20px;display:block}.button{color:#fff;cursor:pointer;background:#194f3d;border:0;border-radius:7px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-block}.button.secondary{color:#194f3d;background:#eff5f0;border:1px solid #c9dcd0}.button:disabled{opacity:.5;cursor:wait}fieldset{border:1px solid #d5e2d9;border-radius:8px;margin:20px 0;padding:16px}legend{padding:0 8px;font-weight:700}fieldset label{border-bottom:1px solid #edf2ef;align-items:flex-start;gap:12px;padding:12px 0;display:flex}fieldset label:last-child{border-bottom:0}fieldset strong{white-space:nowrap;margin-left:auto}input[type=radio],input[type=checkbox]{accent-color:#194f3d;flex-shrink:0;width:20px;height:20px;margin-top:3px}.name-fields{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px;display:grid}.name-fields label{gap:8px;display:grid}.name-fields input{border:1px solid #bdcec2;border-radius:6px;width:100%;padding:12px}canvas{touch-action:none;background:#fcfdfc;border:2px solid #adbfaf;border-radius:8px;width:100%;height:210px;margin-top:12px;display:block}.clear{color:#375b45;cursor:pointer;background:0 0;border:0;padding:10px 0;text-decoration:underline}.consent{gap:12px;padding:20px 0;display:flex}.error{color:#8a2424;background:#fff0ee;border-radius:8px;padding:16px}.accepted{border-color:#7ca888}.accepted p:last-child{margin:20px 0 0}footer{color:#607368;margin:30px 0;font-size:14px}footer p{margin-top:12px}.signature>p{color:#607368;font-size:14px}@media (max-width:650px){.sign-shell{margin:22px auto;padding:0 16px}.sign-shell header{gap:16px}.sign-shell header img{width:65px}h1{font-size:22px}.quote-summary{padding:20px;display:block}.quote-summary .amount{text-align:left;margin-top:18px}.options,.document,.signature,.accepted{padding:18px}.name-fields{grid-template-columns:1fr}.document iframe{height:420px}fieldset label{flex-wrap:wrap}fieldset strong{margin-left:32px}.button{text-align:center;width:100%}canvas{height:180px}}.clock-app{max-width:540px;margin:24px auto;padding:0 18px}.clock-app header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.clock-app header img{object-fit:contain}.clock-app header span{letter-spacing:.1em;color:#456b55;font-size:12px}.clock-app h1{font-size:25px}.clock-app h2{margin-bottom:20px;font-size:20px}.clock-refresh{cursor:pointer;color:#194f3d;background:#fff;border:1px solid #d4e0d7;border-radius:10px;place-items:center;margin-left:auto;padding:10px;display:grid}.clock-current{color:#fff;text-align:center;background:#194f3d;border-radius:18px;padding:28px 24px}.clock-person-name{margin:0 0 16px;font-size:22px;font-weight:700}.clock-state{background:#ffffff12;border:1px solid #ffffff32;border-radius:30px;align-items:center;gap:8px;padding:6px 12px;font-size:15px;display:inline-flex}.clock-state-dot{background:#b6c9be;border-radius:50%;width:8px;height:8px}.is-working .clock-state-dot{background:#c5f094}.is-paused .clock-state-dot{background:#f4d787}.clock-big-time{letter-spacing:-.035em;color:#e2f8c7;font-variant-numeric:tabular-nums;margin:24px 0 8px;font-size:52px;font-weight:700;line-height:1.2}.clock-current>p:not(.clock-person-name){margin:0 0 12px;font-size:15px}.clock-current small{color:#d0e5d8;font-size:14px}.clock-actions{gap:12px;margin-top:24px;display:grid}.clock-btn{cursor:pointer;color:#173c2b;white-space:normal;background:#d4f3a7;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:60px;padding:16px;font-size:17px;font-weight:700;display:flex}.clock-btn.secondary{color:#194f3d;background:#fff;border:1px solid #aecbb8}.clock-btn:disabled,.clock-refresh:disabled{opacity:.5;cursor:wait}:is(.clock-btn:focus-visible,.clock-refresh:focus-visible){outline-offset:3px;outline:3px solid #90b76b}.clock-card{background:#fff;border:1px solid #d9e3dc;border-radius:14px;margin:20px 0;padding:22px}.clock-month{color:#194f3d;justify-content:space-between;align-items:center;display:flex}.clock-month span,.clock-month strong{display:block}.clock-month strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px}.clock-month span{color:#526b5b;font-size:15px}.clock-history{border-top:1px solid #e5ece7;justify-content:space-between;gap:16px;padding:16px 0;display:flex}.clock-history>div{flex-direction:column;display:flex}.clock-history>div:last-child{text-align:right;white-space:nowrap}.clock-history span,.clock-history small{color:#607368;font-size:14px}.clock-history small{white-space:normal;overflow-wrap:anywhere}.clock-confirmation{color:#1d573d;background:#e9f5ed;border:1px solid #a8c8b3;border-radius:10px;align-items:center;gap:10px;margin-top:18px;padding:14px;display:flex}.clock-warning{color:#624600;background:#fff3cc;border:1px solid #c9ac58;border-radius:8px;padding:12px;margin-top:16px!important}.clock-app .error{margin-bottom:20px}.clock-app .error p{margin:8px 0 0;font-size:14px}.clock-app footer{margin:24px 0 40px;font-size:14px}@media (max-width:380px){.clock-current{padding:22px 16px}.clock-big-time{font-size:44px}.clock-app h1{font-size:22px}.clock-app header img{width:48px;height:48px}.clock-history{gap:10px}}