:root{--brand-1:#3272d1fa;--brand-2:#3272d1;--gradient:linear-gradient(135deg,var(--brand-1) 0%,var(--brand-2) 100%);--on-gradient:#fff;--on-gradient-muted:hsla(0,0%,100%,.92);--hover-overlay:hsla(0,0%,100%,.12);--accent:#5b2be0}body,html{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,sans-serif;height:100%}main{flex:1}.navbar{background:#fff;border-bottom:2px solid var(--brand-2);box-shadow:none;min-height:60px;padding:.4rem 0}header.sticky-top{background:transparent!important;box-shadow:none!important}.navbar-brand{align-items:center;color:#111827!important;display:flex;font-weight:700;letter-spacing:.06em}.navbar-brand img{height:42px;margin-right:.5rem;width:auto}.navbar-brand .brand-text{font-size:1.08rem;font-weight:700;letter-spacing:.12em}.navbar-brand i{font-size:1.8rem;margin-right:.5rem}.navbar-toggler{border:none;box-shadow:none!important;outline:none!important}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(31, 41, 55, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.nav-link{border-radius:6px;color:#4b5563!important;font-size:.95rem;font-weight:600;padding:.5rem 1rem;position:relative;transition:all .3s ease}.nav-link.active,.nav-link:hover{background:#edf2ff;color:#111827!important}.nav-link.active:after{background:#fff;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:1.2rem;position:absolute;right:1.2rem}.navbar .dropdown-menu{animation:dropdownFadeIn .3s cubic-bezier(.25,.46,.45,.94) forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95);border:none;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);margin-top:10px;padding:8px;transform-origin:top}.navbar .dropdown-item{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:500;margin:0;overflow:hidden;padding:10px 15px;position:relative;transition:all .3s ease;z-index:1}.navbar .dropdown-item:hover{background-color:transparent;color:var(--accent)!important;transform:translateX(4px)}.navbar .dropdown-item:before{background:linear-gradient(90deg,transparent,rgba(91,43,224,.08),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:-1}.navbar .dropdown-item:hover:before{left:0}.navbar .dropdown-item i{font-size:1.1rem;margin-right:12px;text-align:center;transition:transform .3s ease;width:20px}.navbar .dropdown-divider{border-color:rgba(0,0,0,.1);margin:8px 0}.profile-img{border:2px solid var(--brand-2);border-radius:50%;height:36px;object-fit:cover;transition:all .3s ease;width:36px}.profile-img:hover{transform:scale(1.05)}.user-name{color:var(--brand-2);font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar .btn-outline-primary{border-color:var(--brand-2);color:var(--brand-2)}.navbar .btn-outline-primary:hover{background:var(--brand-2);border-color:var(--brand-2);color:#fff}.navbar .nav-link.dropdown-toggle{align-items:center;display:inline-flex;white-space:nowrap}.navbar .dropdown-toggle:after{margin-left:.35rem;vertical-align:middle}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-footer{background:radial-gradient(circle at top left,#1f3b57 0,#0b1724 55%,#050910 100%);border-top:1px solid hsla(0,0%,100%,.06);box-shadow:0 -6px 18px rgba(15,23,42,.55);font-size:.8rem;padding:.8rem 0}.app-footer .footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.app-footer .copyright{color:#fff}.app-footer .footer-links a,.app-footer .social-icons a{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.02em;margin-left:1rem;text-decoration:none;text-transform:uppercase;transition:color .2s ease,transform .2s ease,opacity .2s ease}.app-footer .footer-links a:hover,.app-footer .social-icons a:hover{color:var(--accent);opacity:.9;transform:translateY(-1px)}@media (max-width:576px){.app-footer .footer-content{flex-direction:column;justify-content:center;text-align:center}.app-footer .footer-links a,.app-footer .social-icons a{margin:0 .75rem}}@media (max-width:991.98px){.navbar-brand{font-size:1.1rem}.navbar-nav .dropdown-menu{background-color:hsla(0,0%,100%,.95);border:none;box-shadow:none;margin-left:1rem}.navbar-nav .dropdown-item{border-bottom:1px solid rgba(0,0,0,.1);padding:.75rem 1rem}.navbar-nav .dropdown-item:last-child{border-bottom:none}.navbar-toggler{border:1px solid hsla(0,0%,100%,.3);padding:.25rem .5rem}.navbar-toggler:focus{box-shadow:0 0 0 .2rem hsla(0,0%,100%,.25)}}@media print{#globalLoadingOverlay,.btn-close,.d-print-none,.navbar,footer.modern-footer,header.sticky-top{display:none!important}body{background:#fff!important;color:#000!important}main{margin:0!important;padding:0!important}a{color:#000!important;text-decoration:none!important}}.hero{background:linear-gradient(90deg,#f8f5ff,#f9f0ff);border:1px solid #eee;border-radius:16px;padding:2rem}@media (max-width:576px){.hero{padding:1.5rem 1rem}h1{font-size:1.75rem}}.qa-card{background:#fff;border:1px solid #eef1f4;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.01);height:100%;overflow:hidden;position:relative;transition:transform .25s ease-out,box-shadow .25s ease-out,border-color .25s ease;z-index:1}.qa-card:hover{border-color:transparent;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 0 0 1px var(--accent,#eef1f4);transform:translateY(-5px);z-index:2}.qa-card .stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;min-width:48px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:48px}.qa-card:hover .stat-icon{box-shadow:0 5px 15px rgba(0,0,0,.15);transform:scale(1.1)}.qa-card .card-body{padding:1.25rem}.qa-title{font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:2px}.qa-desc{color:#6c757d;font-size:.85rem;line-height:1.4}.qa-card .arrow{color:#adb5bd;font-size:1.2rem;transition:transform .2s ease,color .2s ease}.qa-card:hover .arrow{color:var(--accent,#6c757d);transform:translateX(6px)}.requires-login{font-size:.7rem;position:absolute;right:8px;top:8px}.disabled-look{opacity:.85}.accent:before{background:var(--accent,#e9ecef);border-top-left-radius:16px;border-top-right-radius:16px;content:"";height:4px;left:0;position:absolute;right:0;top:0}.note-list li{margin-bottom:.35rem}.tools-section-title{font-weight:700}.cta-btn{white-space:nowrap}.card.clean{border-radius:14px}.muted{color:#6c757d}.chip-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:1.5rem}.chip{background:#fff;border:1px solid #e9ecef;border-radius:999px;cursor:pointer;font-size:.875rem;padding:.35rem .85rem;transition:all .2s ease}.chip:hover{background:#f8f9fa}.chip.active{background:#0d6efd;border-color:#0d6efd;color:#fff}.modern-footer{background:linear-gradient(135deg,#1a1d29,#0f172a 55%,#050910);border-top:1px solid hsla(0,0%,100%,.08);color:#fff}.footer-logo{background:#fff;border-radius:12px;box-sizing:content-box;height:40px;padding:6px;width:auto}.footer-link{color:hsla(0,0%,100%,.7)!important;text-decoration:none;transition:color .2s ease,transform .2s ease}.footer-link:hover{color:#fff!important;transform:translateX(2px)}.social-link{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;color:hsla(0,0%,100%,.8);display:inline-flex;height:36px;justify-content:center;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease;width:36px}.social-link:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:translateY(-2px)}.modern-footer h6{font-size:.85rem;letter-spacing:.05em}@media (max-width:767.98px){.modern-footer .text-md-end{text-align:center!important}}.animate-up{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.animate-up.visible{opacity:1;transform:translateY(0)}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:576px){.container{padding-left:15px;padding-right:15px}.card-body{padding:1.25rem}}.tool-spinner-overlay{align-items:center;background:rgba(0,0,0,.5);display:none;inset:0;justify-content:center;position:fixed;z-index:9999}.spinner-custom{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid var(--brand-2);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cursor-pointer{cursor:pointer}.border-dashed{border-style:dashed!important}.dropzone:focus-within,.dropzone:hover{background-color:rgba(13,110,253,.05)!important;border-color:var(--brand-2)!important;transition:all .3s ease}.dropzone.active{background-color:rgba(13,110,253,.1)!important;border-color:var(--brand-2)!important;border-style:solid!important}.upload-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.upload-box{background:#fff;border:2px dashed #ccc;border-radius:10px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:280px}.upload-box:hover{box-shadow:0 4px 15px rgba(0,0,0,.05);transform:translateY(-2px)}.preview-box{align-items:center;background:#f9f9f9;border:1px solid #ccc;color:#888;display:flex;font-size:14px;height:180px;justify-content:center;margin:0 auto 10px;overflow:hidden;width:180px}.preview-box img{max-height:100%;max-width:100%;object-fit:contain}.editor-wrap{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;height:320px;justify-content:center;max-height:55vh;overflow:hidden}@media (max-width:576px){.editor-wrap{height:260px}}.btn.photo-btn{background-color:#007bff;border:none;color:#fff;transition:background .2s}.btn.photo-btn:hover{background-color:#0056b3}.btn.signature-btn{background-color:#ff7b00;border:none;color:#fff;transition:background .2s}.btn.signature-btn:hover{background-color:#e06c00}.btn.process-btn{background-color:#28a745;border:none;color:#fff;margin-top:20px;transition:transform .2s,background .2s}.btn.process-btn:hover{background-color:#218838;transform:translateY(-2px)}.btn.process-btn:disabled{background-color:#6c757d;transform:none}#download-container{display:none;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.download-box{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);padding:20px;text-align:center;transition:all .3s ease;width:280px}.download-box:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-5px)}.download-box h3{font-size:1rem;font-weight:600;margin-bottom:15px}.editor-img{display:block;max-height:100%;max-width:100%}.range-label{font-size:.9rem}.btn-custom{background-color:#20c997;border-color:#20c997;color:#fff;transition:all .2s ease}.btn-custom:hover{background-color:#1aa179;border-color:#1aa179;color:#fff;transform:translateY(-2px)}.text-custom{color:#20c997!important}.bg-custom{background-color:#20c997!important}.btn-red-custom{background-color:#e74c3c;border-color:#e74c3c;color:#fff;transition:all .2s ease}.btn-red-custom:hover{background-color:#c0392b;border-color:#c0392b;color:#fff;transform:translateY(-2px)}.text-red-custom{color:#e74c3c!important}.bg-red-custom{background-color:#e74c3c!important}.pdf-upload-box{align-items:center;background:#fff;border:2px dashed #adb5bd;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:250px;transition:all .3s ease}.pdf-upload-box.active,.pdf-upload-box:hover{background:#f1f7ff;border-color:#0d6efd}.pdf-file-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;height:100%;padding:1rem;position:relative;transition:all .2s}.pdf-file-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.status-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25em .6em}.status-pending{background:#e9ecef;color:#495057}.status-processing{background:#fff3cd;color:#856404}.status-done{background:#d1e7dd;color:#0f5132}.status-error{background:#f8d7da;color:#842029}.range-slider{-webkit-appearance:none;appearance:none;background:#dee2e6;border-radius:5px;height:6px;outline:none;width:100%}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0d6efd;border-radius:50%;cursor:pointer;height:20px;transition:background .15s ease-in-out;width:20px}.file-row{align-items:center;display:flex;gap:.75rem;padding:.75rem}.file-name{font-weight:600}.file-size{color:#6c757d}.pdf-icon{align-items:center;background:linear-gradient(135deg,#dc3545,#fd7e14);border-radius:8px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.pdf-icon.pdf-icon-primary{background:linear-gradient(135deg,#0d6efd,#6610f2)}.file-order{align-items:center;background:#198754;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.image-preview{border-radius:4px;height:40px;object-fit:cover;width:40px}#globalLoadingOverlay{align-items:center;backdrop-filter:blur(8px);background:rgba(17,24,39,.75);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:9999}#globalLoadingOverlay.d-block,#globalLoadingOverlay:not(.d-none){opacity:1;pointer-events:auto}.loading-container{align-items:center;animation:fadeIn .4s ease-out;display:flex;flex-direction:column}.custom-loader{animation:rotate 1s linear infinite;border-radius:50%;height:60px;position:relative;width:60px}.custom-loader:after,.custom-loader:before{animation:prixClipFix 2s linear infinite;border:5px solid #fff;border-radius:50%;box-sizing:border-box;content:"";inset:0;position:absolute}.custom-loader:after{animation:prixClipFix 2s linear infinite,rotate .5s linear infinite reverse;border-color:var(--brand-2);inset:6px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}#globalLoadingOverlay .loading-text{font-size:.85rem;font-weight:500;letter-spacing:1px;margin-top:1rem;text-transform:uppercase}body[aria-busy=true]{cursor:progress}