@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap);.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-background{z-index:0}.login-background,.login-background .bg-pattern{height:100%;left:0;position:absolute;top:0;width:100%}.login-background .bg-pattern{background-image:radial-gradient(var(--color-sand) 1px,#0000 1px);background-size:30px 30px;opacity:.5}.login-background .bg-gradient{background:radial-gradient(ellipse at 30% 50%,var(--color-beige) 0,var(--color-cream) 70%);height:100%;left:0;position:absolute;top:0;width:100%}.login-container{background:var(--color-cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);display:grid;grid-template-columns:1fr 1fr;max-width:1100px;width:100%;z-index:1}.login-branding,.login-container{overflow:hidden;position:relative}.login-branding{background:var(--gradient-primary);display:flex;flex-direction:column;justify-content:center;padding:4rem 3rem}.branding-content{position:relative;z-index:2}.logo{align-items:center;display:flex;gap:1rem;margin-bottom:2.5rem}.logo-img{background:var(--color-cream);border-radius:var(--radius-md);height:60px;object-fit:contain;padding:8px;width:60px}.logo-text{display:flex;flex-direction:column}.logo-main{color:var(--color-cream);font-family:var(--font-primary);font-size:1.5rem;font-weight:700}.logo-sub{color:var(--color-gold);font-size:.85rem;letter-spacing:1px}.login-branding h1{color:var(--color-cream);font-family:var(--font-primary);font-size:2.5rem;margin-bottom:1rem}.login-branding p{color:var(--color-beige);font-size:1rem;line-height:1.8;margin-bottom:2.5rem;opacity:.9}.branding-features{display:flex;flex-direction:column;gap:1rem}.branding-features .feature{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem 1.25rem}.branding-features .feature svg{color:var(--color-gold);font-size:1rem}.branding-features .feature span{color:var(--color-cream);font-size:.95rem;font-weight:500}.floating-notes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-notes .note{animation:float 4s ease-in-out infinite;color:var(--color-gold);font-size:3rem;opacity:.15;position:absolute}.note-1{animation-delay:0s;right:20%;top:15%}.note-2{animation-delay:1s;bottom:25%;right:10%}.note-3{animation-delay:2s;left:10%;top:50%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.login-form-container{align-items:center;display:flex;justify-content:center;padding:4rem 3rem}.forgot-password-wrapper,.login-form-wrapper{max-width:400px;width:100%}.form-header{margin-bottom:2rem;text-align:center}.form-header h2{color:var(--color-maroon);font-family:var(--font-primary);font-size:2rem;margin-bottom:.5rem}.form-header p{color:var(--color-gray);font-size:1rem}.error-message{background:#dc35451a;border:1px solid #dc35454d;border-radius:var(--radius-md);color:#dc3545}.error-message,.success-message{font-size:.9rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.success-message{background:#28a7451a;border:1px solid #28a7454d;border-radius:var(--radius-md);color:#28a745}.forgot-form,.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--color-black);font-size:.9rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-gray);font-size:1rem;left:1.25rem;pointer-events:none;position:absolute}.input-wrapper input{background:var(--color-beige);border:2px solid #0000;border-radius:var(--radius-md);color:var(--color-black);font-size:1rem;padding:1rem 1.25rem 1rem 3rem;transition:var(--transition-smooth);width:100%}.input-wrapper input::placeholder{color:var(--color-gray);opacity:.7}.input-wrapper input:focus{background:var(--color-cream);border-color:var(--color-gold)}.toggle-password{background:none;color:var(--color-gray);cursor:pointer;font-size:1rem;padding:0;position:absolute;right:1.25rem}.toggle-password:hover{color:var(--color-maroon)}.form-options{justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:var(--color-gray);cursor:pointer;font-size:.9rem;gap:.75rem}.remember-me input{display:none}.remember-me .checkmark{align-items:center;border:2px solid var(--color-sand);border-radius:4px;display:flex;height:20px;justify-content:center;transition:var(--transition-fast);width:20px}.remember-me input:checked+.checkmark{background:var(--gradient-gold);border-color:var(--color-gold)}.remember-me input:checked+.checkmark:after{color:var(--color-cream);content:"✓";font-size:.75rem;font-weight:700}.forgot-password-link{background:none;color:var(--color-gold);cursor:pointer;font-size:.9rem;font-weight:500;padding:0}.forgot-password-link:hover{color:var(--color-maroon);text-decoration:underline}.btn-login{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:var(--color-cream);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem;position:relative;transition:var(--transition-smooth);width:100%}.btn-login:before{background:var(--gradient-gold);content:"";height:100%;left:0;position:absolute;top:0;transition:width .4s ease;width:0;z-index:0}.btn-login span{position:relative;z-index:1}.btn-login:hover:before{width:100%}.btn-login:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-login .loader{animation:spin .8s linear infinite;border:2px solid var(--color-cream);border-radius:50%;border-top:2px solid #0000;height:20px;position:relative;width:20px;z-index:1}.btn-back{background:#0000;border:2px solid var(--color-maroon);border-radius:var(--radius-md);color:var(--color-maroon);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;transition:var(--transition-smooth);width:100%}.btn-back:hover{background:var(--color-maroon);color:var(--color-cream)}.demo-credentials{background:var(--color-beige);border-radius:var(--radius-md);margin-top:2rem;padding:1rem;text-align:center}.demo-credentials p{color:var(--color-gray);font-size:.8rem;margin-bottom:.25rem}.demo-credentials span{color:var(--color-maroon);font-size:.85rem;font-weight:500}@media (max-width:1024px){.login-container{max-width:900px}.login-branding,.login-form-container{padding:3rem 2rem}}@media (max-width:768px){.login-page{padding:1rem}.login-container{grid-template-columns:1fr}.login-branding{padding:2.5rem 2rem}.login-branding h1{font-size:2rem}.branding-features{display:none}.login-form-container{padding:2.5rem 2rem}}@media (max-width:480px){.login-branding{padding:2rem 1.5rem}.login-branding h1{font-size:1.75rem}.login-branding p{font-size:.9rem}.login-form-container{padding:2rem 1.5rem}.form-header h2{font-size:1.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}.login-branding{display:none}.input-wrapper input{padding:.875rem 1rem .875rem 2.75rem}}.reset-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1}.reset-form-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:460px;padding:3rem;width:100%}.reset-logo{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:2rem}.reset-logo,.reset-logo-icon{color:#8b0000;color:var(--primary,#8b0000)}.reset-logo-icon{font-size:2rem}.reset-success{padding:2rem 0;text-align:center}.reset-success .success-icon{color:#10b981;font-size:4rem;margin-bottom:1rem}.reset-success h2{color:#1a1a2e;margin-bottom:.5rem}.reset-success p{color:#6b7280}@media (max-width:768px){.reset-container{padding:1rem}.reset-form-wrapper{padding:2rem 1.5rem}.reset-logo{font-size:1.25rem}.reset-logo-icon{font-size:1.5rem}}@media (max-width:480px){.reset-form-wrapper{padding:1.5rem 1.25rem}.reset-logo{font-size:1.1rem;margin-bottom:1.5rem}.reset-success .success-icon{font-size:3rem}}.sidebar{background:var(--gradient-primary);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:var(--sidebar-width);z-index:100}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1.5rem}.sidebar-logo{align-items:center;display:flex;gap:1rem}.sidebar-logo .logo-img{background:var(--color-cream);border-radius:var(--radius-md);height:50px;object-fit:contain;padding:6px;width:50px}.sidebar-logo .logo-text{display:flex;flex-direction:column}.sidebar-logo .logo-main{color:var(--color-cream);font-family:var(--font-primary);font-size:1.25rem;font-weight:700}.sidebar-logo .logo-sub{color:var(--color-gold);font-size:.75rem;letter-spacing:.5px}.sidebar-nav{flex:1 1;padding:1.5rem 0}.nav-list{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.nav-item{list-style:none}.nav-link{align-items:center;border-radius:var(--radius-md);color:var(--color-beige);display:flex;font-size:.95rem;font-weight:500;gap:1rem;padding:1rem 1.25rem;transition:var(--transition-smooth)}.nav-link:hover{background:#ffffff1a;color:var(--color-cream)}.nav-link.active{background:var(--gradient-gold);box-shadow:0 4px 15px #b99b6a4d;color:var(--color-cream)}.nav-icon{align-items:center;display:flex;font-size:1.1rem;justify-content:center;width:24px}.nav-label{flex:1 1}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.user-info{background:#ffffff0d;border-radius:var(--radius-md);gap:1rem;margin-bottom:1rem;padding:1rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--gradient-gold);border-radius:var(--radius-full);color:var(--color-cream);font-size:1.1rem;height:45px;justify-content:center;width:45px}.user-details{display:flex;flex-direction:column}.user-name{color:var(--color-cream);font-size:.95rem;font-weight:600}.user-role{color:var(--color-beige);font-size:.75rem;opacity:.8}.logout-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-md);color:var(--color-cream);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem;transition:var(--transition-smooth);width:100%}.logout-btn:hover{background:#fff3;border-color:var(--color-gold)}.logout-btn svg{font-size:1rem}@media (max-width:1024px){.sidebar{width:80px}.logout-btn span,.nav-label,.sidebar-logo .logo-text,.user-details{display:none}.nav-link,.sidebar-logo{justify-content:center}.nav-link{padding:1rem}.nav-icon{width:auto}.user-info{justify-content:center}.logout-btn,.user-info{padding:.75rem}}@media (max-width:768px){.sidebar{flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:200}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-footer,.sidebar-header{display:block}.sidebar-logo .logo-text{display:flex}.logout-btn span,.nav-label,.user-details{display:block}.nav-link{flex-direction:row;font-size:.95rem;gap:1rem;justify-content:flex-start;padding:1rem 1.25rem}.nav-icon{font-size:1.1rem;width:24px}.sidebar-overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:199}}@media (max-width:480px){.sidebar{width:260px}}.admin-header{background:var(--color-cream);border-bottom:1px solid var(--color-sand);height:var(--header-height);justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-header,.header-left{align-items:center;display:flex}.header-left{gap:1.5rem}.mobile-menu-btn{background:none;color:var(--color-maroon);cursor:pointer;display:none;font-size:1.25rem;padding:.5rem}.header-title h1{color:var(--color-maroon);font-family:var(--font-primary);font-size:1.5rem;margin-bottom:.125rem}.header-title p{color:var(--color-gray);font-size:.85rem}.header-right{gap:1.5rem}.header-right,.header-search{align-items:center;display:flex}.header-search{position:relative}.header-search .search-icon{color:var(--color-gray);font-size:.9rem;left:1rem;position:absolute}.header-search input{background:var(--color-beige);border:2px solid #0000;border-radius:var(--radius-xl);font-size:.9rem;padding:.75rem 1rem .75rem 2.75rem;transition:var(--transition-smooth);width:250px}.header-search input:focus{background:var(--color-cream);border-color:var(--color-gold)}.header-search input::placeholder{color:var(--color-gray);opacity:.7}.notification-btn{align-items:center;background:var(--color-beige);border-radius:var(--radius-full);color:var(--color-maroon);cursor:pointer;display:flex;font-size:1.1rem;height:45px;justify-content:center;position:relative;transition:var(--transition-smooth);width:45px}.notification-btn:hover{background:var(--gradient-gold);color:var(--color-cream)}.notification-badge{align-items:center;background:var(--color-maroon);border-radius:var(--radius-full);color:var(--color-cream);display:flex;font-size:.65rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:-2px;top:-2px;width:18px}.header-user{border-left:1px solid var(--color-sand);padding-left:1.5rem}.user-greeting{color:var(--color-gray);font-size:.9rem;font-weight:500}@media (max-width:1024px){.header-search{display:none}}@media (max-width:768px){.admin-header{padding:0 1rem}.mobile-menu-btn{display:flex}.header-title h1{font-size:1.25rem}.header-title p,.header-user{display:none}.notification-btn{height:40px;width:40px}}@media (max-width:480px){.admin-header{padding:0 .75rem}.header-left{gap:.75rem}.header-title h1{font-size:1.1rem}.notification-btn{font-size:1rem;height:36px;width:36px}}.admin-layout{background:var(--color-cream);display:flex;min-height:100vh}.admin-main{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh}.dashboard-content{padding:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem}.stat-card{align-items:center;border-radius:var(--radius-lg);color:var(--color-cream);display:flex;gap:1.25rem;overflow:hidden;padding:1.5rem;position:relative;transition:var(--transition-smooth)}.stat-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.stat-primary{background:var(--gradient-primary)}.stat-gold{background:var(--gradient-gold)}.stat-copper{background:linear-gradient(135deg,var(--color-copper) 0,var(--color-brown) 100%)}.stat-maroon{background:linear-gradient(135deg,var(--color-maroon) 0,var(--color-dark-maroon) 100%)}.stat-icon{align-items:center;background:#ffffff26;border-radius:var(--radius-lg);display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-info{flex:1 1}.stat-count{display:block;font-family:var(--font-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.9rem;opacity:.9}.stat-arrow{align-items:center;background:#ffffff26;border-radius:var(--radius-full);display:flex;font-size:.9rem;height:36px;justify-content:center;transition:var(--transition-smooth);width:36px}.stat-card:hover .stat-arrow{background:#ffffff40;transform:translateX(5px)}.dashboard-section{margin-bottom:2.5rem}.dashboard-section .section-title{color:var(--color-maroon);font-family:var(--font-primary);font-size:1.25rem;margin-bottom:1.25rem}.section-header{justify-content:space-between;margin-bottom:1.25rem}.section-header,.view-all-link{align-items:center;display:flex}.view-all-link{color:var(--color-gold);font-size:.9rem;font-weight:500;gap:.5rem}.view-all-link:hover{color:var(--color-maroon)}.quick-actions{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr)}.quick-action-card{align-items:center;background:var(--color-cream);border:2px solid var(--color-sand);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-align:center;transition:var(--transition-smooth)}.quick-action-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-soft)}.quick-action-card .action-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:var(--color-gold);display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:var(--transition-smooth);width:60px}.quick-action-card:hover .action-icon{background:var(--gradient-gold);color:var(--color-cream)}.quick-action-card span{color:var(--color-gray);font-size:.95rem;font-weight:500}.recent-uploads-table{background:var(--color-cream);border:1px solid var(--color-sand);border-radius:var(--radius-lg);overflow:hidden}.recent-uploads-table table{border-collapse:collapse;width:100%}.recent-uploads-table td,.recent-uploads-table th{padding:1rem 1.5rem;text-align:left}.recent-uploads-table th{background:var(--color-beige);color:var(--color-gray);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.recent-uploads-table td{border-bottom:1px solid var(--color-sand);color:var(--color-black);font-size:.95rem}.recent-uploads-table tr:last-child td{border-bottom:none}.recent-uploads-table tr:hover td{background:var(--color-beige)}.upload-name{align-items:center;display:flex;gap:.75rem}.upload-name svg{color:var(--color-gold)}.category-badge{background:var(--gradient-gold);border-radius:var(--radius-xl);color:var(--color-cream);display:inline-block;font-size:.75rem;font-weight:600;padding:.35rem .75rem}.delete-btn{align-items:center;background:#0000;border:1px solid #dc2626;border-radius:var(--radius-md);color:#dc2626;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:var(--transition-fast)}.delete-btn:hover{background:#dc2626;color:#fff}@media (max-width:1200px){.quick-actions,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.admin-main{margin-left:80px}}@media (max-width:768px){.admin-main{margin-left:0}.dashboard-content{padding:1.5rem 1rem}.quick-actions,.stats-grid{grid-template-columns:repeat(2,1fr)}.recent-uploads-table{overflow-x:auto}.recent-uploads-table table{min-width:500px}}@media (max-width:480px){.dashboard-content{padding:1rem .75rem}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{gap:1rem;padding:1rem}.stat-icon{font-size:1.25rem;height:45px;width:45px}.stat-count{font-size:1.5rem}.stat-label{font-size:.8rem}.stat-arrow{height:30px;width:30px}.quick-actions{gap:.75rem;grid-template-columns:repeat(2,1fr)}.quick-action-card{gap:.75rem;padding:1.25rem 1rem}.quick-action-card .action-icon{font-size:1.25rem;height:45px;width:45px}.quick-action-card span{font-size:.85rem}.dashboard-section .section-title{font-size:1.1rem}.recent-uploads-table td,.recent-uploads-table th{font-size:.8rem;padding:.75rem 1rem}.recent-uploads-table table{min-width:400px}.delete-btn{font-size:.75rem;padding:.4rem .75rem}}.image-uploader{width:100%}.upload-zone{background:var(--color-beige);border:2px dashed var(--color-sand);border-radius:var(--radius-lg);cursor:pointer;padding:3rem 2rem;position:relative;text-align:center;transition:var(--transition-smooth)}.upload-zone.drag-active,.upload-zone:hover{background:#b99b6a1a;border-color:var(--color-gold)}.upload-input{display:none}.upload-content{flex-direction:column;gap:.75rem}.upload-content,.upload-icon{align-items:center;display:flex}.upload-icon{background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--color-gold);font-size:2rem;height:80px;justify-content:center;margin-bottom:.5rem;width:80px}.upload-content h3{color:var(--color-maroon);font-family:var(--font-primary);font-size:1.25rem}.upload-content p{color:var(--color-gray);font-size:.9rem}.browse-btn{background:var(--gradient-gold);border-radius:var(--radius-xl);color:var(--color-cream);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 2rem;transition:var(--transition-smooth)}.browse-btn:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.upload-hint{color:var(--color-gray);font-size:.8rem;opacity:.8}.preview-section{margin-top:2rem}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.preview-header h4{color:var(--color-maroon);font-family:var(--font-primary);font-size:1.1rem}.clear-all-btn{background:none;border:1px solid var(--color-sand);border-radius:var(--radius-md);color:var(--color-gray);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:var(--transition-smooth)}.clear-all-btn:hover{background:var(--color-beige);color:var(--color-maroon)}.preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:1.5rem}.preview-item{aspect-ratio:1;background:var(--color-beige);border-radius:var(--radius-md);overflow:hidden;position:relative}.preview-item img{height:100%;object-fit:cover;width:100%}.preview-item .remove-btn{align-items:center;background:var(--color-maroon);border-radius:var(--radius-full);color:var(--color-cream);cursor:pointer;display:flex;font-size:.7rem;height:24px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:var(--transition-fast);width:24px}.preview-item:hover .remove-btn{opacity:1}.preview-item .remove-btn:hover{background:#dc3545}.preview-item .file-name{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:var(--color-cream);font-size:.65rem;left:0;overflow:hidden;padding:.5rem;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.upload-btn{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:var(--color-cream);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:var(--transition-smooth);width:100%}.upload-btn:hover:not(:disabled){box-shadow:var(--shadow-medium);transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.7}.upload-btn .loader{animation:spin .8s linear infinite;border:2px solid var(--color-cream);border-radius:50%;border-top:2px solid #0000;height:18px;width:18px}@media (max-width:768px){.upload-zone{padding:2rem 1rem}.upload-icon{font-size:1.5rem;height:60px;width:60px}.upload-content h3{font-size:1.1rem}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){.upload-zone{padding:1.5rem 1rem}.upload-icon{font-size:1.25rem;height:50px;width:50px}.upload-content h3{font-size:1rem}.upload-content p{font-size:.8rem}.browse-btn{font-size:.85rem;padding:.625rem 1.5rem}.preview-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.upload-btn{font-size:.9rem;padding:.875rem}}.gallery-grid-container{width:100%}.gallery-controls{align-items:center;background:var(--color-beige);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.gallery-info .total-count{color:var(--color-gray);font-size:.95rem;font-weight:500}.gallery-actions{align-items:center;display:flex;gap:1rem}.delete-selected-btn{align-items:center;background:#dc3545;border-radius:var(--radius-md);color:var(--color-cream);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:var(--transition-smooth)}.delete-selected-btn:hover{background:#c82333}.show-count-selector{align-items:center;display:flex;gap:.75rem}.show-count-selector label{color:var(--color-gray);font-size:.9rem}.show-count-selector select{background:var(--color-cream);border:2px solid var(--color-sand);border-radius:var(--radius-md);color:var(--color-black);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:var(--transition-smooth)}.show-count-selector select:focus{border-color:var(--color-gold)}.gallery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-item{aspect-ratio:1;background:var(--color-beige);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative}.gallery-item,.gallery-item img{transition:var(--transition-smooth)}.gallery-item img{height:100%;object-fit:cover;width:100%}.gallery-item:hover img{transform:scale(1.05)}.gallery-item.selected{box-shadow:0 0 0 3px var(--color-gold)}.gallery-item-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b3,#0000 50%);display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:1rem;position:absolute;top:0;transition:var(--transition-smooth);width:100%}.gallery-item:hover .gallery-item-overlay{opacity:1}.overlay-actions{display:flex;gap:.5rem}.action-btn{align-items:center;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:.85rem;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.select-btn{background:var(--color-cream);color:var(--color-black)}.select-btn input{accent-color:var(--color-gold);cursor:pointer;height:16px;width:16px}.expand-btn{background:var(--gradient-gold);color:var(--color-cream)}.expand-btn:hover{transform:scale(1.1)}.delete-btn{background:#dc3545;color:var(--color-cream)}.delete-btn:hover{background:#c82333}.selected-indicator{align-items:center;background:var(--gradient-gold);border-radius:var(--radius-full);color:var(--color-cream);display:flex;font-size:.8rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:10px;top:10px;width:28px}.no-images{background:var(--color-beige);border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center}.no-images-icon{color:var(--color-sand);font-size:3rem;margin-bottom:1rem}.no-images h3{color:var(--color-maroon);font-family:var(--font-primary);font-size:1.25rem;margin-bottom:.5rem}.no-images p{color:var(--color-gray);font-size:.95rem}.lightbox{background:#000000f2;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.lightbox,.lightbox-close{align-items:center;display:flex;justify-content:center}.lightbox-close{background:#ffffff1a;border-radius:var(--radius-full);color:var(--color-cream);cursor:pointer;font-size:1.25rem;height:50px;position:absolute;right:20px;top:20px;transition:var(--transition-fast);width:50px;z-index:1001}.lightbox-close:hover{background:#fff3}.lightbox-nav{align-items:center;background:#ffffff1a;border-radius:var(--radius-full);color:var(--color-cream);cursor:pointer;display:flex;font-size:1.25rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-fast);width:50px;z-index:1001}.lightbox-nav:hover{background:#fff3}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}.lightbox-content{max-height:90%;max-width:90%}.lightbox-content img{border-radius:var(--radius-md);max-height:85vh;max-width:100%;object-fit:contain}.lightbox-counter{background:#ffffff1a;border-radius:var(--radius-xl);bottom:20px;color:var(--color-cream);font-size:.9rem;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%)}@media (max-width:1024px){.gallery-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.gallery-controls{align-items:flex-start;flex-direction:column;gap:1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.lightbox-close,.lightbox-nav{font-size:1rem;height:40px;width:40px}}@media (max-width:480px){.gallery-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.gallery-actions{flex-direction:column;width:100%}.delete-selected-btn,.show-count-selector{justify-content:center;width:100%}.gallery-controls{padding:.75rem 1rem}.lightbox-nav{font-size:.9rem;height:36px;width:36px}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.lightbox-close{font-size:.9rem;height:36px;right:15px;top:15px;width:36px}.no-images{padding:2rem 1rem}.no-images-icon{font-size:2.5rem}.no-images h3{font-size:1.1rem}.no-images p{font-size:.85rem}}.page-content{padding:2rem}.content-section{margin-bottom:3rem}.content-section .section-title{border-bottom:2px solid var(--color-sand);color:var(--color-maroon);font-family:var(--font-primary);font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.75rem}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-state .loader-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-beige);border-radius:50%;border-top-color:var(--color-maroon);height:40px;width:40px}.loading-state span{color:var(--color-gray);font-size:.95rem}@media (max-width:768px){.page-content{padding:1.5rem 1rem}}@media (max-width:480px){.page-content{padding:1rem .75rem}.content-section .section-title{font-size:1.1rem;margin-bottom:1rem}.loading-state{padding:2rem 1rem}}:root{--color-cream:#f8f3f2;--color-black:#0b0508;--color-beige:#f4e4cb;--color-gold:#b99b6a;--color-sand:#dbcea9;--color-maroon:#512721;--color-brown:#744732;--color-dark-maroon:#280e12;--color-copper:#906945;--color-gray:#575254;--gradient-primary:linear-gradient(135deg,var(--color-maroon) 0%,var(--color-dark-maroon) 100%);--gradient-gold:linear-gradient(135deg,var(--color-gold) 0%,var(--color-copper) 100%);--gradient-light:linear-gradient(135deg,var(--color-cream) 0%,var(--color-beige) 100%);--gradient-dark:linear-gradient(135deg,var(--color-dark-maroon) 0%,var(--color-black) 100%);--font-primary:"Playfair Display",serif;--font-secondary:"Poppins",sans-serif;--transition-smooth:all 0.4s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.2s ease;--shadow-soft:0 10px 40px #0b05081a;--shadow-medium:0 20px 60px #0b050826;--shadow-strong:0 30px 80px #0b050833;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--radius-full:50%;--sidebar-width:280px;--header-height:70px}.loading-screen{align-items:center;background:var(--color-cream);display:flex;justify-content:center;min-height:100vh}.loader-spinner{animation:spin .8s linear infinite;border:4px solid var(--color-beige);border-radius:50%;border-top-color:var(--color-maroon);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;background-color:var(--color-cream);font-family:var(--font-secondary);line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:var(--color-black)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:1.2}p{color:var(--color-gray);font-size:1rem;line-height:1.8}a{color:inherit;text-decoration:none}a,button{transition:var(--transition-smooth)}button{border:none;cursor:pointer;font-family:var(--font-secondary);outline:none}img{display:block;height:auto;max-width:100%}ol,ul{list-style:none}input,select,textarea{border:none;font-family:var(--font-secondary);font-size:1rem;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:var(--gradient-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-maroon)}::selection{background:var(--color-gold);color:var(--color-cream)}
/*# sourceMappingURL=main.a8ac344b.css.map*/