:root{--bg-deep:#08091a;--bg-color:#0a0c18;--bg-elevated:#0f1225;--surface-color:#141730;--surface-hover:#1a1e3d;--border-color:#1e2245;--border-subtle:#16193a;--primary:#293ecc;--primary-light:#3a52e0;--primary-dark:#1f2e99;--primary-glow:#293ecc26;--primary-glow-strong:#293ecc4d;--accent:#9d4edd;--accent-light:#b565f7;--accent-dark:#7b2cbf;--accent-glow:#9d4edd26;--text-color:#eaeaf0;--text-secondary:#c0c3d8;--text-muted:#6b7199;--text-faint:#3d4270;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Playfair Display", Georgia, serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-glow:0 0 30px var(--primary-glow);--shadow-glow-accent:0 0 30px var(--accent-glow);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s var(--ease-out);--transition-base:.3s var(--ease-out);--transition-slow:.5s var(--ease-out);--transition-slower:.8s var(--ease-out);--container-max:1400px;--container-wide:1800px;--nav-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;font-size:3rem}h2{letter-spacing:-.01em;font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.display-text{font-family:var(--font-display);font-style:italic;font-weight:400}.gradient-text{background:linear-gradient(135deg, var(--primary-light), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}a{color:var(--primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}p{color:var(--text-secondary);margin-bottom:var(--space-md)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;padding:.65rem 1.4rem;font-size:.9rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow-strong);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9d4edd4d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-ghost:hover{color:var(--text-color);border-color:var(--primary);background:var(--primary-glow)}.btn-danger{color:var(--danger);background:0 0;border:1px solid #ef44444d}.btn-danger:hover{border-color:var(--danger);background:#ef44441a}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn:active{transform:scale(.98)}.form-group{margin-bottom:var(--space-lg)}.form-label{margin-bottom:var(--space-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500;display:block}.form-input,.text-input,input[type=text],input[type=email],input[type=number],input[type=password],input[type=date],input[type=url],textarea,select{background-color:var(--bg-elevated);border:1px solid var(--border-color);width:100%;color:var(--text-color);border-radius:var(--radius-md);font-family:var(--font-body);box-shadow:none;transition:all var(--transition-base);outline:none;padding:.75rem 1rem;font-size:.95rem}.form-input:hover,.text-input:hover,input[type=text]:hover,input[type=email]:hover,textarea:hover,select:hover{border-color:var(--border-subtle);background-color:var(--surface-hover)}.form-input:focus,.text-input:focus,input:focus,textarea:focus,select:focus{border-color:var(--primary);background-color:var(--bg-elevated);box-shadow:0 0 12px var(--primary-glow)}.form-input::placeholder,.text-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-faint)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%236b7199'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);align-items:center;display:flex}.checkbox-container:hover{color:var(--text-color)}.checkbox-input,input[type=checkbox]{appearance:none;background:var(--bg-elevated);border:1px solid var(--border-color);cursor:pointer;vertical-align:middle;width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;margin-right:10px;display:inline-block;position:relative}.checkbox-input:checked,input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.checkbox-input:checked:after,input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkbox-input:focus,input[type=checkbox]:focus{box-shadow:0 0 0 3px var(--primary-glow)}.form-error{color:var(--danger);margin-top:var(--space-xs);font-size:.85rem;display:block}.auth-page{min-height:100vh;padding:var(--space-xl);background:radial-gradient(circle at top right, var(--bg-elevated), var(--bg-color) 70%);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface-color);width:100%;max-width:420px;padding:var(--space-2xl);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);animation:fadeInUp .8s var(--ease-out)}.auth-logo{text-align:center;margin-bottom:var(--space-2xl);font-family:var(--font-display);letter-spacing:2px;background:linear-gradient(135deg, var(--text-color), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem}.card{background-color:var(--surface-color);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border-color);transition:all var(--transition-base)}.card-hover:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-glow:hover{box-shadow:var(--shadow-glow);border-color:#293ecc4d}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:.2rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-glow);color:var(--primary-light)}.badge-accent{background:var(--accent-glow);color:var(--accent-light)}.badge-success{color:var(--success);background:#10b98126}.badge-warning{color:var(--warning);background:#f59e0b26}.badge-danger{color:var(--danger);background:#ef444426}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--space-md) var(--space-lg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);font-size:.8rem;font-weight:600}td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);font-size:.95rem}tr{transition:background-color var(--transition-fast)}tbody tr:hover{background-color:var(--primary-glow)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-xl);margin:0 auto}.container-wide{max-width:var(--container-wide)}.section{padding:var(--space-5xl) 0}.section-sm{padding:var(--space-3xl) 0}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-2{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.page-enter-active,.page-leave-active{transition:opacity .4s var(--ease-out), transform .4s var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(15px)}.page-leave-to{opacity:0;transform:translateY(-10px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scrollIndicator{0%{opacity:1;transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:0;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp .8s var(--ease-out) forwards}.animate-pulse{animation:2s infinite pulse}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.public-nav{height:var(--nav-height);z-index:1000;transition:all var(--transition-slow);justify-content:space-between;align-items:center;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.public-nav.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);background:#0a0c18d9;box-shadow:0 4px 30px #0000004d}.nav-logo{align-items:center;gap:var(--space-sm);color:var(--text-color);text-decoration:none;display:flex}.nav-logo-mark{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.nav-logo-text{letter-spacing:2px;text-transform:uppercase;font-size:1rem;font-weight:300}.nav-links{align-items:center;gap:var(--space-2xl);list-style:none;display:flex}.nav-links a{color:var(--text-secondary);letter-spacing:.5px;transition:color var(--transition-base);padding:.5rem 0;font-size:.9rem;font-weight:400;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:0;left:0}.nav-links a:hover,.nav-links a.active{color:var(--text-color)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.nav-toggle span{background:var(--text-color);width:24px;height:2px;transition:all var(--transition-base)}.site-footer{border-top:1px solid var(--border-subtle);padding:var(--space-3xl) 5%;background:var(--bg-deep)}.footer-content{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-copy{color:var(--text-faint);font-size:.85rem}.footer-links{gap:var(--space-xl);display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition-base);font-size:.85rem}.footer-links a:hover{color:var(--primary-light)}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background-color:var(--bg-elevated);width:260px;padding:var(--space-xl);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar-brand{align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-color);display:flex}.admin-sidebar-brand .brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:800;display:flex}.admin-sidebar-brand .brand-text{font-size:1rem;font-weight:600}.admin-sidebar nav{flex:1}.admin-nav-item{align-items:center;gap:var(--space-md);color:var(--text-muted);border-radius:var(--radius-md);margin-bottom:var(--space-xs);transition:all var(--transition-base);padding:.7rem 1rem;font-size:.9rem;text-decoration:none;display:flex}.admin-nav-item:hover{background-color:var(--primary-glow);color:var(--text-color)}.admin-nav-item.active{background:linear-gradient(135deg, var(--primary-glow), var(--accent-glow));color:var(--primary-light);font-weight:500}.admin-nav-item .nav-icon{text-align:center;width:20px;font-size:1.1rem}.admin-nav-badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);margin-left:auto;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.admin-sidebar-footer{padding-top:var(--space-xl);border-top:1px solid var(--border-color);margin-top:var(--space-xl)}.admin-main{padding:var(--space-2xl);flex:1;min-height:100vh;margin-left:260px;overflow-y:auto}.admin-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.admin-header h1,.admin-header h2{margin:0;font-size:1.5rem}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);align-items:flex-start;gap:var(--space-lg);transition:all var(--transition-base);display:flex}.stat-card:hover{box-shadow:var(--shadow-glow);border-color:#293ecc4d}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.stat-icon-primary{background:var(--primary-glow);color:var(--primary-light)}.stat-icon-accent{background:var(--accent-glow);color:var(--accent-light)}.stat-icon-success{color:var(--success);background:#10b98126}.stat-icon-warning{color:var(--warning);background:#f59e0b26}.stat-value{margin-bottom:var(--space-xs);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.85rem}.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-flow:dense;gap:var(--space-md);grid-auto-rows:250px;display:grid}.masonry-grid.cols-3{grid-template-columns:repeat(3,1fr)}.masonry-grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid-item{border-radius:var(--radius-md);cursor:pointer;background-color:var(--surface-color);box-shadow:var(--shadow-sm);transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out);position:relative;overflow:hidden}.grid-item:hover{z-index:10;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 40px #293ecc26}.span-c-1{grid-column:span 1}.span-c-2{grid-column:span 2}.span-c-3{grid-column:span 3}.span-r-1{grid-row:span 1}.span-r-2{grid-row:span 2}.span-r-3{grid-row:span 3}.grid-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.grid-item:hover img{transform:scale(1.05)}.grid-overlay{padding:var(--space-2xl) var(--space-lg) var(--space-lg);opacity:0;transition:all .4s var(--ease-out);background:linear-gradient(#0000,#08091ae6);align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.grid-item:hover .grid-overlay{opacity:1;transform:translateY(0)}.lightbox{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999;background:#08091af5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-img{border-radius:var(--radius-sm);object-fit:contain;max-width:90vw;max-height:85vh;box-shadow:0 20px 80px #0009}.lightbox-close{top:var(--space-xl);right:var(--space-2xl);color:#fff9;cursor:pointer;transition:all var(--transition-base);z-index:10000;padding:var(--space-sm);background:0 0;border:none;font-size:2.5rem;line-height:1;position:absolute}.lightbox-close:hover{color:#fff;transform:rotate(90deg)}.lightbox-nav{color:#fff9;cursor:pointer;transition:all var(--transition-base);z-index:10000;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff1a;padding:1rem 1.2rem;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.lightbox-nav.nav-prev{left:var(--space-xl)}.lightbox-nav.nav-next{right:var(--space-xl)}.lightbox-fade-enter-active,.lightbox-fade-leave-active{transition:opacity .4s var(--ease-out)}.lightbox-fade-enter-from,.lightbox-fade-leave-to{opacity:0}.lightbox-fade-enter-active .lightbox-img{animation:lightboxIn .4s var(--ease-out)}@keyframes lightboxIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.toast-container{top:var(--space-xl);right:var(--space-xl);z-index:10001;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:toastIn .4s var(--ease-spring);align-items:center;gap:var(--space-sm);min-width:280px;font-size:.9rem;font-weight:500;display:flex}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--primary);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-lg);opacity:.4;font-size:3rem}.empty-state-title{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:1.2rem;font-weight:500}.empty-state-text{color:var(--text-muted);font-size:.95rem}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);width:100%;padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:0 0;display:block}.upload-zone:hover{border-color:var(--primary);background:var(--primary-glow)}.upload-zone.active{border-color:var(--accent);background:var(--accent-glow)}@media (width<=1024px){.admin-sidebar{width:220px}.admin-main{margin-left:220px}.grid-2{grid-template-columns:1fr}}@media (width<=768px){:root{--nav-height:64px}h1{font-size:2rem}h2{font-size:1.5rem}.nav-toggle{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--space-2xl);z-index:999;background:#0a0c18f7;flex-direction:column;display:none;position:fixed;inset:0}.nav-links.open{display:flex}.nav-links a{font-size:1.5rem}.span-c-2,.span-c-3{grid-column:span 1}.masonry-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.section{padding:var(--space-3xl) 0}.footer-content{gap:var(--space-lg);text-align:center;flex-direction:column}.admin-sidebar{display:none}.admin-main{margin-left:0}.grid-3{grid-template-columns:1fr}}@media (width<=480px){.masonry-grid{grid-template-columns:1fr;grid-auto-rows:250px}}.nav-badge{background:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.7rem;font-weight:700;animation:2s infinite badgePulse;display:flex;box-shadow:0 0 10px #ef444466}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 6px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}