@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#243d36;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button{border-radius:7px;padding:12px 18px;font-size:13px;font-weight:600;border:1px solid transparent}button:disabled{opacity:.45;cursor:wait}button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #80b7a0;outline-offset:3px}header{height:88px;border-bottom:1px solid #dfe4dd;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{text-decoration:none;color:#243d36;display:flex;gap:11px;align-items:center;font-size:23px;font-weight:700;letter-spacing:-1px}.mark{background:#234d3e;color:white;border-radius:9px;padding:4px 9px;font-size:27px}.tag{letter-spacing:1.1px;font-size:9px;margin-left:12px;border-left:1px solid #cdd7ce;padding-left:20px;font-weight:500}.private{font-size:12px;color:#66766c;display:flex;align-items:center;gap:8px}.private i{width:6px;height:6px;border-radius:50%;background:#5b8d65}main{max-width:1440px;margin:auto;padding:52px 5% 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#6c8375;margin:0 0 14px}h1{font-family:Manrope,sans-serif;font-size:clamp(28px,3.1vw,44px);font-weight:600;letter-spacing:-1.8px;margin:0 0 15px}.lead{font-size:14px;line-height:1.8;color:#718077;margin:0}.steps{display:flex;gap:22px;font-size:11px;color:#748277;padding-bottom:6px}.steps b{display:block;font-size:11px;color:#315b47;margin-bottom:9px}.upload{border:1.5px dashed #aebfad;border-radius:12px;background:#eef2e9;min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.2s}.upload.drag{background:#dbe9d7;border-color:#315d48}.paper-icon{font-size:30px;color:#4d7057;background:#e1e9d8;border:1px solid #cfdac8;border-radius:10px;width:48px;height:53px;display:grid;place-items:center;margin-bottom:16px}.upload h2{font-size:19px;letter-spacing:-.5px;margin:0 0 7px}.upload p{margin:0 0 20px;font-size:12px;color:#7b887a}.primary{background:#244d3c;color:white;box-shadow:0 3px 5px #244d3c10}.primary span{margin-left:25px}.upload small{margin-top:16px;color:#7c8879;font-size:10px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:42px 0}.notes>div{border-top:1px solid #dce3d8;padding-top:18px}.notes span{font-size:10px;color:#8d9a86}.notes h3{font-size:13px;margin:11px 0 6px}.notes p{font-size:12px;line-height:1.7;color:#839080;margin:0;max-width:300px}footer{border-top:1px solid #e0e4dc;display:flex;justify-content:space-between;padding:20px 0 25px;color:#87917e;font-size:10px}footer>span:first-child{font-size:13px;font-weight:600;color:#52684f}#notice{padding:14px 18px;margin:18px 0;border-radius:7px;background:#e4eddf;font-size:13px;line-height:1.6}#notice.error{background:#f6e8d6;color:#77502b}.document-bar{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #dce3d9;padding:18px 22px;border-radius:10px 10px 0 0}.document-bar>div{display:flex;align-items:center;gap:12px}.file-icon{border:1px solid #ddd9cd;background:#f6f3ed;color:#8d7963;padding:12px 7px;font-size:9px;font-weight:700;border-radius:5px}.document-bar strong{display:block;font-size:14px;overflow-wrap:anywhere}.document-bar small{display:block;margin-top:5px;font-size:11px;color:#8b958a}.ghost{background:transparent;color:#49634f;border:1px solid #d7dfd3;padding:8px 11px;font-size:11px}.toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:15px 0;font-size:11px}.toolbar label{display:flex;gap:8px;align-items:center}.toolbar select{border:1px solid #d5dfd1;border-radius:5px;padding:7px;background:white;color:#38513b;max-width:150px}.toolbar input{width:70px;accent-color:#496d45}.savehint{color:#929a8e;font-size:10px}.panels{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.panel{background:white;border:1px solid #dbe1d7;border-radius:9px;overflow:hidden;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5e8e0;gap:10px}.panel-title h2{font-size:12px;margin:0}.panel-title>span{font-size:10px;color:#8a9685}.canvas-wrap{height:420px;overflow:auto;background:#e8ebe5;padding:18px}canvas{width:100%;height:auto;box-shadow:0 3px 8px #38422d18;display:block;background:white}.table-tools{display:flex;gap:4px;padding:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e5e8e0}.table-tools>span{font-size:10px;color:#9aa18f;flex:1;min-width:140px}.table-tools button{padding:6px 8px;background:#f0f4ec;color:#617251;font-size:10px}.grid{height:340px;overflow:auto}table{border-collapse:separate;border-spacing:0;font-size:12px;min-width:100%}th{position:sticky;top:0;background:#edf2e7;font-size:10px;color:#6b7b5c;height:30px;font-weight:500;z-index:1}td,th{border-right:1px solid #e7ebdf;border-bottom:1px solid #e7ebdf;padding:9px 12px;min-width:90px;max-width:250px;overflow-wrap:anywhere}td:first-child,th:first-child{min-width:35px;width:35px;text-align:center;font-size:10px;color:#9da793;background:#f7f9f3}td[contenteditable]{outline:none}td[contenteditable]:focus{box-shadow:inset 0 0 0 2px #4e7853;background:#f4f9ed}.empty{padding:60px 25px;text-align:center;font-size:13px;line-height:1.9;color:#8a957d}.table-foot{display:flex;justify-content:space-between;gap:10px;padding:12px;font-size:9px;color:#92a083;border-top:1px solid #e5e8e0}.export{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0}.export h2{font-size:16px;margin:0 0 7px;letter-spacing:-.3px}.export p{font-size:11px;color:#8b9680;margin:0}.export>div:last-child{display:flex;gap:8px}.secondary{border:1px solid #cfd9c5;background:white;color:#566c45}[hidden]{display:none!important}@media(max-width:900px){.intro{align-items:flex-start;gap:25px;flex-direction:column}.panels{grid-template-columns:1fr}.private{display:none}.export{align-items:flex-start;flex-direction:column}.notes{gap:20px}.steps{gap:35px}.tag{display:none}main{padding-top:32px}.canvas-wrap{height:330px}footer{gap:25px}.table-foot{font-size:8px}}@media(max-width:500px){.notes{grid-template-columns:1fr;gap:20px}.notes p{max-width:none}.steps{font-size:10px;gap:24px}.toolbar{gap:12px}.export button{font-size:11px}.document-bar{padding:14px}.table-tools>span{flex-basis:100%}.table-foot{flex-direction:column}.brand{font-size:21px}}