.signature-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.signature-modal-container{background:#fff;border-radius:12px;padding:30px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 40px #0003}.signature-header{text-align:center;border-bottom:2px solid #f0f0f0;padding-bottom:15px}.signature-header h2{margin:0;font-size:24px;font-weight:600;color:#333}.borrower-info{margin:10px 0 0;font-size:16px;color:#666;font-weight:500}.signature-instructions{background-color:#f9f9f9;padding:12px 16px;border-radius:8px;border-left:4px solid #4CAF50}.signature-instructions p{margin:0;font-size:16px;color:#333;font-weight:500}.signature-canvas-wrapper{flex:1;display:flex;justify-content:center;align-items:center;border:2px solid #ddd;border-radius:8px;background-color:#fafafa;overflow:hidden;min-height:400px;position:relative;width:100%}.signature-canvas{display:block;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;top:0;left:0}.signature-actions{display:flex;gap:12px;justify-content:space-between}.btn{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background-color:#e8e8e8}.btn-primary{background-color:#4caf50;color:#fff;flex:2}.btn-primary:hover:not(:disabled){background-color:#45a049;box-shadow:0 4px 12px #4caf504d}.signature-cancel-btn{background:none;border:none;color:#999;text-decoration:underline;cursor:pointer;font-size:14px;padding:5px;transition:color .2s ease;align-self:center}.signature-cancel-btn:hover:not(:disabled){color:#666}.signature-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.signature-modal-container{padding:20px;gap:15px}.signature-header h2{font-size:20px}.borrower-info{font-size:14px}.signature-canvas-wrapper{min-height:350px}.signature-instructions p{font-size:14px}.btn{padding:10px 16px;font-size:14px}.signature-actions{flex-direction:column}.btn-primary{flex:1}}