:root,[data-theme=zlatna-noc]{--color-bg:#0d0c14;--color-surface:#16141f;--color-surface-2:#1e1b2e;--color-border:#c9a96e33;--color-border-hover:#c9a96e80;--color-gold:#c9a96e;--color-gold-light:#e8cfa0;--color-gold-dim:#c9a96e26;--color-text:#f0e8d8;--color-text-muted:#9b8e7d;--color-text-dim:#5a5248;--color-success:#4caf7d;--color-error:#e05c5c;--shadow-gold:0 0 30px #c9a96e26;--shadow-card:0 4px 24px #0006;--shadow-hover:0 8px 40px #0009;--color-header-bg:#0d0c14cc}[data-theme=bijela-elegancija]{--color-bg:#fdfbf7;--color-surface:#fff;--color-surface-2:#f6f0e6;--color-border:#b8874f40;--color-border-hover:#b8874f80;--color-gold:#b8874f;--color-gold-light:#d9bc8a;--color-gold-dim:#b8874f1f;--color-text:#2b2620;--color-text-muted:#6f6355;--color-text-dim:#a89a86;--color-success:#2f8f5b;--color-error:#c94444;--shadow-gold:0 0 30px #b8874f26;--shadow-card:0 4px 20px #2b262014;--shadow-hover:0 8px 36px #2b26201f;--color-header-bg:#fdfbf7d9}[data-theme=roze-romantika]{--color-bg:#fdf2f5;--color-surface:#fff;--color-surface-2:#fbe4ea;--color-border:#c85a8240;--color-border-hover:#c85a8280;--color-gold:#c85a82;--color-gold-light:#e08aa8;--color-gold-dim:#c85a821f;--color-text:#3a2430;--color-text-muted:#8a6b76;--color-text-dim:#c4a8b2;--color-success:#3f9c6e;--color-error:#d1495b;--shadow-gold:0 0 30px #c85a8226;--shadow-card:0 4px 20px #3a243014;--shadow-hover:0 8px 36px #3a24301f;--color-header-bg:#fdf2f5d9}[data-theme=maslina-i-zlato]{--color-bg:#f4f6ef;--color-surface:#fff;--color-surface-2:#e8ede0;--color-border:#6b825a40;--color-border-hover:#6b825a80;--color-gold:#6b825a;--color-gold-light:#8ba374;--color-gold-dim:#6b825a1f;--color-text:#2c3324;--color-text-muted:#6b7360;--color-text-dim:#a3ab98;--color-success:#3f9c6e;--color-error:#c9534a;--shadow-gold:0 0 30px #6b825a26;--shadow-card:0 4px 20px #2c332414;--shadow-hover:0 8px 36px #2c33241f;--color-header-bg:#f4f6efd9}:root{--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .45s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(at 20%,#c9a96e0a 0%,#0000 50%),radial-gradient(at 80% 20%,#c9a96e08 0%,#0000 50%),radial-gradient(at 50% 90%,#7a5ac808 0%,#0000 50%);position:fixed;inset:0}h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.2}a{color:var(--color-gold);transition:var(--transition);text-decoration:none}a:hover{color:var(--color-gold-light)}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.site-header{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);background:var(--color-header-bg);z-index:100;padding:20px 0;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-logo{font-family:var(--font-serif);color:var(--color-gold);letter-spacing:.03em;font-size:1.25rem;font-style:italic}.header-date{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.header-nav{gap:8px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-muted);transition:var(--transition);border:1px solid #0000;padding:8px 18px;font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--color-gold);border-color:var(--color-border);background:var(--color-gold-dim)}.nav-link.active{color:var(--color-gold);background:var(--color-gold-dim);border-color:var(--color-border-hover)}.gold-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.gold-divider:before,.gold-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gold), transparent);flex:1;height:1px}.gold-divider-icon{color:var(--color-gold);opacity:.8;font-size:1rem}.hero{text-align:center;padding:64px 0 48px}.hero-subtitle{letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:16px;font-size:.8rem;font-weight:500}.hero-title{color:var(--color-text);background:linear-gradient(135deg, var(--color-text) 0%, var(--color-gold-light) 50%, var(--color-text) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(2.5rem,6vw,4.5rem);font-style:italic}.hero-date{color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition);padding:32px}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-hover)}.form-group{margin-bottom:20px}.form-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px;font-size:.8rem;font-weight:500;display:block}.form-label span{color:var(--color-text-dim);text-transform:none;letter-spacing:0;font-size:.75rem}.form-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-family:var(--font-sans);transition:var(--transition);outline:none;padding:12px 16px;font-size:1rem}.form-input::placeholder{color:var(--color-text-dim)}.form-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #c9a96e1f}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);letter-spacing:.05em;cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#0d0c14;background:linear-gradient(135deg,#c9a96e 0%,#e8cfa0 50%,#c9a96e 100%) 0 0/200%;box-shadow:0 4px 20px #c9a96e4d}.btn-primary:hover:not(:disabled){color:#0d0c14;background-position:100%;transform:translateY(-1px);box-shadow:0 6px 30px #c9a96e80}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-outline{color:var(--color-gold);border:1px solid var(--color-border-hover);background:0 0}.btn-outline:hover{background:var(--color-gold-dim);border-color:var(--color-gold);color:var(--color-gold-light)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border-hover)}.btn-lg{border-radius:var(--radius-lg);padding:16px 40px;font-size:1rem}.badge{letter-spacing:.05em;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-gold{background:var(--color-gold-dim);color:var(--color-gold);border:1px solid var(--color-border)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);background:var(--color-surface-2);padding:48px 24px;position:relative;overflow:hidden}.upload-zone:before{content:"";background:linear-gradient(135deg, var(--color-gold-dim), transparent);opacity:0;transition:var(--transition);position:absolute;inset:0}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--color-gold);box-shadow:var(--shadow-gold)}.upload-zone:hover:before,.upload-zone.drag-over:before{opacity:1}.upload-zone-icon{filter:drop-shadow(0 0 12px #c9a96e66);margin-bottom:16px;font-size:3rem;display:block}.upload-zone-title{font-family:var(--font-serif);color:var(--color-text);margin-bottom:8px;font-size:1.25rem}.upload-zone-sub{color:var(--color-text-muted);font-size:.85rem;line-height:1.6}.upload-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:20px;display:grid}.upload-preview-item{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-border);position:relative;overflow:hidden}.upload-preview-item img{object-fit:cover;width:100%;height:100%}.upload-preview-remove{color:#fff;cursor:pointer;width:24px;height:24px;transition:var(--transition);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.upload-preview-remove:hover{background:var(--color-error)}.upload-preview-overlay{background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.upload-preview-progress{background:#fff3;border-radius:2px;width:70%;height:3px;overflow:hidden}.upload-preview-progress-bar{background:var(--color-gold);border-radius:2px;height:100%;transition:width .3s}.upload-preview-status{color:#fff;font-size:.65rem;font-weight:600}.upload-preview-status.done{color:var(--color-success);font-size:1.2rem}.upload-preview-status.error{color:var(--color-error)}.success-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#4caf7d1a,#4caf7d0d);border:1px solid #4caf7d4d;align-items:center;gap:12px;padding:16px 24px;animation:.4s slideIn;display:flex}.success-banner-icon{flex-shrink:0;font-size:1.5rem}.success-banner-text{color:var(--color-success);font-size:.9rem;font-weight:500}.gallery-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.gallery-count{color:var(--color-text-muted);font-size:.85rem}.gallery-grid{columns:4 280px;column-gap:16px}.gallery-item{break-inside:avoid;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--color-border);transition:var(--transition);margin-bottom:16px;display:block;position:relative;overflow:hidden}.gallery-item:hover{border-color:var(--color-gold);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.gallery-item img{width:100%;height:auto;transition:var(--transition-slow);display:block}.gallery-item:hover img{transform:scale(1.03)}.gallery-item-overlay{opacity:0;transition:var(--transition);background:linear-gradient(#0000,#000000b3);flex-direction:column;gap:2px;padding:20px 12px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-guest{color:var(--color-gold-light);font-size:.78rem;font-weight:600}.gallery-item-date{color:#fff9;font-size:.7rem}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-search{flex:1;min-width:200px}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:var(--transition);font-size:.8rem;font-weight:500;font-family:var(--font-sans);background:0 0;border-radius:100px;padding:6px 14px}.filter-chip:hover{border-color:var(--color-gold);color:var(--color-gold);background:var(--color-gold-dim)}.filter-chip.active{background:var(--color-gold);color:#0d0c14;border-color:var(--color-gold);font-weight:600}.lightbox-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#000000eb;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;gap:16px;max-width:min(90vw,100vw - 144px);max-height:90vh;display:flex;position:relative}.lightbox-img{border-radius:var(--radius-md);object-fit:contain;border:1px solid var(--color-border);max-width:100%;max-height:80vh;box-shadow:0 20px 60px #0009}.lightbox-info{align-items:center;gap:16px;display:flex}.lightbox-guest{font-family:var(--font-serif);color:var(--color-gold);font-size:1rem;font-style:italic}.lightbox-date{color:var(--color-text-muted);font-size:.8rem}.lightbox-close{background:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition);z-index:1001;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;top:20px;right:20px}.lightbox-close:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.lightbox-nav{border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-text);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;background:#16141fcc;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:var(--color-surface);border-color:var(--color-gold);color:var(--color-gold)}.lightbox-nav.prev{left:16px}.lightbox-nav.next{right:16px}.empty-state{text-align:center;color:var(--color-text-muted);padding:80px 24px}.empty-state-icon{opacity:.4;margin-bottom:16px;font-size:3rem}.empty-state-title{font-family:var(--font-serif);color:var(--color-text-dim);margin-bottom:8px;font-size:1.5rem}.empty-state-text{font-size:.9rem}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:32px;display:flex}.pagination-info{color:var(--color-text-muted);padding:0 12px;font-size:.8rem}.qr-container{flex-direction:column;align-items:center;gap:24px;padding:48px;display:flex}.qr-frame{border-radius:var(--radius-lg);box-shadow:var(--shadow-gold);border:3px solid var(--color-gold);background:#fff;padding:24px}.qr-frame canvas,.qr-frame img{width:280px;height:280px;display:block}.section{z-index:1;padding:40px 0;position:relative}.section-title{font-family:var(--font-serif);color:var(--color-text);margin-bottom:8px;font-size:1.75rem;font-style:italic}.section-sub{color:var(--color-text-muted);margin-bottom:28px;font-size:.9rem}.site-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-dim);z-index:1;padding:32px 0;font-size:.8rem;position:relative}.site-footer a{color:var(--color-text-muted)}.site-footer a:hover{color:var(--color-gold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 20px #c9a96e33}50%{box-shadow:0 0 40px #c9a96e66}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{vertical-align:-.15em;border:2px solid #00000040;border-top-color:currentColor;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin;display:inline-block}.animate-fade-up{animation:.6s both fadeUp}.animate-fade-up-delay{animation:.6s .15s both fadeUp}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-2) 50%, var(--color-surface) 75%);border-radius:var(--radius-md);background-size:400%;animation:1.5s linear infinite shimmer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}@media (max-width:768px){.hero{padding:40px 0 32px}.gallery-grid{columns:2 140px}.filter-bar{flex-direction:column;align-items:stretch}.filter-search{min-width:unset}.header-date{display:none}.card{padding:20px}.lightbox-nav.prev{left:8px}.lightbox-nav.next{right:8px}.lightbox-content{max-width:min(90vw,100vw - 128px)}.qr-container{padding:24px}}@media (max-width:480px){.gallery-grid{columns:2 120px;column-gap:8px}.gallery-item{margin-bottom:8px}.header-nav .nav-link{padding:6px 12px;font-size:.8rem}}