html,body,#root{width:100%;max-width:100%;min-height:100%}.container{background-color:#f0f2f5;grid-template-columns:minmax(320px,1fr) minmax(0,1.2fr);gap:0;width:100%;max-width:100%;min-height:100vh;display:grid}.form{color:#fff;background:#004c98;width:100%;min-width:0;max-width:none;padding:clamp(24px,4vw,40px);box-shadow:4px 0 15px #0000001a}.form h1{text-align:center;border-bottom:2px solid #fff3;margin-bottom:30px;padding-bottom:15px;font-size:1.8rem}#signatureform{flex-direction:column;display:flex}.information{flex-direction:column;gap:20px;display:flex}.section-title{color:#f36421;text-transform:uppercase;letter-spacing:1px;margin-top:10px;font-size:1.1rem;font-weight:700}.information-child{flex-direction:column;gap:8px;display:flex}.information-child label{text-align:left;font-size:.9rem;font-weight:700}.information-child input,.information-child select{color:#333;background-color:#fff;border:2px solid #0000;border-radius:6px;width:100%;padding:12px;font-size:1rem;transition:all .2s}.information-child input:focus,.information-child select:focus{border-color:#f36421;outline:none;box-shadow:0 0 8px #f3642166}.information-child input[aria-invalid=true]{border-color:#ffb4ab}.url-error{color:#ffddd8;font-size:.82rem;line-height:1.3}#submit-btn{color:#fff;cursor:pointer;background-color:#f36421;border:none;border-radius:8px;margin:30px 0;padding:15px;font-size:1.1rem;font-weight:700;transition:background-color .2s;box-shadow:0 4px 6px #0000001a}#submit-btn:hover{background-color:#e2581c}.signature{background-color:#fff;justify-content:center;align-items:flex-start;width:100%;min-width:0;height:100vh;padding:clamp(24px,4vw,40px);display:flex;position:sticky;top:0}.signature-preview-scroll{--signature-width:820px;width:100%;max-width:var(--signature-width);min-width:0}.signature-preview-scale{--signature-scale:1;transform-origin:0 0;max-width:100%}.signature-preview-inner{width:var(--signature-width);max-width:none;transform:scale(var(--signature-scale));transform-origin:0 0}@media (width<=1024px){.container{grid-template-columns:1fr}.form{width:100%;max-width:none;box-shadow:none}.signature{width:100%;height:auto;min-height:0;position:static}}@media (width<=900px){.signature-preview-scroll{max-width:100%}}@media (width<=480px){.container{min-width:0}.form{padding:20px}.form h1{font-size:1.5rem}.information{gap:16px}.information-child input,.information-child select,#submit-btn{font-size:1rem}.signature{padding:20px 16px}}@media (width<=360px){.form{padding:16px}.signature{padding:16px 12px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Tahoma,sans-serif}.container-uploadsys{text-align:center;color:#fff;background:#ffffff0d;border:2px dashed #fff3;border-radius:15px;width:100%;max-width:100%;margin-top:20px;padding:30px;transition:all .3s}.container-uploadsys:hover{background:#ffffff14;border-color:#f36421}.container-uploadsys h2{margin-bottom:10px;font-size:1.4rem}.upload-controls{flex-direction:column;align-items:center;gap:15px;width:100%;margin-top:20px;display:flex}#image-input{display:none}.custom-file-upload{cursor:pointer;color:#004c98;background-color:#fff;border:2px solid #0000;border-radius:8px;padding:12px 24px;font-weight:700;transition:all .2s;display:inline-block}.custom-file-upload:hover{background-color:#f0f0f0;transform:translateY(-2px)}#upload-btn{color:#fff;cursor:pointer;background-color:#f36421;border:none;border-radius:8px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #f364214d}#upload-btn:hover:not(:disabled){background-color:#e2581c;transform:translateY(-2px);box-shadow:0 6px 20px #f3642166}#upload-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background-color:#666}.render-image{margin-top:20px;display:inline-block;position:relative}.render-image img{object-fit:cover;border:4px solid #f36421;border-radius:10px;width:150px;height:150px;box-shadow:0 8px 20px #0000004d}.preview-label{color:#f36421;margin-top:8px;font-size:.8rem;font-weight:700;display:block}.gallery-section{scroll-behavior:smooth;backface-visibility:hidden;will-change:scroll-position;background-color:#0000001a;border:1px solid #ffffff1a;border-radius:12px;max-height:none;margin-top:20px;padding:10px;transform:translateZ(0)}.uploaded-images{grid-gap:20px;content-visibility:auto;contain-intrinsic-size:0 500px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-width:100%;padding:10px;display:grid}.images-container{background:#0003;border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:10px;transition:transform .2s;display:flex;position:relative}.images-container:hover{background:#0000004d;transform:translateY(-3px)}.gallery-image{object-fit:cover;cursor:pointer;border:2px solid #fff;border-radius:4px;width:120px;max-width:100%;height:120px;transition:border-color .2s}.gallery-image:hover{border-color:#f36421}.images-container p{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;margin:0;font-size:.75rem;overflow:hidden}.footer{color:#fff;text-align:center;background-color:#f36d2d;padding-top:15px}.footer-inner{background-color:#00529c;padding:10px 0}.footer p{margin:0;font-size:24px;font-weight:700}@media (width<=600px){.container-uploadsys{padding:20px}.container-uploadsys h2{font-size:1.25rem}.uploaded-images{grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));padding:8px 0}.images-container{padding:8px}.gallery-image,.render-image img{width:100px;height:100px}.custom-file-upload,#upload-btn,.show-button{max-width:100%}}@media (width<=360px){.container-uploadsys{padding:16px}.uploaded-images{grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.gallery-image,.render-image img{width:88px;height:88px}}.admin-container{background-color:#f0f2f5;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;font-family:Tahoma,sans-serif;display:flex;overflow-x:hidden}.admin-header{color:#fff;text-align:center;background-color:#004c98;padding:20px;box-shadow:0 2px 10px #0000001a}.admin-header h1{border-bottom:2px solid #fff3;margin:0;padding-bottom:10px;font-size:1.8rem}.admin-content{flex:1;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:20px}.admin-controls{background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;min-width:0;margin-bottom:30px;padding:20px;display:flex;box-shadow:0 2px 5px #0000000d}.admin-login-card{background:#fff;border-radius:12px;flex-direction:column;gap:12px;max-width:420px;margin:80px auto 0;padding:28px;display:flex;box-shadow:0 8px 30px #00000014}.admin-login-card h2{color:#004c98;margin:0}.admin-login-card p{color:#555;margin:0 0 8px}.admin-login-card label{color:#333;font-weight:700}.admin-login-card input{border:2px solid #ddd;border-radius:8px;outline:none;padding:12px;font-size:1rem}.admin-login-card input:focus{border-color:#004c98}.admin-login-error{color:#721c24;background-color:#f8d7da;border-radius:8px;padding:10px}.admin-login-button,.admin-logout-button{color:#fff;cursor:pointer;background-color:#004c98;border:none;border-radius:8px;min-height:40px;padding:12px 16px;font-weight:700}.admin-login-button:hover,.admin-logout-button:hover{background-color:#00366d}.admin-logout-button{background-color:#333}.admin-logout-button:hover{background-color:#111}.search-box{flex:1;min-width:250px}.search-box input{border:2px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px;font-size:1rem;transition:border-color .2s}.search-box input:focus{border-color:#004c98}.stats-badge{color:#fff;white-space:nowrap;background:#f36421;border-radius:20px;padding:8px 15px;font-size:.9rem;font-weight:700}.admin-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;min-width:0;display:grid}.admin-image-card{background:#fff;border-radius:10px;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 3px 10px #0000001a}.admin-image-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.image-wrapper{width:100%;padding-top:100%;position:relative}.image-wrapper img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.image-info{flex-direction:column;flex:1;justify-content:space-between;padding:12px;display:flex}.image-name{color:#333;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.85rem;display:-webkit-box;overflow:hidden}.image-date{color:#666;margin:0;font-size:.78rem;line-height:1.3}.immutable-badge{color:#004c98;background-color:#e8f1ff;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:40px;font-size:.85rem;font-weight:700;display:flex}.back-link{color:#004c98;margin-top:20px;font-weight:700;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}@media (width<=900px){.admin-content{padding:16px}.admin-gallery{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}}@media (width<=600px){.admin-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.admin-header h1{font-size:1.4rem}.admin-content{padding:10px}.admin-controls{flex-direction:column;align-items:stretch;padding:16px}.search-box{min-width:unset}.stats-badge{white-space:normal;align-self:flex-start}}@media (width<=360px){.admin-header{padding:16px 12px}.admin-header h1{font-size:1.25rem}.admin-content{padding:8px}.admin-gallery{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.image-info{padding:10px}}