.navbar-bg{position:fixed;top:0;left:0;right:0;background:#12141c;z-index:1000;box-shadow:0 4px 8px #0006;height:80px;padding:10px 0}.navbar{display:flex;align-items:center;justify-content:space-between;width:98%;margin:0 auto;padding:0 20px;height:100%;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.navbar-left{display:flex;align-items:center;gap:20px}.logo{height:50px;width:auto;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.search-form{position:relative;display:flex;align-items:center}.search{width:300px;padding:10px 40px 10px 15px;border-radius:20px;border:none;background:#22232b;color:#fff;font-size:.9rem;transition:all .3s ease}.search:focus{outline:none;background:#2c2f3a;box-shadow:0 0 0 2px #328af180;width:320px}.search-button{position:absolute;right:5px;background:transparent;border:none;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}.search-icon{font-size:16px}.nav-links{display:flex;gap:10px;z-index:999}.nav-links button{background:#3b3e51;color:#fff;border-radius:6px;border:none;padding:10px 15px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s ease;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.nav-links button:hover{background:#50546a;transform:translateY(-2px)}.nav-links button.active{background:#328af1;box-shadow:0 2px 5px #0003}.admin{background:#e63946!important}.admin:hover{background:#d62c39!important}.nav-actions{display:flex;align-items:center;gap:15px}.add-album-button{background:#328af1;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s ease;white-space:nowrap;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.add-album-button:hover{background:#2c79d6;transform:translateY(-2px)}.login-button{background:#3b3e51;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s ease;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.login-button:hover{background:#50546a;transform:translateY(-2px)}.profile-dropdown{position:relative;display:inline-block}.profile-pic{width:45px;height:45px;border-radius:50%;object-fit:cover;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.profile-pic:hover{border-color:#328af1}.profile-pic.square{border-radius:8px;width:40px;height:40px;object-fit:cover;box-shadow:0 2px 4px #0003}.profile-pic.square:hover{border-color:#328af1;transform:scale(1.05)}.dropdown-content{display:none;position:absolute;right:0;background-color:#2c2f3a;min-width:220px;box-shadow:0 8px 16px #0000004d;border-radius:8px;z-index:1000;overflow:hidden;transform:translateY(10px);opacity:0;transition:all .3s ease;pointer-events:none}.profile-dropdown:hover .dropdown-content{display:block;transform:translateY(0);opacity:1;pointer-events:auto}.dropdown-user-info{padding:15px;border-bottom:1px solid #3b3e51;text-align:center}.dropdown-user-info p{margin:0;color:#aaa;font-size:.8rem}.dropdown-username{color:#fff!important;font-size:1.1rem!important;font-weight:700;margin-top:5px!important}.dropdown-content button{display:block;width:100%;text-align:left;padding:12px 15px;border:none;background:transparent;color:#fff;cursor:pointer;transition:background .2s ease;font-size:.9rem;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.dropdown-content button:hover{background-color:#3b3e51}.dropdown-content .logout-button{border-top:1px solid #3b3e51;color:#e63946}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:5px}.hamburger{width:30px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:3px;width:100%;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}@media (max-width: 1200px){.search{width:250px}.search:focus{width:280px}.nav-links button,.add-album-button{padding:8px 12px;font-size:.85rem}}@media (max-width: 1024px){.search{width:200px}.search:focus{width:250px}.nav-links button{padding:8px 10px;font-size:.8rem}.add-album-button{padding:8px 12px;font-size:.85rem}}@media (max-width: 768px){.navbar-bg{height:70px}.navbar{padding:10px;justify-content:space-between}.navbar-left,.search-form{flex-grow:1}.search{width:100%}.search:focus{width:100%}.mobile-menu-toggle{display:block;margin-left:10px;z-index:1001}.nav-links{position:absolute;top:70px;left:0;right:0;background:#12141c;flex-direction:column;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:998}.nav-links.active{max-height:300px;padding:10px;box-shadow:0 4px 8px #0000004d}.nav-links button{width:100%;text-align:center;margin:5px 0}.navbar{flex-wrap:nowrap}.mobile-menu-toggle{order:-1}.logo{margin:0 auto}.add-album-button{display:none}.nav-links.active .add-album-button{display:block;width:100%;margin-top:5px;text-align:center}}@media (max-width: 480px){.logo{height:40px}.profile-pic{width:35px;height:35px}.search{padding:8px 35px 8px 12px;font-size:.8rem}.nav-links button{padding:8px;font-size:.8rem}}[data-theme=light] .auth-container{background-color:var(--bg-tertiary);color:var(--text-color)}[data-theme=light] .auth-container h2{color:var(--text-color)}[data-theme=light] .auth-container input{background-color:var(--bg-input);color:var(--text-color)}.auth-container{margin-top:140px!important}.theme-toggle{display:flex;align-items:center}.theme-toggle.navbar{margin-right:10px}.theme-toggle.sidebar{margin-top:20px;justify-content:center}.theme-toggle-button{background:#fff3;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease}.theme-toggle-button:hover{background-color:#ffffff4d;transform:translateY(-2px)}.theme-icon{transition:transform .3s ease;color:#fff}.theme-toggle-button:active .theme-icon{transform:rotate(30deg)}@media (max-width: 768px){.theme-toggle.navbar{margin-right:5px}.theme-toggle-button{width:32px;height:32px;padding:6px}}@media (max-width: 480px){.theme-toggle-button{width:30px;height:30px;padding:5px}.theme-icon{width:16px;height:16px}}.footer-container{background-color:var(--bg-navbar);color:#fff;padding:40px 0 20px;margin-top:60px;box-shadow:0 -4px 10px #0003;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 20px;gap:30px}.footer-section{flex:1;min-width:200px}.footer-section h3{color:#fff;margin-bottom:15px;font-size:1.2rem;position:relative;padding-bottom:10px}.footer-section h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background-color:var(--primary-color)}.footer-logo{display:flex;align-items:center;margin-bottom:15px}.footer-logo img{height:40px;margin-right:10px}.footer-logo h3{margin:0;padding:0}.footer-logo h3:after{display:none}.footer-section p{color:#aaa;line-height:1.5;margin-bottom:15px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#aaa;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--primary-color)}.contact-link{color:var(--primary-color);text-decoration:none;display:inline-block;margin-bottom:15px;transition:all .3s ease}.contact-link:hover{transform:translateY(-2px);color:#fff}.social-links{display:flex;gap:15px;margin-top:15px}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff1a;transition:all .3s ease;color:#fff;text-decoration:none}.social-links a:hover{background-color:var(--primary-color);transform:translateY(-3px)}.social-icon{font-size:1.2rem;font-style:normal}.footer-bottom{max-width:1400px;margin:40px auto 0;padding:20px 20px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.footer-bottom p{margin:0;color:#aaa}.footer-legal{display:flex;gap:20px}.footer-legal a{color:#aaa;text-decoration:none;transition:color .3s ease;font-size:.9rem}.footer-legal a:hover{color:var(--primary-color)}[data-theme=light] .footer-container{background-color:#2a3042}@media (max-width: 968px){.footer-content{gap:40px}.footer-section{flex-basis:calc(50% - 20px)}}@media (max-width: 768px){.footer-section{flex-basis:100%}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{margin-top:15px;justify-content:center}}.category-card{background-color:#2c2f3a;border-radius:10px;width:100%;height:220px!important;min-height:220px!important;max-height:220px!important;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;cursor:pointer;overflow:hidden;position:relative}.category-card:hover{transform:translateY(-4px);box-shadow:0 6px 15px #0006}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-card h3{position:absolute;bottom:0;left:0;right:0;margin:0;padding:10px;background-color:#2c2f3ad9;color:#fff;text-align:center;font-size:.95rem;border-radius:0 0 10px 10px;z-index:5}.card-categories{position:absolute;top:5px;right:5px;display:flex;flex-direction:column;gap:4px;padding:5px;z-index:2;max-width:85%}.card-category-badge{background-color:#328af1e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:700;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.card-total-image-badge{background-color:#324ff1e6;margin-bottom:5px}.card-author{position:absolute;bottom:40px;right:5px;background-color:#0009;color:#fff;padding:3px 8px;border-radius:4px;font-size:.7rem;z-index:2;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card:hover img{transform:scale(1.05)}.card-stats{position:absolute;bottom:40px;left:5px;display:flex;gap:8px;z-index:2}.card-views,.card-uses{background-color:#0009;color:#fff;padding:3px 8px;border-radius:4px;font-size:.7rem;display:flex;align-items:center;gap:4px}.views-icon,.uses-icon{width:12px;height:12px;display:inline-block;background-size:contain;background-repeat:no-repeat}.views-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")}.uses-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z'/%3E%3C/svg%3E")}.album-card-container,.content-card,[class*=card-container]{height:auto!important}@media (max-width: 768px){.category-card{height:180px!important;min-height:180px!important;max-height:180px!important}.card-category-badge{font-size:.55rem;padding:1px 5px}}@media (max-width: 480px){.category-card{height:160px!important;min-height:160px!important;max-height:160px!important}.category-card h3{font-size:.85rem;padding:8px}.card-category-badge{font-size:.5rem;padding:1px 4px}.card-author{font-size:.6rem;padding:2px 5px}}.album-card-container .category-card,.content-card .category-card{height:220px!important;min-height:220px!important;max-height:220px!important}.album-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.album-modal-content{background-color:#2c2f3a;border-radius:12px;box-shadow:0 8px 30px #00000080;width:500px;max-width:90%;padding:0;color:#fff;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.album-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.album-modal-header h2{margin:0;font-size:1.5rem;color:#fff;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.close-button{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#fff}.album-modal-subtitle{padding:0 25px;margin:20px 0;color:#ddd;font-size:1.1rem;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.album-options{display:flex;justify-content:space-around;padding:0 25px;margin-bottom:25px}.album-option{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;background:#22232b;border-radius:12px;cursor:pointer;transition:all .2s ease;padding:15px}.album-option:hover{background:#3b3e51;transform:translateY(-3px)}.album-option.selected{background:#328af1;box-shadow:0 0 15px #328af180}.option-icon{font-size:2.5rem;margin-bottom:10px}.tierlist-icon{color:#328af1}.tournoi-icon{color:#e63946}.classement-icon{color:#2a9d8f}.album-option.selected .option-icon{color:#fff}.option-label{font-weight:700;font-size:.9rem;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.name-input-container{padding:0 25px;margin-bottom:25px}.name-input-container label{display:block;margin-bottom:8px;font-weight:500;color:#ddd;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.name-input-container input{width:100%;padding:12px;border-radius:6px;border:none;background:#3b3e51;color:#fff;font-size:1rem;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.name-input-container input:focus{outline:none;box-shadow:0 0 0 2px #328af1}.login-message{padding:15px 25px;background:#22232b;border-radius:8px;margin:0 25px 20px;text-align:center}.login-message p{margin:0 0 15px;color:#ff9800;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.login-button{background:#328af1;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s ease}.login-button:hover{background:#2c79d6;transform:translateY(-2px)}.album-modal-actions{display:flex;justify-content:flex-end;gap:15px;padding:20px 25px;background:#22232b;border-radius:0 0 12px 12px}.cancel-button,.create-button{padding:10px 20px;border-radius:6px;border:none;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.cancel-button{background:#3b3e51;color:#fff}.cancel-button:hover{background:#50546a}.create-button{background:#328af1;color:#fff}.create-button:hover{background:#2c79d6}.create-button:disabled{background:#3b3e51;color:#aaa;cursor:not-allowed}@media (max-width: 600px){.album-options{flex-direction:column;align-items:center;gap:15px}.album-option{width:100%;flex-direction:row;height:60px;justify-content:flex-start;gap:15px}.option-icon{margin-bottom:0}}.homepage{margin-top:0!important}.section-header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:40px;margin-bottom:20px;padding-left:5px}.section-title{position:relative;z-index:1;font-size:1.5rem;color:#fff;text-transform:uppercase;margin:0;padding:0 15px 0 0;background-color:#181a23;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-weight:700}.section-title:before{content:"";position:absolute;left:-10px;right:0;top:0;bottom:0;background-color:#181a23;z-index:-1;padding-right:15px}.view-more{position:relative;z-index:1;background:#3b3e51;color:#fff;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:700;transition:background .3s ease-in-out;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.view-more:hover{background:#50546a}.categories{display:grid;grid-template-columns:repeat(7,minmax(150px,180px));gap:20px;overflow-x:auto;padding-bottom:10px;padding-top:5px;margin:10px;scrollbar-width:thin;-ms-overflow-style:none}.categories::-webkit-scrollbar{height:4px}.categories::-webkit-scrollbar-track{background:transparent}.categories::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.album-populaire-header{display:flex;align-items:center;gap:15px;margin-top:40px;margin-bottom:20px}.albums-populaires,.voiture{margin-top:30px}.category-container{cursor:pointer;transition:transform .3s ease;min-width:150px}.category-container:hover{transform:translateY(-5px)}.album-populaire-header h2,.section-header h2{font-size:1.5rem;margin:0;padding-right:10px;text-transform:uppercase;color:#fff;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-weight:700}@media (max-width: 1024px){.categories{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media (max-width: 768px){.categories{grid-template-columns:repeat(3,minmax(140px,1fr));gap:15px;padding:5px}.section-title{font-size:1.3rem}.section-header:before{right:80px}.album-populaire-header{margin-top:30px}}@media (max-width: 480px){.categories{grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px}.section-title{font-size:1.2rem}.section-header:before{right:70px}.view-more{padding:6px 12px;font-size:.8rem}.album-populaire-header{margin-top:25px}}.voiture,.albums-populaires{margin-bottom:30px;padding-bottom:10px}.all-album-title{margin-top:40px}.auth-container{width:350px;background:#22232b;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000004d;text-align:center;margin:100px auto auto}.auth-container h2{color:#fff;margin-bottom:20px}.auth-container form{display:flex;flex-direction:column}.auth-container input{padding:12px;margin:10px 0;border-radius:6px;border:none;background:#3b3e51;color:#fff;font-size:1rem}.auth-container input:focus{outline:none;box-shadow:0 0 0 2px #328af1}.auth-container button{background:#328af1;color:#fff;padding:12px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;margin-top:15px;transition:background-color .3s ease}.auth-container button:hover:not(:disabled){background:#2c79d6}.auth-container button:disabled{background:#5a9ae3;cursor:not-allowed}.auth-container p{margin-top:15px;color:#fff}.auth-container a{color:#328af1;text-decoration:none;font-weight:700;transition:color .3s ease}.auth-container a:hover{color:#5a9ae3;text-decoration:underline}.error-message{color:#e63946;background:#e639461a;padding:10px;border-radius:6px;margin-bottom:15px;font-weight:700}.success-message{color:#4caf50;background:#4caf501a;padding:10px;border-radius:6px;margin-bottom:15px;font-weight:700}@media (max-width: 480px){.auth-container{width:90%;max-width:350px;padding:15px}.auth-container input,.auth-container button{padding:10px}}.profile-container{max-width:1200px;margin:0 auto;color:#fff}.profile-header{background:#2c2f3a;border-radius:12px;box-shadow:0 4px 10px #0000004d;padding:25px;display:flex;gap:25px;align-items:center;margin-bottom:25px}.profile-avatar-container{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #328af1;flex-shrink:0}.profile-avatar{width:100%;height:100%;object-fit:cover}.profile-info{flex-grow:1}.profile-username{font-size:1.8rem;margin:0 0 5px;color:#fff;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.profile-member-since{color:#aaa;margin:0 0 15px;font-size:.9rem;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-btn{background:#3b3e51;color:#fff;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.profile-btn:hover{background:#50546a}.profile-btn.edit{background:#328af1}.profile-btn.edit:hover{background:#2c79d6}.profile-btn.password{background:#3b3e51}.profile-btn.password:hover{background:#50546a}.profile-btn.logout{background:#e63946}.profile-btn.logout:hover{background:#cf2c39}.profile-content{background:transparent}.profile-section{margin-bottom:30px;padding-bottom:20px;position:relative}.profile-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff1a}.profile-section:last-child{margin-bottom:0;padding-bottom:0}.profile-section:last-child:after{display:none}.section-header{margin-bottom:20px;position:relative}.section-header h3{font-size:1.5rem;margin:0;color:#fff;background-color:#181a23;display:inline-block;padding:0 15px 0 0;position:relative;z-index:5;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.section-header:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#fff3;transform:translateY(-50%);z-index:1}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch.small{width:34px;height:18px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3b3e51;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch.small .slider:before{height:14px;width:14px;left:2px;bottom:2px}input:checked+.slider{background-color:#328af1}input:checked+.slider:before{transform:translate(20px)}.switch.small input:checked+.slider:before{transform:translate(16px)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.content-card{position:relative;border-radius:10px;overflow:hidden;padding-top:30px;background:#2c2f3a;transition:transform .3s ease,box-shadow .3s ease}.content-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.content-privacy-toggle{position:absolute;top:0;left:0;right:0;height:30px;background:#00000080;display:flex;align-items:center;justify-content:space-between;z-index:2;padding:0 10px}.privacy-status{font-size:.7rem;color:#fff;font-weight:700;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.usage-badge{position:absolute;top:40px;right:10px;background:#328af1e6;color:#fff;font-size:.7rem;padding:3px 8px;border-radius:10px;z-index:10;font-weight:700;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.empty-section{padding:30px;text-align:center;background:#2c2f3a;border-radius:8px}.empty-section p{margin:0 0 15px;color:#aaa;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.create-btn{background:#328af1;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s ease;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.create-btn:hover{background:#2c79d6}.modal-content{background:#2c2f3a;padding:25px;border-radius:12px;box-shadow:0 4px 10px #00000080;color:#fff;width:400px;max-width:90%}.modal-content h2{margin:0 0 20px;font-size:1.4rem;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.modal-content input{width:100%;padding:12px;border-radius:6px;border:none;background:#3b3e51;color:#fff;font-size:1rem;margin-bottom:20px;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.password-input{margin-bottom:15px}.cancel-btn,.confirm-btn{border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s ease;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.cancel-btn{background:#3b3e51;color:#fff}.cancel-btn:hover{background:#50546a}.confirm-btn{background:#328af1;color:#fff}.confirm-btn:hover{background:#2c79d6}@media (max-width: 700px){.profile-header{flex-direction:column;text-align:center}.profile-actions{justify-content:center}.content-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 500px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.profile-actions{flex-direction:column}.profile-btn{width:100%}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--text-color)}.loading-spinner{border:4px solid var(--bg-tertiary);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}.error-message{background:#dc3545;color:#fff;padding:15px;border-radius:6px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.error-message button{background:#fff;color:#dc3545;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700}@media (max-width: 768px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.content-privacy-toggle{top:5px;right:5px;padding:3px 6px}.privacy-status{font-size:10px}.switch.small{width:28px;height:16px}.switch.small .slider:before{height:10px;width:10px;left:3px;bottom:3px}.switch.small input:checked+.slider:before{transform:translate(12px)}}@media (max-width: 480px){.content-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column;width:100%}.profile-btn{width:100%;justify-content:center}}.viewer-editor-modal{min-width:400px;max-width:500px}.viewer-editor-modal .modal-body{padding:20px}.viewer-editor-modal .modal-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px}.viewer-editor-modal .modal-button{display:flex;flex-direction:column;align-items:flex-start;padding:15px;border:2px solid transparent;border-radius:8px;background:var(--bg-tertiary);color:var(--text-color);cursor:pointer;transition:all .3s ease;text-align:left;font-size:16px;font-weight:700}.viewer-editor-modal .modal-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.viewer-editor-modal .modal-button.primary{border-color:var(--primary-color)}.viewer-editor-modal .modal-button.primary:hover{background:var(--primary-color);color:#fff}.viewer-editor-modal .modal-button.secondary{border-color:var(--text-secondary)}.viewer-editor-modal .modal-button.secondary:hover{background:var(--text-secondary);color:#fff}.viewer-editor-modal .button-description{font-size:12px;font-weight:400;margin-top:5px;opacity:.8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--bg-secondary);border-radius:10px;box-shadow:0 10px 30px var(--shadow-color);max-width:90vw;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid var(--border-color);margin-bottom:0}.modal-header h2{margin:0;color:var(--text-color)}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--bg-tertiary);border-radius:50%}.modal-body{padding:20px}.modal-body p{margin-bottom:20px;color:var(--text-color)}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.modal-button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease;text-align:center;flex:1;min-width:120px}.modal-button.primary{background:var(--primary-color);color:#fff}.modal-button.primary:hover{background:#2c79d6}.modal-button.secondary{background:var(--bg-input);color:var(--text-color);border:1px solid var(--text-secondary)}.modal-button.secondary:hover{background:var(--bg-tertiary)}@media (max-width: 600px){.viewer-editor-modal{min-width:300px;max-width:90vw}.modal-actions{flex-direction:column}.modal-button{min-width:unset}}.add-album-container{max-width:1200px;margin:0 auto;padding:2rem}.add-album-title{text-align:center;margin-bottom:2rem;color:var(--text-color)}.add-album-form{background-color:var(--bg-secondary);padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color)}.form-group input[type=text],.form-group textarea{width:100%;padding:.8rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);font-size:1rem}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #328af14d}.category-selection-area{display:flex;flex-direction:column;gap:1rem}.category-options{display:flex;flex-wrap:wrap;gap:.5rem}.category-option{background-color:var(--bg-tertiary);padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .2s;font-size:.9rem;-webkit-user-select:none;user-select:none}.category-option:hover{background-color:var(--hover-color)}.category-option.selected{background-color:var(--primary-color);color:#fff}.selected-categories{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;min-height:60px;background-color:var(--bg-tertiary);border-radius:4px;align-items:center}.selected-category{background-color:var(--primary-color);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.9rem}.no-categories{color:var(--text-secondary);font-style:italic}.drop-zone{border:2px dashed var(--border-color);padding:2rem;text-align:center;border-radius:4px;margin-bottom:1rem;transition:all .3s;background-color:var(--bg-tertiary)}.drop-zone.active{border-color:var(--primary-color);background-color:#328af11a}.drop-zone p{margin-bottom:1rem;color:var(--text-secondary)}.file-input-label{background-color:var(--primary-color);color:#fff;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;display:inline-block;transition:background-color .2s}.file-input-label:hover{background-color:var(--primary-dark)}.validation-errors{background-color:#fff3f3;border-left:4px solid #ff3b3b;margin-bottom:2rem;padding:1rem;border-radius:4px;color:#d32f2f}.validation-errors h3{margin-top:0;font-size:1rem;margin-bottom:.5rem}.validation-errors ul{margin:0;padding-left:1.5rem}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.preview-container{position:relative;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;background-color:var(--bg-tertiary);transition:transform .2s;height:100%;display:flex;flex-direction:column}.preview-container:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.image-preview{width:100%;height:150px;object-fit:cover;display:block}.image-name-container{padding:.5rem;flex-grow:1;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);min-height:40px;display:flex;flex-direction:column;align-items:flex-start}.image-name{font-size:.9rem;color:var(--text-color);word-break:break-word;cursor:pointer;padding:.3rem;border-radius:3px;transition:background-color .2s;width:100%}.image-name:hover{background-color:#0000000d}.image-name-input{width:100%;padding:.3rem;border:1px solid var(--primary-color);border-radius:3px;font-size:.9rem;background-color:var(--input-bg);color:var(--text-color);height:30px}.remove-image,.edit-image-name{position:absolute;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:16px;transition:background-color .2s}.remove-image{top:5px;right:5px;background-color:#ff0000b3}.remove-image:hover{background-color:#ff0000e6}.edit-image-name{top:5px;left:5px;background-color:#00000080;font-size:12px}.edit-image-name:hover{background-color:#000000b3}.form-actions-top{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;padding:.75rem;background-color:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color);position:sticky;top:80px;z-index:10}.images-count{font-weight:600;color:var(--text-color)}.action-buttons{display:flex;gap:.5rem}.cancel-btn,.submit-btn{padding:.8rem 1.5rem;border-radius:4px;border:none;font-weight:600;cursor:pointer;transition:background-color .2s}.cancel-btn{background-color:var(--cancel-btn-bg, #f3f4f6);color:var(--cancel-btn-text, #374151)}.cancel-btn:hover{background-color:var(--cancel-btn-hover, #e5e7eb)}.submit-btn{background-color:var(--primary-color, #328af1);color:#fff}.submit-btn:hover{background-color:var(--primary-dark, #2872c8)}.submit-btn:disabled,.cancel-btn:disabled,.edit-image-name:disabled,.remove-image:disabled{opacity:.5;cursor:not-allowed}.submission-progress{background-color:var(--bg-tertiary);padding:1rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 10px #0000001a;text-align:center}.progress-bar-container{width:100%;height:10px;background-color:var(--bg-secondary);border-radius:5px;overflow:hidden;margin-top:.5rem}.progress-bar{height:100%;background-color:var(--primary-color);transition:width .3s ease}.privacy-setting{margin-bottom:1.5rem}.privacy-toggle{display:flex;align-items:center;gap:12px}[data-theme=dark] .validation-errors{background-color:#ff3b3b1a;color:#ff6b6b}@media (max-width: 768px){.add-album-container,.add-album-form{padding:1rem}.image-previews{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.form-actions-top{flex-direction:column;gap:.5rem}.form-actions-top .action-buttons,.cancel-btn,.submit-btn{width:100%}}.image-status{position:absolute;top:35px;right:5px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;z-index:5}.image-error-message{margin-top:.5rem;color:#dd4b39;font-size:.8rem;word-break:break-word;width:100%;background-color:#dd4b391a;padding:.3rem .5rem;border-radius:3px}.upload-results{margin-top:1rem;text-align:left;padding:.75rem;background-color:var(--bg-secondary);border-radius:4px}.success-count{color:#00a65a;font-weight:600}.failed-count{color:#dd4b39;font-weight:600}.failed-images{margin-top:.5rem}.failed-images details{background-color:var(--bg-secondary);border-radius:4px;padding:.5rem;border:1px solid var(--border-color)}.failed-images summary{cursor:pointer;color:#dd4b39;font-weight:600;padding:.3rem 0}.failed-images ul{margin-top:.5rem;padding-left:1.5rem;max-height:200px;overflow-y:auto}.failed-images li{margin-bottom:.5rem;color:var(--text-color);font-size:.9rem}.image-edit-modal{max-width:600px}.image-edit-content{padding:0 25px;display:flex;gap:20px;margin-bottom:15px}.image-preview-container{flex-shrink:0;width:180px;text-align:center}.image-preview{width:100%;height:180px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 8px #0003;margin-bottom:10px}.file-name{font-size:.8rem;color:#aaa;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.image-edit-form{flex-grow:1}.image-edit-form .form-group{margin-bottom:15px}.image-edit-form label{display:block;margin-bottom:5px;font-weight:500;color:#ddd}.image-edit-form input,.image-edit-form textarea{width:100%;padding:10px;border-radius:6px;border:none;background:#3b3e51;color:#fff;font-size:.95rem}.image-edit-form input:focus,.image-edit-form textarea:focus{outline:none;box-shadow:0 0 0 2px #328af1}@media (max-width: 600px){.image-edit-content{flex-direction:column;padding:0 15px}.image-preview-container{width:100%;margin-bottom:15px}.image-preview{height:160px;width:auto;max-width:200px;margin:0 auto 10px}}.all-album-container{max-width:1400px;margin:0 auto;color:#fff;padding-bottom:40px}.all-album-title{color:#fff;margin-bottom:30px;font-size:1.8rem;text-align:center;margin-top:10px;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.album-filters{margin-bottom:30px}.search-container{margin-bottom:15px}.album-search{width:100%;padding:12px;border-radius:8px;border:none;background:#22232b;color:#fff;font-size:1rem;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.album-search:focus{outline:none;box-shadow:0 0 0 2px #328af1}.category-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;-ms-overflow-style:none}.category-filters::-webkit-scrollbar{height:4px}.category-filters::-webkit-scrollbar-track{background:transparent}.category-filters::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.category-filter{background:#3b3e51;color:#fff;border:none;padding:8px 15px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease;white-space:nowrap;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.category-filter:hover{background:#50546a}.category-filter.active{background:#328af1}.category-count{font-size:.8rem;opacity:.8;margin-left:4px}.all-albums-section{margin-bottom:40px}.all-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:30px}.album-card-container{cursor:pointer;transition:transform .3s ease;position:relative}.album-card-container:hover{transform:translateY(-5px)}.album-usage-count{position:absolute;top:10px;right:10px;background:#328af1e6;color:#fff;font-size:.7rem;padding:3px 8px;border-radius:10px;z-index:15;font-weight:700;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.category-title{font-size:1.5rem;margin:15px 0;color:#fff;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.no-results{text-align:center;padding:30px;background:#2c2f3a;border-radius:10px;margin:20px 0}.no-results p{font-size:1.1rem;color:#aaa;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.error-message{text-align:center;padding:20px;background:#2c2f3a;border-radius:10px;margin:20px 0;color:#e63946}.error-message button{background:#328af1;color:#fff;border:none;padding:8px 15px;border-radius:6px;margin-top:10px;cursor:pointer;font-weight:700;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.create-album-prompt{margin-top:30px;margin-bottom:30px;text-align:center;padding:20px;background:#2c2f3a;border-radius:10px;box-shadow:0 4px 10px #0000004d}.create-album-prompt p{margin-bottom:15px;font-size:1.1rem;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.create-album-btn{background:#328af1;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem;transition:background .3s ease;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.create-album-btn:hover{background:#2c79d6}@media (max-width: 1200px){.all-albums-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.all-album-container{padding-top:120px!important}.all-albums-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.category-filters{padding-bottom:10px}.album-usage-count{font-size:.65rem;padding:2px 6px}.all-album-title{font-size:1.6rem}.category-title{font-size:1.3rem}}@media (max-width: 480px){.all-albums-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.all-album-title{font-size:1.5rem}.category-filter{padding:6px 12px;font-size:.8rem}.load-more-button{padding:8px 15px;font-size:.9rem}.category-title{font-size:1.2rem}}.admin-container{max-width:1400px;color:#fff;padding-bottom:40px;min-height:100vh;margin-left:5%;margin-right:5%}.admin-title{color:#fff;margin-bottom:20px;font-size:1.8rem;text-transform:uppercase;text-align:center}.admin-tabs{display:flex;background:#22232b;border-radius:8px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 10px #0000004d}.admin-tab{flex:1;background:#22232b;color:#fff;border:none;padding:15px 10px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.admin-tab:hover{background:#3b3e51}.admin-tab.active{background:#328af1}.admin-table-container{background:#2c2f3a;border-radius:8px;padding:20px;box-shadow:0 4px 10px #0000004d;margin-bottom:20px;overflow:visible}.admin-toolbar{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center;flex-wrap:wrap;gap:15px}.admin-search-container{flex-grow:1;max-width:400px}.admin-search{width:100%;padding:10px 15px;border-radius:6px;border:none;background:#3b3e51;color:#fff;font-size:.95rem}.admin-search:focus{outline:none;box-shadow:0 0 0 2px #328af180}.admin-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-filter-select{padding:8px 12px;border-radius:6px;border:none;background:#3b3e51;color:#fff;font-size:.9rem;cursor:pointer;min-width:150px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:20px}.admin-filter-select:focus{outline:none;box-shadow:0 0 0 2px #328af180}.no-results{text-align:center;padding:30px;background:#22232b;border-radius:8px;margin:20px 0}.no-results p{font-size:1.1rem;color:#aaa}.admin-table{width:100%;border-collapse:collapse;margin-top:10px;border-radius:8px;overflow:hidden;margin-bottom:20px}.admin-table th,.admin-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #3b3e51}.admin-table th{background-color:#22232b;font-weight:700;color:#fff;position:sticky;top:0}.admin-table tr:hover{background-color:#3b3e51}.id-cell{font-family:monospace;font-size:.9rem;color:#aaa}.actions-cell{display:flex;gap:8px;flex-wrap:wrap}.status-badge{padding:5px 10px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;display:inline-block}.status-badge.active{background-color:#4caf50;color:#fff}.status-badge.quarantined{background-color:#ff9800;color:#fff}.status-badge.public{background-color:#4caf50;color:#fff}.admin-action-btn{border:none;border-radius:4px;padding:6px 12px;font-weight:700;cursor:pointer;transition:all .3s ease;color:#fff;white-space:nowrap;font-size:.9rem;margin-bottom:5px}.admin-action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-action-btn.quarantine{background-color:#ff9800}.admin-action-btn.quarantine:hover:not(:disabled){background-color:#f57c00}.admin-action-btn.delete{background-color:#e63946}.admin-action-btn.delete:hover:not(:disabled){background-color:#c62828}.admin-action-btn.privacy{background-color:#3b3e51}.admin-action-btn.privacy:hover:not(:disabled){background-color:#50546a}.admin-action-btn.add{background-color:#2a9d8f;padding:8px 15px}.admin-action-btn.add:hover:not(:disabled){background-color:#21867a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2c2f3a;padding:30px;border-radius:12px;box-shadow:0 4px 10px #00000080;color:#fff;width:400px;max-width:90%}.modal-content h2{margin-bottom:15px}.modal-content p{margin-bottom:20px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{background:#3b3e51;color:#fff;border:none;border-radius:6px;padding:10px 15px;cursor:pointer;transition:background .3s ease;font-weight:700}.modal-actions button:hover{background:#50546a}.modal-actions button.confirm-delete{background:#e63946}.modal-actions button.confirm-delete:hover{background:#c62828}.modal-actions button.confirm-quarantine{background:#ff9800}.modal-actions button.confirm-quarantine:hover{background:#f57c00}.modal-actions button.confirm-private,.modal-actions button.confirm-public{background:#2a9d8f}.modal-actions button.confirm-private:hover,.modal-actions button.confirm-public:hover{background:#21867a}.admin-content{overflow:visible;padding-bottom:60px}.admin-tabs,.admin-table-container,.no-results{background-color:var(--bg-tertiary)}.admin-tab{background:var(--bg-secondary)}.admin-tab:hover{background:var(--hover-bg)}.admin-tab.active{background:var(--primary-color)}@media (max-width: 768px){.admin-toolbar{flex-direction:column;align-items:stretch}.admin-search-container{max-width:none}.admin-filters{justify-content:space-between}.admin-filter-select{flex:1;min-width:0}.admin-action-btn.add{width:100%;margin-top:10px}.admin-albums-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-table{display:block;overflow-x:auto}}@media (max-width: 480px){.admin-tabs{display:grid;grid-template-columns:1fr 1fr}.admin-albums-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.user-roles{display:flex;flex-wrap:wrap;gap:5px}.user-role{background-color:#328af1;color:#fff;font-size:.8rem;padding:2px 8px;border-radius:10px;display:flex;align-items:center;gap:5px}.remove-role-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;padding:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:#0003}.remove-role-btn:hover{background-color:#0006}.add-role-btn{background-color:#3b3e51;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;padding:0}.add-role-btn:hover{background-color:#50546a}.role-select{width:100%;padding:10px;border-radius:4px;border:1px solid #3b3e51;background-color:#22232b;color:#fff;margin-top:10px;margin-bottom:20px}.admin-action-btn.edit{background-color:#2a9d8f}.admin-action-btn.edit:hover{background-color:#21867a}.admin-action-btn.status{background-color:#ff9800}.admin-action-btn.status:hover{background-color:#f57c00}.status-select,.admin-input{width:100%;padding:10px;border-radius:4px;border:1px solid #3b3e51;background-color:#22232b;color:#fff;margin-top:10px;margin-bottom:20px}@media (max-width: 768px){.user-roles{flex-direction:column}.user-role{justify-content:space-between}.admin-tabs{display:grid;grid-template-columns:repeat(3,1fr)}}.category-tags{display:flex;flex-wrap:wrap;gap:5px;max-width:300px}.category-tag{background:#328af1;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:10px;display:inline-block;white-space:nowrap}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#328af1;animation:spin 1s ease-in-out infinite;margin-bottom:20px}.error-message{text-align:center;padding:30px;background:#2c2f3a;border-radius:10px;margin:20px 0;color:#e63946}.album-editor-container{max-width:1400px;margin:0 auto;padding:20px;padding-top:110px!important;color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;position:relative}.album-editor-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-tertiary);padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 10px var(--shadow-color);flex-wrap:wrap;gap:10px}.album-title-section{flex:1;min-width:250px}.album-title-section h1{font-size:1.4rem;margin:0 0 10px;display:flex;align-items:center;gap:10px}.edit-info-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:4px;border-radius:4px;transition:all .2s ease}.edit-info-button:hover{color:var(--primary-color);background-color:#328af11a}.album-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:.9rem;color:var(--text-secondary)}.album-actions{display:flex;gap:10px}.back-button{background-color:var(--bg-input);color:var(--text-color);border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s ease}.back-button:hover{background-color:var(--primary-color);color:#fff}.delete-button{background-color:var(--error-color);color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s ease}.delete-button:hover{background-color:#c62f35;transform:translateY(-2px)}.album-editor-content{display:flex;flex-direction:column;gap:20px}.upload-section{background-color:var(--bg-tertiary);border-radius:8px;padding:20px;box-shadow:0 4px 10px var(--shadow-color)}.upload-section h2{margin-top:0;margin-bottom:15px;font-size:1.3rem;color:var(--text-color)}.file-upload{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px}.file-upload-label{background-color:var(--primary-color);color:#fff;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.file-upload-label:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.selected-files{flex-grow:1;padding:5px 10px;color:var(--text-secondary)}.upload-actions{display:flex;gap:10px;margin-top:10px}.upload-button{background-color:var(--success-color);color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.upload-button:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px)}.upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-upload-button{background-color:var(--error-color);color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.cancel-upload-button:hover{background-color:#c62f35;transform:translateY(-2px)}.upload-progress-container{margin-top:15px}.upload-progress-bar{height:8px;background-color:var(--bg-input);border-radius:4px;overflow:hidden;margin-bottom:10px}.upload-progress{height:100%;background-color:var(--primary-color);transition:width .3s}.uploading-images-preview{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.uploading-image-item{background-color:var(--bg-secondary);border-radius:6px;overflow:hidden;position:relative;box-shadow:0 2px 5px var(--shadow-color);transition:all .3s ease}.image-status-indicator{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:10px;z-index:5;box-shadow:0 2px 4px #0003}.image-preview-small{height:80px;overflow:hidden}.image-preview-small img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-details{padding:8px}.image-name-small{margin:0 0 5px;font-size:.8rem;font-weight:500;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-progress-bar{height:3px;background-color:var(--bg-input);border-radius:2px;overflow:hidden;margin-top:3px}.image-progress{height:100%;background-color:var(--primary-color);transition:width .3s}.error-message-small{color:var(--error-color);font-size:.7rem;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.existing-images-section{background-color:var(--bg-tertiary);border-radius:8px;padding:20px;box-shadow:0 4px 10px var(--shadow-color)}.existing-images-section h2{margin-top:0;margin-bottom:15px;font-size:1.3rem;color:var(--text-color)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;margin-top:15px}.image-card{background-color:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color);transition:all .3s ease}.image-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px var(--shadow-color)}.image-preview-existing{height:120px;overflow:hidden}.image-preview-existing img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-card:hover .image-preview-existing img{transform:scale(1.05)}.image-info{padding:10px}.image-info h3{margin:0;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color)}.image-actions{display:flex;justify-content:space-between;padding:8px 10px 10px;border-top:1px solid var(--border-color);gap:5px}.edit-image-button,.delete-image-button{padding:5px 8px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease;flex:1}.edit-image-button{background-color:var(--primary-color);color:#fff}.edit-image-button:hover{background-color:var(--primary-hover)}.delete-image-button{background-color:var(--bg-input);color:var(--text-color)}.delete-image-button:hover{background-color:var(--error-color);color:#fff}.album-name-edit{display:flex;flex-direction:column;gap:10px}.album-name-edit input{padding:8px;border-radius:4px;border:none;background-color:var(--bg-input);color:var(--text-color);font-size:1.2rem}.edit-actions{display:flex;gap:10px}.save-button,.cancel-button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s ease}.save-button{background-color:var(--primary-color);color:#fff}.save-button:hover{background-color:var(--primary-hover)}.cancel-button:hover{background-color:var(--error-color);color:#fff}.privacy-toggle span{color:var(--text-secondary);font-size:.9rem}.upload-results-summary{margin-top:15px;padding:15px;background-color:var(--bg-secondary);border-radius:6px;border-left:4px solid var(--primary-color)}.success-count{color:#4caf50;font-weight:500}.failed-count{color:var(--error-color);font-weight:500}.failed-images-list{margin-top:10px}.failed-images-list summary{cursor:pointer;color:var(--error-color);font-weight:500;margin-bottom:5px;outline:none}.failed-images-list summary:hover{text-decoration:underline}.failed-images-list ul{margin:10px 0 0;padding-left:20px;color:var(--text-color)}.failed-images-list li{margin-bottom:5px;font-size:.85rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--bg-tertiary);border-radius:10px;padding:20px;width:90%;max-width:500px;box-shadow:0 5px 20px #0000004d}.modal-content h2{margin-top:0;margin-bottom:15px;color:var(--text-color)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.image-preview-in-modal{width:100%;height:200px;overflow:hidden;border-radius:6px;margin:15px 0}.image-preview-in-modal img{width:100%;height:100%;object-fit:contain}.confirm-delete-button{background-color:var(--error-color);color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s ease}.confirm-delete-button:hover{background-color:#c62f35;transform:translateY(-2px)}.confirm-delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.primary-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.loading-container,.error-message{text-align:center;padding:50px;background-color:var(--bg-tertiary);border-radius:8px;box-shadow:0 4px 10px var(--shadow-color);margin-top:20px}.loading-spinner{border:4px solid rgba(255,255,255,.2);border-radius:50%;border-top:4px solid var(--primary-color);width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}.error-message h2{color:var(--error-color);margin-top:0}@media (max-width: 768px){.album-editor-header{flex-direction:column;align-items:flex-start}.album-actions{width:100%;justify-content:space-between}.images-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.uploading-images-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.file-upload{flex-direction:column;align-items:flex-start}.file-upload-label,.upload-button,.upload-actions button{width:100%;text-align:center}.album-editor-container{padding:10px;padding-top:100px!important}}@media (max-width: 480px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.uploading-images-preview{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.image-preview-existing{height:100px}.image-preview-small{height:60px}.image-info h3{font-size:.8rem}.image-actions{padding:5px}.edit-image-button,.delete-image-button{padding:4px 6px;font-size:.7rem}}.setup-container{max-width:1200px;margin:0 auto;padding:20px;color:var(--text-color)}.setup-header{text-align:center;margin-bottom:30px}.setup-header h1{font-size:2rem;margin-bottom:10px;color:var(--text-color)}.setup-description{font-size:1rem;color:var(--text-secondary);max-width:800px;margin:0 auto;line-height:1.5}.setup-album-info{background:var(--bg-tertiary);border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 4px 10px var(--shadow-color);position:relative}.setup-album-info h2{margin-bottom:15px;font-size:1.4rem;color:var(--text-color)}.setup-stats{display:flex;gap:30px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:.9rem;color:var(--text-secondary)}.stat-value{font-size:1.1rem;font-weight:700;color:var(--primary-color)}.setup-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px;position:absolute;right:20px;top:0}.setup-button{padding:10px 20px;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:.9rem;transition:all .3s ease;min-width:120px;text-align:center}.setup-button.cancel{background:var(--bg-input);color:var(--text-color);border:1px solid var(--text-secondary)}.setup-button.start{background:var(--primary-color);color:#fff}.setup-button.start:disabled{opacity:.5;cursor:not-allowed}.setup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.setup-images-container{background:var(--bg-tertiary);border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 4px 10px var(--shadow-color)}.setup-images-container h3{margin-bottom:20px;font-size:1.2rem;color:var(--text-color)}.setup-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.setup-image-card{border-radius:8px;overflow:hidden;background:var(--bg-secondary);transition:all .3s ease;position:relative;border:2px solid transparent}.setup-image-card.selected{border-color:var(--primary-color)}.setup-image-card.main-image{border-color:#e63946}.image-container{position:relative;height:150px;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.setup-image-card:hover .image-container img{transform:scale(1.05)}.main-image-badge{position:absolute;top:10px;right:10px;background:#e63946;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700}.image-title{padding:10px;font-size:.9rem;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-actions{display:flex;flex-direction:column;gap:8px;padding:0 10px 10px}.select-button,.main-button{border:none;padding:8px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:700;transition:all .2s ease}.select-button{background:var(--bg-input);color:var(--text-color)}.select-button.selected{background:var(--primary-color);color:#fff}.main-button{background:var(--bg-input);color:var(--text-color)}.main-button.selected{background:#e63946;color:#fff}.select-button:hover:not(:disabled),.main-button:hover:not(:disabled){filter:brightness(1.1)}.select-button:disabled,.main-button:disabled{opacity:.5;cursor:not-allowed}.setup-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--primary-color);width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}.setup-error{text-align:center;padding:40px;background:var(--bg-tertiary);border-radius:10px;margin:40px auto;max-width:600px}.setup-error h2{color:#e63946;margin-bottom:15px}@media (max-width: 768px){.setup-images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.setup-actions{position:static;justify-content:center;margin-top:20px}.setup-button{width:100%}}@media (max-width: 480px){.setup-images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.image-container{height:120px}.main-image-badge{font-size:.65rem;padding:3px 6px}.image-title{font-size:.8rem;padding:8px}}.image-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.image-details-modal{background-color:var(--bg-tertiary);border-radius:12px;overflow:hidden;width:100%;max-width:700px;max-height:90vh;box-shadow:0 5px 25px #00000080;outline:none;position:relative;display:flex;flex-direction:column;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.image-details{display:flex;flex-direction:column;height:100%;overflow:hidden}.image-details-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.image-details-header h2{margin:0;font-size:1.4rem;color:var(--text-color);max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-details-btn{background:none;border:none;color:var(--text-color);font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-details-btn:hover{background-color:var(--bg-input)}.image-details-content{display:flex;flex-direction:column;flex-grow:1;padding:20px;overflow-y:auto}@media (min-width: 768px){.image-details-content{flex-direction:row;gap:25px}}.image-preview-container{flex-shrink:0;width:100%;margin-bottom:20px;display:flex;justify-content:center}@media (min-width: 768px){.image-preview-container{width:50%;margin-bottom:0}}.image-details-preview{max-width:100%;max-height:50vh;object-fit:contain;border-radius:8px;box-shadow:0 3px 10px var(--shadow-color)}.image-details-info{flex-grow:1;display:flex;flex-direction:column;gap:15px}.info-row{display:flex;flex-direction:column;gap:5px}@media (min-width: 576px){.info-row{flex-direction:row;gap:15px}}.info-label{font-weight:700;color:var(--text-color);min-width:80px}.info-value{color:var(--text-secondary)}.info-section{margin-top:5px}.info-section h3{font-size:1rem;margin:0 0 8px;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:5px}.description-text{margin:0;color:var(--text-secondary);line-height:1.5;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.url-link{color:var(--primary-color);word-break:break-all;text-decoration:none}.url-link:hover{text-decoration:underline}.tierlist-editor{max-width:1400px;margin:0 auto;padding:20px;padding-top:110px!important;color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;position:relative}.tierlist-compact-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-tertiary);padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 10px var(--shadow-color);top:85px;z-index:100}.tierlist-title{display:flex;align-items:center;gap:10px}.tierlist-title h1{font-size:1.4rem;margin:0;color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.tierlist-main-content{transition:all .3s ease;width:100%}.tierlist-main-content.with-sidebar{margin-right:320px}.tierlist-sidebar{position:fixed;top:0;right:-320px;width:320px;height:100vh;background-color:var(--bg-tertiary);box-shadow:-4px 0 10px var(--shadow-color);transition:right .3s ease;z-index:999;padding-top:80px;overflow-y:auto}.tierlist-sidebar.active{right:0}.tierlist-actions{display:flex;gap:10px;flex-wrap:wrap}.add-tier-button,.reset-button,.save-button,.cancel-button{background-color:var(--bg-input);color:var(--text-color);border:none;padding:8px 15px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease;font-size:.9rem;white-space:nowrap;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.add-tier-button{background-color:var(--primary-color);color:#fff}.reset-button{background-color:var(--error-color);color:#fff}.add-tier-button:hover:not(:disabled),.reset-button:hover:not(:disabled),.save-button:hover:not(:disabled),.cancel-button:hover:not(:disabled){transform:translateY(-2px);opacity:.9}.add-tier-button:disabled,.save-button:disabled,.cancel-button:disabled{opacity:.5;cursor:not-allowed}.tiers-container{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.tier{display:flex;background-color:var(--bg-tertiary);border-radius:8px;min-height:110px;overflow:hidden;box-shadow:0 4px 10px var(--shadow-color);position:relative}.tier-controls{position:absolute;right:5px;top:0;display:flex;flex-direction:column;justify-content:center;height:100%;padding:5px;z-index:10}.tier-move-button{background-color:#00000080;color:#fff;border:none;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin:3px;cursor:pointer;font-size:12px;opacity:.7;transition:all .2s ease}.tier-move-button:hover:not(:disabled){opacity:1;transform:scale(1.1)}.tier-move-button:disabled{opacity:.3;cursor:not-allowed}.tier-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;max-width:220px;width:auto;font-weight:700;font-size:20px;color:#fff;cursor:pointer;transition:all .2s;height:auto;padding:12px;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.tier-name-line{text-align:center;line-height:1.2;font-size:18px;word-break:break-word;margin:1px 0}.tier-label:hover{opacity:.9;box-shadow:0 0 5px #0000004d}.tier-label-edit{display:flex;flex-direction:column;min-width:160px;max-width:250px;width:auto;padding:15px;justify-content:center;align-items:center;background-color:var(--bg-secondary);transition:all .2s;height:auto;min-height:140px}.edit-name-input{width:100%;margin-bottom:8px;border:none;border-radius:4px;background-color:var(--bg-input);color:var(--text-color);font-size:16px;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.edit-color-input{width:100%;height:30px;margin-bottom:8px;border:none;border-radius:4px;cursor:pointer}.edit-buttons{display:flex;justify-content:space-between;gap:6px;width:100%;margin-top:8px}.edit-buttons .save-button,.edit-buttons .cancel-button,.edit-buttons .delete-button{padding:8px 10px;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:12px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.tier-label-edit .save-button{background-color:var(--primary-color);color:#fff}.tier-label-edit .cancel-button{background-color:var(--bg-input);color:var(--text-color)}.tier-label-edit .delete-button{background-color:var(--error-color);color:#fff}.tier-content{flex-grow:1;display:flex;flex-wrap:wrap;padding:10px;gap:10px;min-height:110px;align-content:flex-start;background-color:var(--bg-secondary)}.empty-tier-message{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:60px;color:var(--text-secondary);font-style:italic;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.unclassified-container{background-color:var(--bg-tertiary);border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 4px 10px var(--shadow-color)}.unclassified-container h3{margin-top:0;margin-bottom:15px;color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.unclassified-images{display:flex;flex-wrap:wrap;gap:10px}.empty-unclassified-message{width:100%;padding:20px;text-align:center;color:var(--primary-color);font-weight:700;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.tier-image{width:100px;height:120px;border:2px solid var(--border-color);border-radius:6px;overflow:hidden;cursor:grab;background-color:var(--bg-tertiary);position:relative;transition:all .2s ease;display:flex;flex-direction:column}.tier-image:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 5px 10px var(--shadow-color)}.tier-image img{width:100%;height:80px;object-fit:cover}.image-name{padding:5px;font-size:.8rem;text-align:center;background-color:var(--bg-secondary);color:var(--text-color);flex-grow:1;display:flex;align-items:center;justify-content:center;line-height:1.2;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.tier-image.drop-indicator{z-index:1;box-shadow:0 0 8px var(--primary-color)}.tier-image.drop-indicator.drop-before{border-left:4px solid var(--primary-color)}.tier-image.drop-indicator.drop-after{border-right:4px solid var(--primary-color)}.info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.info-modal-content{background-color:var(--bg-tertiary);border-radius:10px;padding:25px;max-width:500px;width:90%;box-shadow:0 5px 20px #0000004d}.info-modal-content h2{color:var(--text-color);margin-top:0;margin-bottom:15px;text-align:center;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.info-content{color:var(--text-color);margin-bottom:20px}.info-content p{margin-bottom:10px}.info-content ul{padding-left:20px}.info-content li{margin-bottom:8px}.info-close-btn{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;width:100%;transition:all .3s ease;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.info-close-btn:hover{background-color:var(--primary-hover)}@media (max-width: 968px){.tierlist-compact-header{flex-direction:column;gap:15px;align-items:stretch;padding:15px}.tierlist-actions{justify-content:space-between}.add-tier-button,.reset-button,.save-button,.cancel-button{font-size:.8rem;padding:8px 10px}.tierlist-sidebar{width:280px}.tierlist-main-content.with-sidebar{margin-right:0;width:100%}}@media (max-width: 768px){.tierlist-editor{padding:10px;padding-top:90px!important}.tierlist-compact-header{padding:10px;flex-direction:column;gap:10px}.tierlist-title h1{font-size:1.2rem}.tierlist-actions{flex-wrap:wrap;gap:5px}.add-tier-button,.reset-button,.save-button,.cancel-button{flex:1;min-width:calc(50% - 5px);font-size:.8rem;padding:8px 5px}.tier-image{width:80px;height:100px}.tier-image img{height:60px}.tier-controls{padding:2px;right:2px}.tier-move-button{width:20px;height:20px;margin:2px;font-size:10px}.tier-content{margin-right:25px;min-height:60px}.tier,.empty-tier-message{min-height:60px}.tierlist-sidebar{width:100%;right:-100%}.tier-label{width:40px;min-width:40px;font-size:18px}.unclassified-container.drop-target{background-color:#328af133;box-shadow:0 0 10px #328af180;transition:all .3s ease}}.album-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.album-label{font-weight:700;color:var(--text-color)}.album-name{color:var(--primary-color);font-weight:600}.album-author{color:var(--text-muted);font-size:.9em;font-style:italic}.tierlist-info-panel{background-color:var(--bg-secondary);padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px var(--shadow-color)}.tierlist-metadata .album-info{margin-bottom:10px}@media (max-width: 768px){.album-info{flex-direction:column;align-items:flex-start;gap:4px}.album-author{margin-left:0}}.tournament-editor{max-width:1400px;margin:0 auto;padding:20px;padding-top:110px!important;color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;position:relative}.tournament-compact-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-tertiary);padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 10px var(--shadow-color);top:85px;z-index:100}.tournament-title{display:flex;align-items:center;gap:10px}.tournament-title h1{font-size:1.4rem;margin:0;color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.edit-info-button{background-color:var(--primary-color);color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease}.edit-info-button:hover{background-color:var(--primary-hover);transform:scale(1.05)}.tournament-actions{display:flex;gap:10px;flex-wrap:wrap}.restart-button,.save-button,.cancel-button,.next-button,.next-round-button{padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;white-space:nowrap}.restart-button:hover{background-color:var(--error-color);color:#fff;transform:translateY(-2px)}.save-button:hover{background-color:var(--primary-color);transform:translateY(-2px)}.cancel-button{background-color:var(--bg-input);color:var(--text-color)}.cancel-button:hover{background-color:var(--error-color);color:#fff;transform:translateY(-2px)}.next-button,.next-round-button{background-color:var(--primary-color);color:#fff}.next-button:hover,.next-round-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.next-button:disabled,.next-round-button:disabled,.save-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.tournament-sidebar{position:fixed;top:0;right:-320px;width:320px;height:100vh;background-color:var(--bg-tertiary);box-shadow:-4px 0 10px var(--shadow-color);transition:right .3s ease;z-index:999;padding-top:80px;overflow-y:auto}.tournament-sidebar.active{right:0}.sidebar-header{padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{margin:0;font-size:1.3rem;color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.close-sidebar{background:none;border:none;color:var(--text-color);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.sidebar-content{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.form-group input,.form-group textarea{width:100%;padding:10px;border-radius:6px;border:none;background-color:var(--bg-input);color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.form-group input:focus,.form-group textarea:focus{outline:none;box-shadow:0 0 0 2px var(--primary-color)}.privacy-setting{display:flex;flex-direction:column}.privacy-toggle{display:flex;align-items:center;gap:10px}.privacy-toggle span{color:var(--text-secondary)}.privacy-toggle span.active{color:var(--text-color);font-weight:700}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-input);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(26px)}.sidebar-help{margin-top:25px;padding-top:20px;border-top:1px solid var(--border-color)}.sidebar-help h3{margin-top:0;margin-bottom:10px;font-size:1.1rem;color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.sidebar-help ul{padding-left:20px;margin:0}.sidebar-help li{margin-bottom:8px;color:var(--text-secondary);font-size:.9rem;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.sidebar-save-button{background-color:var(--primary-color);color:#fff;border:none;padding:12px;border-radius:6px;width:100%;margin-top:25px;cursor:pointer;font-weight:700;transition:all .3s ease;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.sidebar-save-button:hover:not(:disabled){background-color:var(--primary-hover)}.sidebar-save-button:disabled{opacity:.5;cursor:not-allowed}.tournament-main-content{transition:all .3s ease}.tournament-main-content.with-sidebar{margin-right:320px}.tournament-active{display:flex;flex-direction:column;gap:25px}.tournament-stats-row{display:flex;justify-content:center;align-items:center;background-color:var(--bg-tertiary);padding:15px;border-radius:8px;box-shadow:0 4px 10px var(--shadow-color);margin-bottom:20px}.tournament-stats{display:flex;justify-content:center;width:100%}.round-indicator{text-align:center;padding:8px 20px;background-color:var(--bg-secondary);border-radius:30px;box-shadow:0 2px 6px var(--shadow-color)}.round-label{font-size:1.1rem;font-weight:700;color:var(--text-secondary);margin-right:10px;letter-spacing:1px}.round-value{font-size:1.3rem;font-weight:700;color:var(--primary-color)}.final-round{font-size:1.4rem;font-weight:700;color:gold;letter-spacing:2px;text-shadow:0 0 10px rgba(255,215,0,.3)}.duel-area{display:flex;flex-direction:column;align-items:center;gap:20px}.duel-instructions{background-color:var(--bg-tertiary);padding:12px 20px;border-radius:8px;text-align:center;box-shadow:0 4px 10px var(--shadow-color);width:100%;max-width:500px;margin:0 auto}.duel-instructions p{margin:0;font-weight:700;color:var(--text-color)}.duel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;width:100%}.duel-container .images-group{display:flex!important;justify-content:center!important;align-items:center!important;gap:30px!important;flex-wrap:nowrap!important;width:100%!important;margin:0 auto!important;flex-direction:row!important}.large-next-button-container{display:flex;justify-content:center;width:100%}.large-next-button,.large-next-round-button{padding:20px 30px;border:none;border-radius:10px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px var(--shadow-color);white-space:nowrap;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.large-next-button{background-color:var(--primary-color);color:#fff}.large-next-round-button{background-color:gold;color:#333}.large-next-button:hover,.large-next-round-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 15px var(--shadow-color)}.large-next-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.duel-container .image-item{position:relative!important;width:220px!important;flex-shrink:0!important;border-radius:12px;overflow:hidden;background-color:var(--bg-tertiary);box-shadow:0 4px 10px var(--shadow-color);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:3px solid transparent;margin:0!important}.image-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-color)}.image-item.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color),0 8px 20px var(--shadow-color)}.image-item img{width:100%;height:180px;object-fit:cover;display:block}.image-info{padding:10px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.image-name{margin:0 0 5px;font-weight:700;font-size:.95rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-score{margin:0;font-size:.85rem;color:var(--text-secondary)}.tournament-results{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px 0}.tournament-results h2{color:var(--text-color);text-align:center;margin-bottom:25px;font-size:1.8rem}.tournament-results h3{color:var(--text-color);margin:30px 0 20px;text-align:center;font-size:1.5rem;position:relative;padding-bottom:10px}.tournament-results h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--primary-color);border-radius:3px}.winner-card{background:linear-gradient(135deg,#191c24cc,#252934e6);border:4px solid #ffd700;border-radius:12px;padding:20px;width:100%;max-width:320px;box-shadow:0 10px 20px #0000004d,0 0 15px #ffd70080;margin-bottom:30px;position:relative;overflow:hidden}.winner-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,215,0,.1) 0%,transparent 70%);pointer-events:none}.winner-card h3{text-align:center;margin:0 0 15px;color:gold;font-size:1.4rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.winner-card h3:after{display:none}.winner-image{display:flex;flex-direction:column;align-items:center;position:relative}.winner-image img{width:100%;max-width:280px;height:auto;border-radius:8px;border:2px solid #ffd700;box-shadow:0 5px 15px #0006;object-fit:cover}.winner-name{margin:15px 0 0;font-size:1.2rem;font-weight:700;text-align:center;color:var(--text-color)}.rankings-container{display:flex;flex-direction:column;gap:35px;width:100%;max-width:1200px}.round-group{background-color:var(--bg-tertiary);border-radius:12px;overflow:hidden;box-shadow:0 5px 15px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;margin-bottom:10px}.round-group:hover{transform:translateY(-5px)}.round-group.champion-group{background:linear-gradient(135deg,#191c24cc,#252934e6);border:4px solid #ffd700;box-shadow:0 8px 20px #0006,0 0 15px #ffd7004d}.round-group.finalist-group{background:linear-gradient(135deg,#191c24cc,#252934e6);border:3px solid #c0c0c0;box-shadow:0 8px 20px #0000004d,0 0 10px #c0c0c04d}.round-group.semifinalist-group{background:linear-gradient(135deg,#191c24cc,#252934e6);border:3px solid #cd7f32;box-shadow:0 8px 15px #0000004d,0 0 10px #cd7f324d}.round-group h4{background-color:var(--bg-secondary);color:var(--text-color);margin:0;padding:15px 20px;font-size:1.2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.champion-group h4{background:linear-gradient(90deg,#191c24e6,#ffd70033,#191c24e6);color:gold;font-weight:700;text-shadow:0 2px 3px rgba(0,0,0,.5);border-bottom:1px solid rgba(255,215,0,.3)}.finalist-group h4{background:linear-gradient(90deg,#191c24e6,#c0c0c033,#191c24e6);color:#e0e0e0;font-weight:700;text-shadow:0 2px 3px rgba(0,0,0,.5);border-bottom:1px solid rgba(192,192,192,.3)}.semifinalist-group h4{background:linear-gradient(90deg,#191c24e6,#cd7f3233,#191c24e6);color:#e0a370;font-weight:700;text-shadow:0 2px 3px rgba(0,0,0,.5);border-bottom:1px solid rgba(205,127,50,.3)}.round-group h4:after{content:attr(data-count);font-size:.9rem;background-color:var(--bg-input);color:var(--text-secondary);padding:3px 10px;border-radius:15px}.champion-group h4:after{background-color:#ffd70033;color:gold}.finalist-group h4:after{background-color:#c0c0c033;color:#e0e0e0}.semifinalist-group h4:after{background-color:#cd7f3233;color:#e0a370}.images-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;padding:20px}.result-image{background-color:var(--bg-secondary);border-radius:10px;overflow:hidden;box-shadow:0 3px 8px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;position:relative}.result-image:hover{transform:scale(1.05);box-shadow:0 5px 15px var(--shadow-color)}.champion-group .result-image{box-shadow:0 5px 15px #0000004d,0 0 10px #ffd7004d;border:2px solid #ffd700}.finalist-group .result-image{box-shadow:0 5px 12px #00000040,0 0 8px #c0c0c040;border:2px solid #c0c0c0}.semifinalist-group .result-image{box-shadow:0 5px 10px #0003,0 0 8px #cd7f3240;border:2px solid #cd7f32}.result-image img{width:100%;height:140px;object-fit:cover;display:block;transition:all .3s ease}.result-image:hover img{filter:brightness(1.1)}.result-image p{padding:10px;margin:0;font-size:.9rem;text-align:center;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champion-group .result-image p{background-color:#191c24e6;color:gold;font-weight:700}.finalist-group .result-image p{background-color:#191c24e6;color:#e0e0e0;font-weight:700}.semifinalist-group .result-image p{background-color:#191c24e6;color:#e0a370;font-weight:700}.tournament-actions{display:flex;gap:15px;margin-top:30px;justify-content:center;width:100%;max-width:450px}.restart-button,.save-button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Palanquin Dark,sans-serif;min-width:140px}.restart-button{background-color:var(--bg-input);color:var(--text-color)}.restart-button:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 5px 10px var(--shadow-color)}.save-button{background-color:var(--success-color);color:#fff}.save-button:hover:not(:disabled){background-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 5px 10px var(--shadow-color)}.save-button:disabled{opacity:.6;cursor:not-allowed}.winners-section{background-color:var(--bg-tertiary);border-radius:12px;padding:20px;box-shadow:0 4px 10px var(--shadow-color);margin-top:20px}.winners-section h3{text-align:center;margin:0 0 20px;color:var(--text-color);font-size:1.3rem;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.winners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;justify-items:center}.winner-item{background-color:var(--bg-secondary);border-radius:10px;overflow:hidden;box-shadow:0 3px 8px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;border:2px solid var(--primary-color);width:100%;max-width:140px}.winner-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 20px var(--shadow-color)}.winner-item img{width:100%;height:120px;object-fit:cover;display:block}.winner-item .winner-name{padding:8px;margin:0;font-size:.85rem;text-align:center;color:var(--text-color);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--bg-secondary)}@media (max-width: 768px){.winner-card{max-width:90%}.images-group{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding:15px}.result-image img{height:120px}.tournament-actions{flex-direction:column;max-width:300px}.winners-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.winner-item{max-width:120px}.winner-item img{height:100px}}@media (max-width: 480px){.images-group{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:10px}.result-image img{height:100px}}.tournament-info-panel .album-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.tournament-info-panel .album-label{font-weight:700;color:var(--text-color)}.tournament-info-panel .album-name{color:var(--primary-color);font-weight:600}.tournament-info-panel .album-author{color:var(--text-muted);font-size:.9em;font-style:italic}@media (max-width: 768px){.tournament-info-panel .album-info{flex-direction:column;align-items:flex-start;gap:4px}.tournament-info-panel .album-author{margin-left:0}}.ranking-editor-container{max-width:1400px;margin:0 auto;padding:20px;color:var(--text-color);position:relative}.ranking-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--bg-tertiary)}.ranking-editor-header h1{font-size:2.5rem;margin:0;color:var(--text-color)}.ranking-editor-actions{display:flex;gap:10px}.ranking-editor-button{padding:10px 20px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px}.ranking-editor-button.primary{background:var(--primary-color);color:#fff}.ranking-editor-button.primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px)}.ranking-editor-button.secondary{background:var(--bg-tertiary);color:var(--text-color);border:1px solid var(--text-secondary)}.ranking-editor-button.secondary:hover{background:var(--bg-secondary)}.ranking-editor-button.danger{background:#dc3545;color:#fff}.ranking-editor-button.danger:hover{background:#c82333}.ranking-editor-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner{border:4px solid var(--bg-tertiary);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;color:var(--text-secondary);font-weight:500}.input-group input,.input-group textarea{width:100%;padding:10px;border:1px solid var(--bg-tertiary);border-radius:6px;background:var(--bg-input);color:var(--text-color);font-size:14px}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.checkbox-container{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{width:auto;margin-right:10px}.ranking-current-section{margin-bottom:50px;padding:25px;background:var(--bg-secondary);border-radius:15px;border:2px solid var(--primary-color);position:relative}.ranking-current-section h2{color:var(--primary-color);margin-bottom:25px;font-size:1.8rem;text-align:center;position:relative}.ranking-current-section h2:before{content:"⚡";margin-right:10px}.ranking-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:30px;justify-items:center}.ranking-image-item{background:var(--bg-primary);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid var(--bg-tertiary);position:relative;width:200px;height:180px;display:flex;flex-direction:column}.ranking-image-item:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000001a;border-color:var(--primary-color)}.ranking-image-item.selected{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 8px 20px rgba(var(--primary-color-rgb),.25);background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))}.ranking-image-item.selected:before{content:"✓";position:absolute;top:8px;left:8px;background:var(--primary-color);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;z-index:2}.ranking-image-item img{width:100%;height:140px;object-fit:cover;flex-shrink:0}.ranking-image-info{padding:10px;background:var(--bg-secondary);flex:1;display:flex;align-items:center;justify-content:center}.ranking-image-info p{margin:5px 0;color:var(--text-secondary);font-size:.9rem}.ranking-image-details{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.ranking-image-details:hover{background:var(--primary-color);transform:scale(1.1)}.ranking-actions{display:flex;justify-content:center;margin-bottom:30px}.ranking-validate-button{padding:15px 40px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.ranking-validate-button:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-color-rgb),.3)}.ranking-validate-button:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;transform:none}.ranking-final-results{text-align:center;padding:40px;background:var(--bg-secondary);border-radius:15px;margin-bottom:30px}.ranking-final-results h2{color:var(--text-color);margin-bottom:20px;font-size:2rem}.final-ranking-preview{margin-top:30px}.final-ranking-preview h3{color:var(--text-color);margin-bottom:20px;font-size:1.5rem}.final-ranking-list{display:flex;flex-direction:column;gap:15px;max-width:600px;margin:0 auto}.final-ranking-item{display:flex;align-items:center;gap:20px;padding:15px;background:var(--bg-tertiary);border-radius:10px;cursor:pointer;transition:all .3s ease}.final-ranking-item:hover{background:var(--bg-input);transform:translate(5px)}.rank-number{font-size:1.5rem;font-weight:700;color:var(--primary-color);min-width:40px;text-align:center}.final-ranking-item img{width:60px;height:60px;object-fit:cover;border-radius:8px}.image-name{flex:1;color:var(--text-color);font-weight:500}.ranking-info-modal,.ranking-modal-overlay{z-index:10000}.ranking-info-modal{background:var(--bg-secondary);border-radius:15px;padding:0;border:none;max-width:500px;width:90%;max-height:80vh;overflow:hidden}.ranking-modal-overlay{background:#000000b3;display:flex;align-items:center;justify-content:center}.ranking-modal-header{background:var(--primary-color);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.ranking-modal-header h2{margin:0;font-size:1.5rem}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.close-button:hover{background:#fff3}.ranking-modal-content{padding:20px;color:var(--text-color);line-height:1.6}.ranking-modal-content ul{margin:15px 0;padding-left:20px}.ranking-modal-content li{margin:8px 0}.ranking-modal-actions{padding:20px;text-align:center;border-top:1px solid var(--bg-tertiary)}.ranking-modal-button{background:var(--primary-color);color:#fff;border:none;padding:12px 30px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.ranking-modal-button:hover{background:var(--primary-color-dark);transform:translateY(-2px)}.ranking-ranked-section{margin-top:40px;padding:25px;background:var(--bg-secondary);border-radius:15px;border:2px solid #28a745}.ranking-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--bg-tertiary)}.ranking-section-header h2{color:#28a745;margin:0;font-size:1.6rem}.ranking-count{color:var(--text-secondary);font-size:.9rem;background:var(--bg-tertiary);padding:5px 12px;border-radius:20px}.ranking-ranked-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;justify-items:center}.ranking-ranked-item{background:var(--bg-primary);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid var(--bg-tertiary);position:relative;width:180px;height:160px;display:flex;flex-direction:column}.ranking-ranked-item:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000001a;border-color:#28a745}.ranking-position{position:absolute;top:8px;left:8px;z-index:3;display:flex;align-items:center;gap:5px}.position-number{background:#000c;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.trophy-icon{font-size:18px}.ranking-ranked-item img{width:100%;height:120px;object-fit:cover;flex-shrink:0}.ranking-ranked-info{padding:8px;background:var(--bg-secondary);flex:1;display:flex;flex-direction:column;justify-content:center}.ranking-ranked-info .image-name{color:var(--text-color);font-weight:500;font-size:.9rem;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-stats{display:flex;justify-content:space-between;align-items:center;gap:8px}.rank-badge{background:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700}.views{color:var(--text-secondary);font-size:.8rem}@media (max-width: 768px){.ranking-editor-container{padding:10px}.ranking-editor-header{flex-direction:column;gap:20px;text-align:center}.ranking-editor-header h1{font-size:2rem}.ranking-editor-actions{justify-content:center;flex-wrap:wrap}.ranking-editor-sidebar{width:100%;position:fixed;top:0;left:0;right:0;bottom:0}.ranking-current-section{padding:15px;margin-bottom:30px}.ranking-ranked-section{padding:20px}.ranking-section-header{flex-direction:column;gap:10px;text-align:center}.ranking-section-header h2{font-size:1.5rem}.ranking-images-grid,.ranking-ranked-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.ranking-round-info{flex-direction:column;gap:10px;text-align:center}.final-ranking-item{gap:15px}.final-ranking-item img{width:50px;height:50px}}@media (max-width: 480px){.ranking-editor-header h1{font-size:1.5rem}.ranking-current-section h2{font-size:1.4rem}.ranking-section-header h2{font-size:1.3rem}.ranking-images-grid{grid-template-columns:1fr 1fr}.ranking-ranked-grid{grid-template-columns:1fr}.ranking-validate-button{padding:12px 30px;font-size:1rem}.position-number{width:30px;height:30px;font-size:.8rem}.trophy-icon{font-size:1rem}}.ranking-status-info{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));border:none;border-radius:12px;padding:20px;margin-bottom:20px;color:#fff;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3);text-align:center;font-weight:500}.ranking-round-info{background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:12px;padding:20px;margin-bottom:25px;color:var(--text-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.round-details{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.round-number{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.selection-count{background:var(--primary-color);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem}.remaining-count{background:var(--bg-tertiary);color:var(--text-secondary);padding:8px 16px;border-radius:20px;font-size:.9rem}.qualification-phase{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;box-shadow:0 2px 8px #ff6b354d}.legal-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-color);padding-top:100px;padding-bottom:60px;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.legal-container{max-width:800px;margin:0 auto;padding:40px 20px;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color)}.legal-container h1{color:var(--primary-color);text-align:center;margin-bottom:10px;font-size:2.5rem;font-weight:700}.last-updated{text-align:center;color:var(--text-secondary);font-style:italic;margin-bottom:40px;font-size:.9rem}.legal-container section{margin-bottom:35px}.legal-container h2{color:var(--primary-color);margin-bottom:15px;font-size:1.6rem;font-weight:600;border-bottom:2px solid var(--primary-color);padding-bottom:8px}.legal-container h3{color:var(--text-color);margin-bottom:12px;margin-top:20px;font-size:1.2rem;font-weight:600}.legal-container p{line-height:1.6;margin-bottom:15px;color:var(--text-color);text-align:justify}.legal-container ul{margin:15px 0;padding-left:25px}.legal-container li{margin-bottom:8px;line-height:1.5;color:var(--text-color)}.legal-container li strong{color:var(--primary-color)}.legal-link{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.legal-link:hover{color:var(--primary-hover);text-decoration:underline}a[href^="mailto:"]{color:var(--primary-color);text-decoration:none;font-weight:500}a[href^="mailto:"]:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width: 768px){.legal-page{padding-top:80px;padding-bottom:40px}.legal-container{margin:0 10px;padding:30px 15px}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.4rem}.legal-container h3{font-size:1.1rem}.legal-container p{text-align:left}}@media (max-width: 480px){.legal-container{margin:0 5px;padding:20px 10px}.legal-container h1{font-size:1.8rem}.legal-container ul{padding-left:20px}}:root{--bg-color: #181a23;--bg-secondary: #22232b;--bg-tertiary: #2c2f3a;--bg-card: #2c2f3a;--bg-input: #3b3e51;--bg-navbar: #12141c;--text-color: #ffffff;--text-secondary: #aaaaaa;--text-on-primary: #ffffff;--border-color: rgba(255, 255, 255, .1);--hover-bg: rgba(255, 255, 255, .1);--primary-color: #328af1;--primary-hover: #2c79d6;--error-color: #e63946;--success-color: #4caf50;--warning-color: #ff9800;--shadow-color: rgba(0, 0, 0, .4)}[data-theme=light]{--bg-color: #e0e3ec;--bg-secondary: #c5cad8;--bg-tertiary: #b0b6c9;--bg-card: #c5cad8;--bg-input: #b0b6c9;--bg-navbar: #2a3042;--text-color: #1a1f30;--text-secondary: #404761;--text-on-primary: #ffffff;--border-color: rgba(26, 31, 48, .2);--hover-bg: rgba(26, 31, 48, .1);--primary-color: #1e5598;--primary-hover: #154176;--shadow-color: rgba(26, 31, 48, .15)}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.navbar-bg{background-color:var(--bg-navbar);transition:background-color .3s ease}.navbar{color:#fff}.admin-table th{background-color:var(--bg-secondary)}.admin-table tr:hover{background-color:var(--hover-bg)}.content-card,.admin-table-container,.modal-content,.add-album-form,.empty-section,.no-results,.create-album-prompt,.admin-tabs{background-color:var(--bg-tertiary);transition:background-color .3s ease}input,select,textarea,.album-search,.admin-search,.admin-filter-select{background-color:var(--bg-input);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.nav-links button{color:#fff;background-color:#fff3}.nav-links button:hover{background-color:#ffffff4d}.nav-links button.active{background-color:var(--primary-color)}.category-filter,.login-button,.cancel-btn{background-color:var(--bg-input);color:var(--text-color)}.category-filter:hover,.login-button:hover,.cancel-btn:hover{background-color:var(--hover-bg)}.submit-btn,.create-album-btn,.confirm-btn,.add-album-button,.category-filter.active{background-color:var(--primary-color);color:var(--text-on-primary)}.submit-btn:hover,.create-album-btn:hover,.confirm-btn:hover,.add-album-button:hover,.category-filter.active:hover{background-color:var(--primary-hover)}.profile-btn.logout,.admin-action-btn.delete{background-color:var(--error-color)}.admin-action-btn.quarantine{background-color:var(--warning-color)}.status-badge.active,.status-badge.public{background-color:var(--success-color);color:#fff}.status-badge.quarantined{background-color:var(--warning-color);color:#fff}.status-badge.private{background-color:#9e9e9e;color:#fff}.admin-tabs,.admin-table-container,.modal-content,.profile-header,.create-album-prompt{box-shadow:0 4px 10px var(--shadow-color)}.profile-username,.all-album-title,.admin-title,h1,h2,h3,h4,h5,h6{color:var(--text-color)}.profile-member-since,.section-header p,.empty-section p,.no-results p,.text-secondary{color:var(--text-secondary)}.album-usage-count,.nav-actions .add-album-button,.create-btn,.admin-action-btn{color:#fff}.admin-table th,.admin-table td,.section-header:before{border-color:var(--border-color)}.section-title,.section-header h3{background-color:var(--bg-color);color:var(--text-color)}[data-theme=light] .admin-action-btn,[data-theme=light] .profile-btn{color:#fff}.category-card{position:relative}.category-card h3{background-color:#2c2f3ad9;color:#fff!important;position:absolute;bottom:0;left:0;right:0;margin:0;padding:10px;font-size:.9rem;text-align:center;border-radius:0 0 10px 10px;z-index:5}[data-theme=light] .category-card h3{background-color:#2c2f3ad9;color:#fff!important}.album-card-container,.content-card,.category-container,.admin-album-card{transition:transform .3s ease,box-shadow .3s ease}.category-card{background-color:var(--bg-tertiary);box-shadow:0 4px 10px var(--shadow-color)}.album-usage-count,.usage-badge{background-color:var(--primary-color);color:#fff;font-weight:700}.section-header h3,.section-title,.album-populaire-header h2{background-color:var(--bg-color);padding:0 10px;z-index:5;position:relative}.view-more{background-color:var(--bg-input);color:var(--text-color);z-index:5;position:relative;border-radius:6px;padding:8px 15px}.view-more:hover{background-color:var(--primary-color);color:#fff}.all-album-title,.admin-title,.add-album-title,.page-title{color:var(--text-color);margin-bottom:25px;text-shadow:0 1px 3px var(--shadow-color)}.content-card .category-card h3,.album-card-container .category-card h3,.category-container .category-card h3{background-color:#2c2f3ad9;color:#fff;z-index:2}[data-theme=light] .admin-table th{background-color:#8a93b1;color:#fff}[data-theme=light] .admin-table tr{background-color:#d1d6e3}[data-theme=light] .admin-table tr:hover{background-color:#c0c6d8}[data-theme=light] .admin-table td{color:#1a1f30}[data-theme=light] .id-cell{color:#404761}[data-theme=light] .admin-search{background-color:#fff;border:1px solid #8a93b1;color:#1a1f30}[data-theme=light] .admin-search:focus{box-shadow:0 0 0 2px #1e559866}[data-theme=light] .admin-filter-select{background-color:#fff;border:1px solid #8a93b1;color:#1a1f30;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231a1f30'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e")}[data-theme=light] .admin-filter-select:focus{box-shadow:0 0 0 2px #1e559866}[data-theme=light] .admin-table-container{box-shadow:0 4px 10px #1a1f301a;border:1px solid rgba(26,31,48,.1)}[data-theme=light] .admin-title{color:#1a1f30}[data-theme=light] .admin-tabs{border:1px solid rgba(26,31,48,.1)}[data-theme=light] .admin-tab{color:#1a1f30}[data-theme=light] .no-results p{color:#404761}[data-theme=light] .admin-table tr:nth-child(2n){background-color:#d9dee9}[data-theme=light] .admin-table tr:nth-child(odd){background-color:#e5e9f2}.section-header:before{content:"";position:absolute;top:50%;left:0;right:100px;height:2px;background:#fff6;transform:translateY(-50%);z-index:0}[data-theme=light] .section-header:before{background:#1a1f3066}.section-title{background:var(--bg-color);position:relative;z-index:1}.admin-content{overflow:visible!important}.navbar-bg{z-index:1000}.nav-links{z-index:999}.ranking-viewer-container{max-width:1200px;margin:0 auto;padding:20px;color:var(--text-color)}.ranking-viewer-loading,.ranking-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:20px;text-align:center}.ranking-viewer-error h2{color:var(--text-color);margin-bottom:10px}.ranking-viewer-button{padding:12px 24px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.ranking-viewer-button.primary{background:var(--primary-color);color:#fff}.ranking-viewer-button.primary:hover{background:var(--primary-color-dark);transform:translateY(-2px)}.ranking-viewer-button.secondary{background:var(--bg-tertiary);color:var(--text-color);border:1px solid var(--text-secondary)}.ranking-viewer-button.secondary:hover{background:var(--bg-secondary)}.section-description{color:var(--text-secondary);font-style:italic;margin-bottom:20px;text-align:center}.ranking-table-row.unranked-row{background:var(--bg-secondary);border-left:4px solid #ffa500}.ranking-table-row.unranked-row:hover{background:var(--bg-tertiary);border-left-color:#ff8c00}.status-cell{color:orange;font-weight:700;font-size:.9rem}.ranking-viewer-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--bg-tertiary)}.ranking-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.ranking-title-section h1{font-size:2.5rem;margin:0 0 10px;color:var(--text-color)}.ranking-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0}.ranking-actions{display:flex;gap:10px;flex-shrink:0}.ranking-info-section{background:var(--bg-secondary);border-radius:15px;padding:25px;margin-bottom:40px}.ranking-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.ranking-meta>div{text-align:center}.ranking-meta h3{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}.ranking-meta p{color:var(--text-color);font-size:1.2rem;font-weight:700;margin:0}.ranking-categories{border-top:1px solid var(--bg-tertiary);padding-top:20px}.ranking-categories h3{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 15px}.category-tags{display:flex;flex-wrap:wrap;gap:8px}.category-tag{background:var(--primary-color);color:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.ranking-podium-section{margin-bottom:50px}.ranking-podium-section h2{text-align:center;color:var(--text-color);font-size:2rem;margin-bottom:30px}.ranking-podium{display:flex;justify-content:center;align-items:end;gap:20px;max-width:800px;margin:0 auto;height:350px}.podium-position{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;position:relative}.podium-position:hover{transform:translateY(-10px)}.podium-position.first{order:2;height:100%}.podium-position.second{order:1;height:80%}.podium-position.third{order:3;height:60%}.podium-rank{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:15px;z-index:2}.podium-position.first .podium-rank{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 0 20px #ffd70080}.podium-position.second .podium-rank{background:linear-gradient(135deg,silver,#e8e8e8)}.podium-position.third .podium-rank{background:linear-gradient(135deg,#cd7f32,#daa520)}.podium-rank.winner:after{content:"👑";position:absolute;top:-10px;right:-5px;font-size:20px}.podium-image{width:150px;height:150px;object-fit:cover;border-radius:15px;border:4px solid white;box-shadow:0 8px 25px #0003;margin-bottom:15px}.podium-position.first .podium-image{width:180px;height:180px;border-color:gold}.podium-info{text-align:center;background:var(--bg-secondary);padding:15px;border-radius:10px;min-height:80px;display:flex;flex-direction:column;justify-content:center;width:100%;box-shadow:0 4px 15px #0000001a}.podium-info h3{color:var(--text-color);margin:0 0 8px;font-size:1.1rem}.podium-info p{color:var(--text-secondary);margin:0;font-weight:700}.ranking-full-section{margin-bottom:40px}.ranking-full-section h2{color:var(--text-color);font-size:2rem;margin-bottom:25px;text-align:center}.ranking-table{background:var(--bg-secondary);border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.ranking-table-header{display:grid;grid-template-columns:80px 100px 1fr 100px;gap:20px;padding:20px;background:var(--bg-tertiary);font-weight:700;color:var(--text-color);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.ranking-table-row{display:grid;grid-template-columns:80px 100px 1fr 100px;gap:20px;padding:15px 20px;border-bottom:1px solid var(--bg-tertiary);cursor:pointer;transition:all .3s ease;align-items:center}.ranking-table-row:hover{background:var(--bg-input);transform:translate(5px)}.ranking-table-row:last-child{border-bottom:none}.ranking-table-row.podium-row{background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent)}.rank-number{font-size:1.2rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:5px}.trophy{font-size:1rem}.image-cell{display:flex;justify-content:center}.table-image{width:60px;height:60px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #00000026}.name-cell{color:var(--text-color);font-weight:500}.score-cell{color:var(--text-secondary);font-weight:700;text-align:center}.ranking-no-results{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:15px}.ranking-no-results h2{color:var(--text-color);margin-bottom:15px}.ranking-no-results p{color:var(--text-secondary);font-size:1.1rem}@media (max-width: 768px){.ranking-viewer-container{padding:10px}.ranking-header-content{flex-direction:column;align-items:stretch}.ranking-title-section h1{font-size:2rem}.ranking-actions{justify-content:center}.ranking-meta{grid-template-columns:1fr 1fr;gap:15px}.ranking-podium{flex-direction:column;height:auto;gap:20px}.podium-position{width:100%;height:auto!important}.podium-position.first,.podium-position.second,.podium-position.third{order:initial}.podium-image{width:120px;height:120px}.podium-position.first .podium-image{width:140px;height:140px}.ranking-table-header,.ranking-table-row{grid-template-columns:60px 80px 1fr 80px;gap:10px;padding:15px}.table-image{width:50px;height:50px}}@media (max-width: 480px){.ranking-title-section h1{font-size:1.5rem}.ranking-meta{grid-template-columns:1fr}.ranking-table-header,.ranking-table-row{grid-template-columns:50px 70px 1fr 70px;gap:8px;padding:12px;font-size:.9rem}.table-image{width:40px;height:40px}.podium-image{width:100px;height:100px}.podium-position.first .podium-image{width:120px;height:120px}.podium-rank{width:40px;height:40px;font-size:1.2rem}}.ranking-album .album-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ranking-album .album-name{color:var(--primary-color);font-weight:600}.ranking-album .album-author{color:var(--text-muted);font-size:.9em;font-style:italic}@media (max-width: 768px){.ranking-album .album-info{flex-direction:column;align-items:flex-start;gap:4px}.ranking-album .album-author{margin-left:0}}@font-face{font-family:Palanquin Dark;font-weight:400;font-style:normal;src:url(../assets/fonts/PalanquinDark-Regular.ttf) format("truetype")}@font-face{font-family:Palanquin Dark;font-weight:500;font-style:normal;src:url(../assets/fonts/PalanquinDark-Medium.ttf) format("truetype")}@font-face{font-family:Palanquin Dark;font-weight:600;font-style:normal;src:url(../assets/fonts/PalanquinDark-SemiBold.ttf) format("truetype")}@font-face{font-family:Palanquin Dark;font-weight:700;font-style:normal;src:url(../assets/fonts/PalanquinDark-Bold.ttf) format("truetype")}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;font-family:Palanquin Dark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}h1,h2,h3,h4,h5,h6{font-weight:700;margin-top:0}.container{max-width:95%;margin:0 auto;padding-top:140px;padding-bottom:40px;min-height:calc(100vh - 140px);position:relative;overflow-x:hidden}.page-content{min-height:calc(100vh - 140px);padding-top:140px;overflow-x:hidden}.all-album-container,.admin-container,.profile-container,.add-album-container,.setup-container,.homepage{padding-bottom:80px}@-moz-document url-prefix(){body{font-weight:400}}@media (max-width: 768px){html{font-size:14px}.container{padding-top:120px;max-width:100%;padding-left:10px;padding-right:10px}.page-content{padding-top:120px}}.loading-app{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#181a23;z-index:9999;color:#fff}.loading-app .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#328af1;animation:spin 1s linear infinite;margin-bottom:20px}.loading-app p{font-size:1.2rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}