:root{--deep-black: #0a0a0f;--rich-black: #12121a;--dark-charcoal: #1a1a24;--midnight-blue: #1e1e2e;--dark-slate: #242433;--platinum: #e5e4e2;--silver: #c0c0c0;--gold: #ffd700;--rose-gold: #b76e79;--bronze: #cd7f32;--chrome: #e8e8e8;--electric-blue: #00d4ff;--neon-purple: #b24bf3;--cyber-pink: #ff006e;--toxic-green: #39ff14;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-metallic: linear-gradient(135deg, #434343 0%, #000000 100%);--gradient-chrome: linear-gradient(135deg, #e5e5e5 0%, #9e9e9e 50%, #e5e5e5 100%);--gradient-gold: linear-gradient(135deg, #ffd700 0%, #ffed4e 50%, #ffd700 100%);--gradient-neon: linear-gradient(135deg, #00d4ff 0%, #b24bf3 50%, #ff006e 100%);--gradient-dark: linear-gradient(180deg, #1a1a24 0%, #0a0a0f 100%);--gradient-card: linear-gradient(145deg, #1e1e2e 0%, #12121a 100%);--glass-bg: rgba(26, 26, 36, .7);--glass-border: rgba(255, 255, 255, .1);--blur-amount: blur(20px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .6);--shadow-md: 0 4px 16px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .8);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .9);--glow-blue: 0 0 20px rgba(0, 212, 255, .4);--glow-purple: 0 0 20px rgba(178, 75, 243, .4);--glow-pink: 0 0 20px rgba(255, 0, 110, .4);--glow-gold: 0 0 20px rgba(255, 215, 0, .4);--border-metallic: 1px solid rgba(192, 192, 192, .2);--border-glow: 1px solid rgba(0, 212, 255, .3);--border-elegant: 1px solid rgba(255, 255, 255, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:var(--platinum);background:var(--deep-black);background-image:radial-gradient(circle at 20% 20%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(178,75,243,.05) 0%,transparent 50%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--rich-black)}::-webkit-scrollbar-thumb{background:var(--gradient-metallic);border-radius:5px;border:2px solid var(--rich-black)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-chrome)}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--gradient-dark)}.app-container{display:flex;flex:1;overflow:hidden;position:relative}.main-content{flex:1;overflow-y:auto;padding:24px;transition:var(--transition-smooth);position:relative}.main-content.with-sidebar{margin-left:300px}.main-content:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(102,126,234,.03) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(178,75,243,.03) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,30px) rotate(180deg)}}.header{background:var(--glass-bg);backdrop-filter:var(--blur-amount);-webkit-backdrop-filter:var(--blur-amount);border-bottom:var(--border-elegant);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gradient-neon);opacity:.3}.header:hover{background:#1a1a24d9}.header-left,.header-right{display:flex;align-items:center;gap:16px}.header-title{font-size:1.75rem;font-weight:800;background:var(--gradient-chrome);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;text-shadow:var(--glow-blue);transition:var(--transition-smooth)}.header-title:hover{background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-center{flex:1;max-width:700px}.search-form{position:relative;width:100%}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--electric-blue);z-index:1}.search-input{width:100%;padding:14px 18px 14px 50px;background:var(--dark-charcoal);border:var(--border-glow);border-radius:var(--radius-lg);font-size:15px;color:var(--platinum);transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.search-input::placeholder{color:#c0c0c066}.search-input:focus{outline:none;background:var(--midnight-blue);border-color:var(--electric-blue);box-shadow:var(--glow-blue),var(--shadow-md);transform:translateY(-1px)}.sidebar{width:300px;background:var(--glass-bg);backdrop-filter:var(--blur-amount);-webkit-backdrop-filter:var(--blur-amount);border-right:var(--border-elegant);padding:24px;overflow-y:auto;position:fixed;left:0;top:81px;bottom:0;box-shadow:var(--shadow-lg);z-index:90}.sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--gradient-neon);opacity:.2}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:var(--border-metallic)}.sidebar-header h2{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;background:var(--gradient-chrome);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.filter-section{margin-bottom:28px;padding:16px;background:#1e1e2e66;border-radius:var(--radius-md);border:var(--border-elegant);transition:var(--transition-smooth)}.filter-section:hover{background:#1e1e2e99;box-shadow:var(--shadow-sm)}.filter-section h3{font-size:.95rem;font-weight:600;margin-bottom:12px;color:var(--silver);text-transform:uppercase;letter-spacing:1px}.filter-select,.filter-input{width:100%;padding:10px 14px;background:var(--dark-charcoal);border:var(--border-metallic);border-radius:var(--radius-sm);font-size:14px;color:var(--platinum);transition:var(--transition-fast)}.filter-select:focus,.filter-input:focus{outline:none;background:var(--midnight-blue);border-color:var(--electric-blue);box-shadow:var(--glow-blue)}.filter-select option{background:var(--dark-charcoal);color:var(--platinum)}.filter-range{display:flex;align-items:center;gap:12px}.filter-range input{flex:1}.gallery-container{display:flex;flex-direction:column;height:calc(100vh - 129px);position:relative;z-index:1}.gallery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:20px 24px;background:var(--gradient-card);border-radius:var(--radius-lg);border:var(--border-elegant);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.gallery-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-neon);opacity:.5}.gallery-stats{display:flex;gap:24px;color:var(--silver);font-size:14px;font-weight:500}.gallery-stats strong{color:var(--electric-blue);font-weight:700}.pagination{display:flex;align-items:center;gap:12px}.btn-pagination{padding:10px 20px;background:var(--dark-charcoal);border:var(--border-metallic);border-radius:var(--radius-sm);color:var(--platinum);cursor:pointer;transition:var(--transition-fast);font-weight:600;position:relative;overflow:hidden}.btn-pagination:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-neon);transition:var(--transition-smooth);opacity:.1}.btn-pagination:hover:not(:disabled):before{left:0}.btn-pagination:hover:not(:disabled){background:var(--midnight-blue);border-color:var(--electric-blue);box-shadow:var(--glow-blue);transform:translateY(-2px)}.btn-pagination:disabled{opacity:.3;cursor:not-allowed}.gallery-grid{flex:1;background:var(--gradient-card);border-radius:var(--radius-lg);padding:20px;border:var(--border-elegant);box-shadow:var(--shadow-lg);overflow-y:auto}.image-card{padding:14px;background:var(--gradient-card);border:var(--border-metallic);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);margin:10px;position:relative;overflow:hidden}.image-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-neon);opacity:0;transition:var(--transition-smooth);z-index:-1;border-radius:var(--radius-md)}.image-card:hover:before{opacity:.3}.image-card:hover{box-shadow:var(--shadow-xl),var(--glow-purple);transform:translateY(-8px) scale(1.02);border-color:var(--electric-blue)}.image-card-thumbnail{position:relative;width:100%;height:220px;background:linear-gradient(135deg,#1a1a24,#0a0a0f);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:14px;box-shadow:inset 0 0 20px #00000080}.image-card-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s;filter:brightness(.95) contrast(1.05)}.image-card:hover .image-card-img{transform:scale(1.05);filter:brightness(1) contrast(1.1)}.image-card-img.loaded{opacity:1}.image-card-badge{position:absolute;top:12px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1)}.image-card-badge.favorite{right:12px;background:linear-gradient(135deg,#ff006e,#ff4d8b);box-shadow:var(--glow-pink)}.image-card-badge.rating{left:12px;background:var(--gradient-gold);color:var(--deep-black);box-shadow:var(--glow-gold)}.image-card-info{padding:6px 0}.image-card-signature{font-weight:700;font-size:15px;margin-bottom:8px;color:var(--chrome);letter-spacing:.3px;font-family:Monaco,Courier New,monospace}.image-card-meta{display:flex;gap:12px;font-size:12px;color:var(--silver);opacity:.8}.btn-icon{padding:10px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--silver);position:relative}.btn-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-metallic);opacity:0;transition:var(--transition-fast);border-radius:var(--radius-sm);z-index:-1}.btn-icon:hover{color:var(--electric-blue);box-shadow:var(--glow-blue)}.btn-icon:hover:before{opacity:.3}.btn-clear{padding:8px 16px;border:var(--border-metallic);background:var(--dark-charcoal);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition-fast);color:var(--silver)}.btn-clear:hover{background:var(--midnight-blue);border-color:var(--cyber-pink);color:var(--cyber-pink);box-shadow:var(--glow-pink);transform:translateY(-2px)}.loading-container,.error-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:60px;color:var(--silver)}.loading-container{background:var(--gradient-card);border-radius:var(--radius-xl);border:var(--border-elegant);box-shadow:var(--shadow-lg)}.spinner{animation:spin 1s linear infinite,glow 2s ease-in-out infinite;filter:drop-shadow(var(--glow-blue))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{filter:drop-shadow(var(--glow-blue))}50%{filter:drop-shadow(var(--glow-purple))}}@media (max-width: 1024px){.main-content.with-sidebar{margin-left:0}.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0)}}@media (max-width: 768px){.header{flex-wrap:wrap;padding:14px 20px}.header-center{order:3;width:100%;margin-top:14px}.gallery-header{flex-direction:column;gap:18px}.header-title{font-size:1.5rem}.main-content{padding:16px}}.text-gradient{background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-text{text-shadow:var(--glow-blue)}.metallic-text{background:var(--gradient-chrome);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-card{background:var(--gradient-card);border:var(--border-elegant);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:var(--transition-smooth)}.premium-card:hover{box-shadow:var(--shadow-xl),var(--glow-purple);transform:translateY(-4px)}