*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0f6e56;--primary-dark:#085041;--primary-surface:#e1f5ee;--surface:#fafaf8;--background:#fff;--border:#e8e2da;--text-primary:#1a1a1a;--text-secondary:#888;--text-hint:#bbb;--error:#e24b4a;--radius:14px}body{background:var(--surface);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{background:var(--background);max-width:480px;min-height:100dvh;margin:0 auto}.screen{flex-direction:column;min-height:100dvh;padding:24px 20px;display:flex}.logo{text-align:center;margin-bottom:24px}.logo h1{color:var(--primary);letter-spacing:-.5px;font-size:24px;font-weight:700}.logo p{color:var(--text-secondary);margin-top:4px;font-size:12px}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.info-box{background:var(--primary-surface);color:var(--primary-dark);border:1px solid #0f6e5626;border-radius:12px;margin-bottom:14px;padding:12px;font-size:12px;line-height:1.5}.field{margin-bottom:14px}.field label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;display:block}.field input,.field select{border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text-primary);outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.field input:focus,.field select:focus{border-color:var(--primary);border-width:1.5px}.field .error{color:var(--error);margin-top:4px;font-size:11px}.btn{border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:14px;font-size:15px;font-weight:600;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0}.badge{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.badge-green{background:var(--primary-surface);color:var(--primary-dark)}.doc-content{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);color:#333;white-space:pre-wrap;max-height:50vh;padding:20px;font-size:13px;line-height:1.7;overflow-y:auto}.signature-pad{border:1px solid var(--border);border-radius:var(--radius);touch-action:none;cursor:crosshair;background:#fff}.otp-input{text-align:center;letter-spacing:8px;color:var(--primary);font-family:monospace;font-size:24px;font-weight:700}.step-indicator{text-align:center;color:var(--text-hint);margin-bottom:20px;font-size:11px}.spacer{flex:1}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:13px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.loading{text-align:center;color:var(--text-secondary);padding:40px}.success-icon{background:var(--primary-surface);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex}