*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.photo-upload-container{min-height:100vh;background:linear-gradient(135deg,#ebf4ff,#fff,#f3e8ff);padding:1rem}@media(min-width:640px){.photo-upload-container{padding:2rem 1.5rem}}@media(min-width:1024px){.photo-upload-container{padding:2rem}}.photo-upload-wrapper{max-width:48rem;margin:0 auto}.photo-upload-card{background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.card-header{background:linear-gradient(to right,#2563eb,#9333ea);padding:2rem 1.5rem;text-align:center}@media(min-width:640px){.card-header{padding:2rem}}.card-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}@media(min-width:640px){.card-title{font-size:1.875rem}}.card-subtitle{color:#bfdbfe;font-size:.875rem}@media(min-width:640px){.card-subtitle{font-size:1rem}}.card-body{padding:2rem 1.5rem}@media(min-width:640px){.card-body{padding:2rem}}.upload-area{display:block;cursor:pointer;margin-bottom:2rem}.upload-area-border{position:relative;border:3px dashed #D1D5DB;border-radius:1rem;padding:3rem 2rem;transition:all .3s ease}@media(min-width:640px){.upload-area-border{padding:4rem 3rem}}.upload-area:hover .upload-area-border{border-color:#3b82f6;background:#3b82f60d;transform:scale(1.02)}.upload-area-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.upload-icon-wrapper{width:5rem;height:5rem;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease}@media(min-width:640px){.upload-icon-wrapper{width:6rem;height:6rem}}.upload-area:hover .upload-icon-wrapper{transform:scale(1.1)}.upload-icon{width:2.5rem;height:2.5rem;color:#fff}@media(min-width:640px){.upload-icon{width:3rem;height:3rem}}.upload-text-main{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem}@media(min-width:640px){.upload-text-main{font-size:1.125rem}}.upload-text-sub{font-size:.75rem;color:#6b7280}@media(min-width:640px){.upload-text-sub{font-size:.875rem}}.upload-input{display:none}.photos-list-container{background:#f9fafb;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}@media(min-width:640px){.photos-list-container{padding:2rem}}.photos-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.photos-list-title{font-size:1rem;font-weight:600;color:#1f2937}@media(min-width:640px){.photos-list-title{font-size:1.125rem}}.photos-count-badge{background:#2563eb;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px}@media(min-width:640px){.photos-count-badge{font-size:.875rem}}.photos-list-scroll{max-height:20rem;overflow-y:auto}.photos-list-scroll::-webkit-scrollbar{width:8px}.photos-list-scroll::-webkit-scrollbar-track{background:#e5e7eb;border-radius:10px}.photos-list-scroll::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:10px}.photos-list-scroll::-webkit-scrollbar-thumb:hover{background:#6b7280}.photo-item{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}@media(min-width:640px){.photo-item{padding:1.25rem}}.photo-item:last-child{margin-bottom:0}.photo-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.photo-item-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.photo-number-badge{width:3rem;height:3rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:640px){.photo-number-badge{width:3.5rem;height:3.5rem}}.photo-number{color:#fff;font-weight:700;font-size:.875rem}@media(min-width:640px){.photo-number{font-size:1rem}}.photo-info{flex:1;min-width:0}.photo-name{font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;margin-bottom:.25rem}@media(min-width:640px){.photo-name{font-size:1rem}}.photo-size{font-size:.75rem;color:#6b7280}.photo-delete-btn{width:2.5rem;height:2.5rem;background:#ef4444;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:.5rem}@media(min-width:640px){.photo-delete-btn{width:2.75rem;height:2.75rem}}.photo-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.delete-icon{width:1.25rem;height:1.25rem}@media(min-width:640px){.delete-icon{width:1.5rem;height:1.5rem}}.buttons-container{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.submit-btn{width:100%;padding:1rem 1.5rem;border:none;border-radius:1rem;font-weight:600;font-size:.875rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 15px -3px #0000001a}@media(min-width:640px){.submit-btn{padding:1.25rem 1.5rem;font-size:1rem;gap:1rem}}.submit-btn-pdf{background:linear-gradient(to right,#2563eb,#1d4ed8)}.submit-btn-pdf:hover:not(:disabled){background:linear-gradient(to right,#1d4ed8,#1e40af);transform:scale(1.02);box-shadow:0 20px 25px -5px #0000001a}.submit-btn-img{background:linear-gradient(to right,#9333ea,#7e22ce)}.submit-btn-img:hover:not(:disabled){background:linear-gradient(to right,#7e22ce,#6b21a8);transform:scale(1.02);box-shadow:0 20px 25px -5px #0000001a}.submit-btn:disabled{background:linear-gradient(to right,#d1d5db,#9ca3af);cursor:not-allowed;box-shadow:none;transform:scale(1)}.btn-icon{width:1.5rem;height:1.5rem}@media(min-width:640px){.btn-icon{width:1.75rem;height:1.75rem}}.btn-text{font-size:.875rem}@media(min-width:640px){.btn-text{font-size:1rem}}.notification{position:fixed;top:2rem;right:2rem;min-width:320px;max-width:500px;border-radius:1rem;padding:1.25rem;box-shadow:0 10px 25px #00000026;animation:slideIn .3s ease-out;z-index:1000}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-content{display:flex;align-items:center;gap:1rem;position:relative}.notification-icon{width:2.5rem;height:2.5rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-success,.icon-error{width:1.5rem;height:1.5rem;stroke-width:3}.notification-message{flex:1;font-size:.95rem;font-weight:500;line-height:1.5;margin:0}.notification-close{position:absolute;top:-.5rem;right:-.5rem;width:1.75rem;height:1.75rem;background:#ffffff4d;border:none;border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.notification-close:hover{background:#fff6;transform:scale(1.1)}@media(max-width:640px){.notification{top:1rem;right:1rem;left:1rem;min-width:auto}}.email-input-container{margin-bottom:1.5rem}.email-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}@media(min-width:640px){.email-label{font-size:1rem}}.email-input{width:100%;padding:.875rem 1rem;border:2px solid #E5E7EB;border-radius:.75rem;font-size:.875rem;transition:all .2s ease;outline:none}@media(min-width:640px){.email-input{padding:1rem 1.25rem;font-size:1rem}}.email-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.email-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.email-input::placeholder{color:#9ca3af}.loader{width:1.25rem;height:1.25rem;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.photo-delete-btn:disabled{opacity:.5;cursor:not-allowed}.upload-input:disabled{cursor:not-allowed}