@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Quicksand:wght@500;600;700&display=swap";:root{--primary:#ff6b6b;--secondary:#4ecdc4;--accent:#ffe66d;--bg-top:#e0f2fe;--bg-bottom:#fff1f2;--text-main:#2d3748;--white-glass:#ffffffd9;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--radius-round:50px;--shadow-soft:0 10px 25px #0000000d;--shadow-bouncy:0 15px 35px #ff6b6b33}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:linear-gradient(135deg, var(--bg-top) 0%, var(--bg-bottom) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Nunito,sans-serif;overflow-x:hidden}h1,h2,h3,h4{color:var(--primary);text-align:center;font-family:Quicksand,sans-serif;font-weight:700}.app-container{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.glass-panel{background:var(--white-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:4px solid #fff;padding:30px 20px}.input-field{border-radius:var(--radius-round);width:100%;color:var(--text-main);background:#fff;border:3px solid #e2e8f0;outline:none;margin-bottom:20px;padding:16px 20px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.input-field:focus{border-color:var(--secondary);transform:translateY(-2px);box-shadow:0 0 0 5px #4ecdc433}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-round);cursor:pointer;width:100%;box-shadow:var(--shadow-bouncy);border:none;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px 30px;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:700;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex}.btn-primary:active{transform:scale(.95)}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 20px 40px #ff6b6b4d}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e0;transform:none}.upload-dropzone{border:4px dashed var(--secondary);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#4ecdc40d;margin-bottom:20px;padding:40px 20px;transition:all .3s}.upload-dropzone:hover{background:#4ecdc41a;transform:scale(1.02)}.admin-container{max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 20px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:30px;display:grid}.photo-card{border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);background:#fff;border:3px solid #fff;position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:200px;display:block}.photo-card-info{padding:15px}.photo-card-actions{justify-content:space-between;margin-top:10px;display:flex}.icon-btn{cursor:pointer;color:var(--text-main);background:#edf2f7;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.icon-btn.delete:hover{color:#e53e3e;background:#fed7d7}.icon-btn.download:hover,.icon-btn.download:visited{color:#38a169;background:#c6f6d5;text-decoration:none}.progress-wrapper{border-radius:var(--radius-round);background:#edf2f7;border:2px solid #fff;width:100%;height:20px;margin:15px 0;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{background:linear-gradient(90deg, var(--secondary), var(--accent));border-radius:var(--radius-round);height:100%;transition:width .3s}.title-banner{background:var(--white-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:center;border:3px solid #fff;margin-bottom:30px;padding:15px 20px}.title-banner h2{color:var(--secondary);margin:0;font-size:1.1rem}.title-banner h1{color:var(--primary);margin:5px 0 0;font-size:1.8rem}