*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#f6f6f4}a{color:#0a4d8c}h1,h2,h3{margin:.6em 0 .4em}.muted{color:#666}.small{font-size:.85em}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.7rem 1.5rem;background:#0a2540;color:#fff}.topbar a{color:#fff;text-decoration:none}.topbar .brand{font-weight:700;font-size:1.1rem}.topbar nav{display:flex;gap:1rem}.topbar nav a{opacity:.85}.topbar nav a:hover{opacity:1}.user-chip{margin-left:auto;display:flex;align-items:center;gap:.7rem;font-size:.9em}.main{max-width:1100px;margin:0 auto;padding:1.5rem}.center{display:flex;justify-content:center;padding:4rem 1rem}.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.2rem;margin:1rem 0}.card.auth{width:420px;max-width:100%}.card.auth label{display:block;margin:.8rem 0;font-weight:600}.input{width:100%;padding:.5rem .6rem;border:1px solid #bbb;border-radius:5px;font-size:1rem;margin-top:.25rem}select.input{width:auto}.btn{background:#0a4d8c;color:#fff;border:none;border-radius:5px;padding:.55rem 1.1rem;font-size:1rem;cursor:pointer}.btn:hover{background:#083a6b}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:#e8e8e8;color:#222}.btn.small{padding:.3rem .7rem;font-size:.9rem}.row{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.row .input{flex:1;min-width:180px}.error{background:#fdecea;color:#8b1a1a;border:1px solid #f5c6cb;padding:.7rem;border-radius:5px;margin:.8rem 0}.notice{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7;padding:.7rem;border-radius:5px;margin:.8rem 0}.linkbox{font-family:monospace;word-break:break-all;background:#fff;border:1px dashed #999;padding:.5rem;margin-top:.5rem}.table{width:100%;border-collapse:collapse;background:#fff;margin:1rem 0}.table th,.table td{border:1px solid #ddd;padding:.6rem;text-align:left;vertical-align:top}.table th{background:#eef2f6}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.85em;background:#e0e0e0}.badge.draft{background:#e3e3e3}.badge.in_review{background:#fff3cd}.badge.final{background:#d4edda}.badge.sent{background:#cfe2ff}.badge.viewed{background:#fff3cd}.badge.signed{background:#d4edda}.upload .row{margin-top:.6rem}.docview{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem 2rem;margin:1rem 0;line-height:1.7}.doc-logo{display:block;margin:0 auto 1rem;max-height:110px;max-width:180px}.docpara{margin:.5em 0}.docpara.commentable{cursor:pointer;border-radius:4px;padding:.1em .3em;margin-left:-.3em;margin-right:-.3em}.docpara.commentable:hover{background:#eef4fb;outline:1px dashed #9db8d6}.docpara.commentable.selected{background:#fff3cd;outline:1px solid #e0a81c}.docpara.has-comments{border-left:3px solid #0a4d8c;padding-left:.5em}.preview-layout{display:flex;gap:1.5rem;align-items:flex-start}.preview-layout .doc-pane{flex:1 1 auto;min-width:0}.comments-panel{flex:0 0 340px;min-width:0;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto;padding-right:.25rem}.comments-panel h3{margin-top:0}@media (max-width: 900px){.preview-layout{flex-direction:column}.comments-panel{flex:none;width:100%;position:static;max-height:none;overflow:visible;padding-right:0}}.comment-badge{display:inline-block;margin-left:.5em;font-size:.8em;background:#cfe2ff;border-radius:999px;padding:0 .5em;white-space:nowrap}.comment-composer textarea.input{width:100%;font-family:inherit;resize:vertical}.comment{margin:.7rem 0}.comment.resolved{opacity:.75}.comment-head{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.badge.open{background:#fff3cd}.badge.resolved{background:#d4edda}textarea.input{font-family:inherit}.para-edit-btn{margin-left:.6em;font-size:.8em;background:#eef4fb;border:1px solid #9db8d6;border-radius:4px;padding:.1em .5em;cursor:pointer;white-space:nowrap}.para-editor{background:#fffbe6;border:1px solid #e0a81c;border-radius:8px;padding:.8rem;margin:.7rem 0}.para-editor textarea.input{width:100%;font-family:inherit;resize:vertical}.field-value{color:#0a4d8c}.field-empty{color:#999;font-weight:400}.field-input{display:inline-block;width:auto;min-width:180px;padding:.25rem .5rem;border:1px solid #0a4d8c;border-radius:4px;font-size:1rem;margin:0 .15rem}.vendor-page{max-width:860px;margin:0 auto;padding:1.5rem}.vendor-page.review-page{max-width:1180px}.vendor-header{border-bottom:2px solid #0a2540;margin-bottom:1rem;padding-bottom:.5rem}.sigpad{margin:1rem 0}.sig-tabs{display:flex;gap:.5rem;margin-bottom:.5rem}.sig-tabs button{padding:.4rem .9rem;border:1px solid #bbb;background:#fff;border-radius:5px;cursor:pointer}.sig-tabs button.active{background:#0a4d8c;color:#fff;border-color:#0a4d8c}.sig-canvas{border:1px solid #999;border-radius:5px;background:#fff;width:100%;max-width:520px;touch-action:none}.sig-typed{font-family:Brush Script MT,Segoe Script,cursive;font-size:1.6rem;max-width:520px}@media (max-width: 640px){.topbar{flex-wrap:wrap;gap:.7rem}.main,.docview{padding:1rem}}