.signature-page{color:#e5e5e5;background:#0a0a0a;min-height:100vh}.signature-card{background:#171717e6;border:1px solid #ffffff1a;border-radius:1.5rem;padding:2.5rem;box-shadow:0 8px 32px #00000040}.signature-card:hover{border-color:#ffffff24}.signature-method-tab{border:2px solid #0000;border-radius:.75rem;padding:.75rem 1.25rem;font-weight:500;transition:border-color,color .2s}.signature-method-tab[data-active=true]{color:#fff;border-color:#ffffff59}.signature-method-tab[data-active=false]:hover{color:#ffffffe6;background:#ffffff0d}.style-category-btn{color:#ffffffe6;background:#ffffff0d;border:1px solid #ffffff26;border-radius:.5rem;padding:.5rem 1rem;transition:background,border-color .2s}.style-category-btn:hover{background:#ffffff14;border-color:#ffffff40}.style-category-btn[data-selected=true]{color:#fff;border-width:2px;border-color:#ffffff80}.signature-grid-item{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:.5rem;transition:border-color .2s;overflow:hidden}.signature-grid-item:hover{border-color:#ffffff4d}.signature-grid-item[data-selected=true]{border-color:#fff9}.signature-upload-zone{text-align:center;border:2px dashed #fff3;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:2rem;transition:border-color,background .2s;display:flex}.signature-upload-zone:hover,.signature-upload-zone[data-drag=true]{background:#3b82f60d;border-color:#3b82f699}.signature-upload-zone input{display:none}.signature-preview-box{color:#ffffffd9;background:#0006;border:1px solid #ffffff1a;border-radius:.5rem;padding:1rem;font-size:.9rem}.signature-profile-card{flex-direction:column;gap:1.25rem;display:flex}.signature-profile-header{flex-direction:column;gap:.75rem;display:flex}@media (min-width:768px){.signature-profile-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.signature-profile-desc{color:#ffffffa6;margin:0;font-size:.8125rem;line-height:1.5}.signature-profile-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.signature-profile-dropdown-wrap{min-width:320px;max-width:100%}.signature-profile-select{color:#e5e5e5;cursor:pointer;appearance:none;background:#171717 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M2 4 L6 8 L10 4'/%3E%3C/svg%3E") right 1rem center no-repeat;border:1px solid #ffffff26;border-radius:1rem;width:100%;min-height:3rem;padding:.625rem 2.5rem .625rem 1rem;font-family:inherit;font-size:.875rem;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:block}.signature-profile-select:hover{border-color:#ffffff40}.signature-profile-select:focus{border-color:#fff6;outline:none;box-shadow:0 0 0 3px #ffffff1f}.signature-profile-select:disabled{opacity:.7;cursor:not-allowed}.signature-profile-select option{color:#e5e5e5;background:#171717;padding:.5rem .75rem;font-size:.875rem}.signature-profile-select option:checked{color:#fff;background:#ffffff1f}.signature-profile-btn{cursor:pointer;border:1px solid #0000;border-radius:.75rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.4;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.signature-profile-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff3}.signature-profile-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.signature-profile-btn--secondary{color:#ffffffe6;background:#ffffff0f;border-color:#fff3}.signature-profile-btn--secondary:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#ffffff4d}.signature-profile-btn--danger{color:#f87171;background:0 0;border-color:#f8717166}.signature-profile-btn--danger:hover:not(:disabled){color:#fca5a5;background:#f871711a;border-color:#f8717199}.signature-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out signature-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes signature-modal-fade-in{0%{opacity:0}to{opacity:1}}.signature-modal{background:#171717fa;border:1px solid #ffffff1f;border-radius:1.25rem;width:100%;max-width:480px;padding:1.5rem 1.75rem;animation:.25s ease-out signature-modal-slide-in;box-shadow:0 12px 40px #00000059}@keyframes signature-modal-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.signature-modal-title{color:#fff;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.signature-modal-desc{color:#ffffffb3;margin:0 0 1rem;font-size:.875rem;line-height:1.4}.signature-modal-input{color:#e5e5e5;box-sizing:border-box;background:#ffffff0f;border:1px solid #fff3;border-radius:.625rem;width:100%;margin-bottom:1.25rem;padding:.625rem 1rem;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:block}.signature-modal-input::placeholder{color:#fff6}.signature-modal-input:hover{border-color:#ffffff4d}.signature-modal-input:focus{border-color:#1f78d1;outline:none;box-shadow:0 0 0 2px #1f78d140}.signature-modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.signature-modal-btn{cursor:pointer;border:1px solid #0000;border-radius:.75rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.4;transition:background .2s,border-color .2s,color .2s}.signature-modal-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff3}.signature-modal-btn:disabled{opacity:.5;cursor:not-allowed}.signature-modal-btn--primary{color:#fff;background:#1f78d1;border-color:#1f78d1}.signature-modal-btn--primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.signature-modal-btn--secondary{color:#ffffffe6;background:#ffffff0f;border-color:#fff3}.signature-modal-btn--secondary:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#ffffff4d}