.app[data-v-cc11e980]{min-height:100vh;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2)}.user-info[data-v-cc11e980]{display:flex;align-items:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;margin-bottom:24px;border:1px solid rgba(255,255,255,.2)}.user-avatar[data-v-cc11e980]{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:16px;border:2px solid rgba(255,255,255,.3)}.user-avatar img[data-v-cc11e980]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-cc11e980]{width:100%;height:100%;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff}.user-details[data-v-cc11e980]{flex:1}.user-name[data-v-cc11e980]{font-size:20px;font-weight:600;margin-bottom:4px;color:#fff}.user-username[data-v-cc11e980]{font-size:14px;color:#fffc;margin-bottom:2px}.user-id[data-v-cc11e980]{font-size:12px;color:#fff9}.gallery-header[data-v-cc11e980]{text-align:center;margin-bottom:24px;color:#fff}.gallery-header h1[data-v-cc11e980]{font-size:28px;font-weight:700;margin-bottom:8px}.gallery-header p[data-v-cc11e980]{font-size:16px;opacity:.8}.gallery[data-v-cc11e980]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.gallery-item[data-v-cc11e980]{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.gallery-item[data-v-cc11e980]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003}.gallery-item img[data-v-cc11e980]{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img[data-v-cc11e980]{transform:scale(1.05)}.image-overlay[data-v-cc11e980]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:20px 16px 16px;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .image-overlay[data-v-cc11e980]{transform:translateY(0)}.image-overlay h3[data-v-cc11e980]{font-size:16px;font-weight:600;margin-bottom:4px}.image-overlay p[data-v-cc11e980]{font-size:12px;opacity:.9}.modal[data-v-cc11e980]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content[data-v-cc11e980]{background:#fff;border-radius:16px;max-width:90vw;max-height:90vh;position:relative;overflow:hidden}.close-btn[data-v-cc11e980]{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:20px;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center}.modal-content img[data-v-cc11e980]{width:100%;max-height:60vh;object-fit:contain}.modal-info[data-v-cc11e980]{padding:20px;text-align:center}.modal-info h3[data-v-cc11e980]{font-size:20px;margin-bottom:8px;color:#333}.modal-info p[data-v-cc11e980]{color:#666;font-size:14px}.modal-navigation[data-v-cc11e980]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef}.modal-navigation button[data-v-cc11e980]{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px}.modal-navigation button[data-v-cc11e980]:disabled{background:#ccc;cursor:not-allowed}.modal-navigation span[data-v-cc11e980]{color:#666;font-size:14px}.search-section[data-v-cc11e980]{margin-bottom:24px}.search-input-container[data-v-cc11e980]{position:relative;margin-bottom:16px}.search-input[data-v-cc11e980]{width:100%;font-size:16px;padding:12px 16px 12px 50px;border:none;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2)}.search-input[data-v-cc11e980]::placeholder{color:#ffffffb3}.search-input[data-v-cc11e980]:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.search-icon[data-v-cc11e980]{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.7}.filters[data-v-cc11e980]{display:flex;gap:12px}.sort-select[data-v-cc11e980]{padding:8px 12px;border:none;border-radius:8px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer}.sort-select option[data-v-cc11e980]{background:#333;color:#fff}.loading-spinner[data-v-cc11e980]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff}.spinner[data-v-cc11e980]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin-cc11e980 1s linear infinite;margin-bottom:16px}@keyframes spin-cc11e980{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-cc11e980]{display:flex;align-items:center;gap:16px;background:#dc354526;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(220,53,69,.3);border-radius:12px;padding:20px;margin:20px 0;color:#fff}.error-icon[data-v-cc11e980]{font-size:24px;flex-shrink:0}.error-content h3[data-v-cc11e980]{margin:0 0 8px;font-size:18px}.error-content p[data-v-cc11e980]{margin:0 0 12px;opacity:.9}.retry-button[data-v-cc11e980]{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.retry-button[data-v-cc11e980]:hover{background:#c82333}.image-meta[data-v-cc11e980]{display:flex;justify-content:space-between;font-size:10px;opacity:.8;margin-top:8px}.image-size[data-v-cc11e980],.image-date[data-v-cc11e980]{background:#0000004d;padding:2px 6px;border-radius:4px}.pagination[data-v-cc11e980]{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:32px;padding:20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.pagination-btn[data-v-cc11e980]{background:#fff3;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;border:1px solid rgba(255,255,255,.2)}.pagination-btn[data-v-cc11e980]:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.pagination-btn[data-v-cc11e980]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-cc11e980]{color:#fff;font-size:14px;font-weight:500}@media (max-width: 768px){.gallery[data-v-cc11e980]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.user-info[data-v-cc11e980]{padding:16px}.user-name[data-v-cc11e980]{font-size:18px}.gallery-header h1[data-v-cc11e980]{font-size:24px}.search-input[data-v-cc11e980]{font-size:16px}.filters[data-v-cc11e980]{flex-direction:column}.sort-select[data-v-cc11e980]{width:100%}.pagination[data-v-cc11e980]{gap:12px;padding:16px}.pagination-btn[data-v-cc11e980]{padding:8px 12px;font-size:12px}.pagination-info[data-v-cc11e980]{font-size:12px}.error-message[data-v-cc11e980]{padding:16px}.error-content h3[data-v-cc11e980]{font-size:16px}}