@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none;color:inherit}button,input,optgroup,select,textarea{margin:0;padding:0;border:0;font-family:inherit;font-size:inherit;line-height:inherit}img{display:block;max-width:100%;height:auto}.loader{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;z-index:9999;width:100%;height:100vh;background:#2d6a4f;animation:loading 2.5s 4.5s forwards;pointer-events:none}.loader .icons{display:flex;flex-direction:row;justify-content:center;align-items:center}.loader .icons img{width:40px;height:auto;margin:40px 10px;-webkit-background-clip:text;background-clip:text}#icon0{animation:slideLtoR .75s 0s cubic-bezier(.68,-.55,.27,1.55)}#icon1{animation:slideLtoR 1.5s 0s cubic-bezier(.68,-.55,.27,1.55)}#icon2{animation:slideLtoR 2.25s 0s cubic-bezier(.68,-.55,.27,1.55)}#icon3{animation:slideLtoR 3s 0s cubic-bezier(.68,-.55,.27,1.55)}#icon4{animation:slideLtoR 3.75s 0s cubic-bezier(.68,-.55,.27,1.55)}#icon5{animation:slideLtoR 4.5s 0s cubic-bezier(.68,-.55,.27,1.55)}@keyframes loading{0%{opacity:100%}to{opacity:0%;transform:translateY(-100vh)}}@keyframes slideLtoR{0%{transform:translate(-100vh)}to{transform:translate(0)}}.header{display:flex;flex-direction:column;justify-content:center;width:100%;height:9.5rem;overflow:hidden;margin-bottom:5rem;position:absolute;top:0}.header #banner{width:100%;object-fit:cover}.header .navBar{width:100%;padding:1rem;position:absolute;top:0;z-index:1;font-weight:550}.alterHeader{position:fixed;top:0;width:100%;background-color:#2d6a4f;color:#fff;font-weight:550;height:3rem;padding:1rem;z-index:2}.alterHeader .pageTitle{width:80%;font-size:1rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}#logo{width:105px;height:auto;border:.15rem solid #ffffff;border-radius:15%;box-shadow:0 0 5px 2.5px #2d6a4f}.navigation{z-index:9999;position:relative}.navigation #menu,.navigation #userIcon{cursor:pointer}.navigation #menu{width:1.75rem;height:1.75rem;position:absolute;top:-.25rem;left:0}.navigation .userDefaultAvatar{width:2rem;height:2rem;position:absolute;top:-.5rem;right:0;filter:drop-shadow(white 0 5px 2.5px)}.navigation .navHeader{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:left;gap:1.5rem;width:100%;border-radius:10px 10px 0 0}.navigation .navHeader img{width:4rem;height:4rem;border:2px solid #ffffff;border-radius:25%}.navigation .navHeader h1{font-size:1.25rem;font-weight:600}.navigation .navHeader p{font-size:.75rem;font-style:italic;color:#8f8f8f}.navigation .navContent{color:#000;z-index:9999;position:absolute;display:flex;flex-direction:column;justify-content:flex-start;gap:.65rem;align-items:flex-start;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:0 0 15px 15px;padding:1rem .5rem;width:90%;max-height:100vh;box-shadow:0 0 10px 5px #2d6a4f;transform:translate(7.5%,-110%);transition:transform .5s ease-in-out}.navigation .navContent.show{transform:translate(7.5%,-1.25rem);transition:transform .75s ease-in-out}.navigation .navContent a{display:flex;flex-direction:row;gap:.5rem}.navigation .navContent .navName{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.navigation .navContent .navIcon{width:1.5rem;height:1.5rem}.navigation .navContent .iconHE{translate:-.25rem}.navigation .navContent .bottomNavZone{display:flex;flex-direction:column;justify-content:center;gap:1rem;margin:1rem auto 0}.navigation .navContent .bottomNavZone #logInButton,.navigation .navContent .bottomNavZone #signUpButton,.navigation .navContent .bottomNavZone #logOutButton,.navigation .navContent .bottomNavZone #profilButton{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;cursor:pointer;font-size:large;font-weight:600;padding:0;height:2.5rem}.navigation .navContent .bottomNavZone #logInButton,.navigation .navContent .bottomNavZone #logOutButton{background-color:#fff;color:#2d6a4f;border:1px solid #2d6a4f}.navigation .navContent .bottomNavZone #signUpButton,.navigation .navContent .bottomNavZone #profilButton{background-color:#2d6a4f;color:#fff;border:none}.navigation .navContent .bottomNavZone #logOutButton{margin-bottom:.75rem}.navigation .navContent .bottomNavZone p{font-size:small;margin-top:1rem}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9998;display:none}.overlay.show{display:block}.hero h3{font-size:1rem;color:#2d6a4f;position:absolute;top:3.5rem;right:.5rem;background-color:#2d6a4f;padding:.125rem .25rem;color:#f5f5f5;border:.12rem solid #ffffff;border-radius:5px;box-shadow:0 0 5px 2.5px #1a894d}.hero .heroParagraph{text-align:center}.hero .heroTitle{display:flex;flex-direction:row;justify-content:center;position:absolute;top:7rem;gap:1rem}.hero .heroTitle .titleSubtitleZone{display:flex;flex-direction:column;justify-content:flex-end;text-align:start;padding-top:2.5rem}.hero .heroTitle .titleSubtitleZone #headSubtitle{color:#8f8f8f}.form{display:flex;flex-direction:column;justify-content:center;gap:2rem;margin-top:2rem;width:250px}.form input{padding:.5rem;border:2px solid #ffffff;border-radius:5px}.form #loginButton{padding:.5rem;color:#fff;background-color:#1a4d2e;border:none;font-weight:700;cursor:pointer}.form .loginErrorMessage{color:red}.registerForm{display:flex;flex-direction:column;justify-content:center;gap:.25rem;width:250px}.registerForm input{padding:.5rem;border:2px solid #ffffff;border-radius:5px}.registerForm #registerButton{padding:.5rem;color:#fff;background-color:#1a4d2e;border:none;font-weight:700;margin:2rem 0;cursor:pointer}.registerForm .registerErrorMessage{color:red}.registerForm span{margin-bottom:1rem}.footer{display:flex;justify-content:center;position:fixed;bottom:0;padding:1rem;width:100%;height:4rem;background-color:#fff}button{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:700;height:3.5rem;background-color:#eff7f2;color:#2d6a4f;border-radius:10px}button img{width:1.5rem;height:1.5rem;margin-bottom:.5rem}.featureBlock{display:flex;flex-wrap:wrap;justify-content:center;max-width:420px;gap:1rem;background-color:#eff7f2;border-radius:12.5px;box-shadow:0 0 5px 2.5px #8f8f8f}.featureBlock .feature{width:100%}.featureBlock .feature img{width:100%;height:12rem;object-fit:cover;border-radius:12.5px 12.5px 0 0}.featureBlock .feature .featureMeta{display:flex;justify-content:start;padding:1rem 0 0 1rem;font-size:.9rem;color:#2d6a4f}.featureBlock .feature .featureTitle{display:flex;justify-content:start;text-align:left;padding:0 0 0 1rem}.featureBlock .feature .featureDescription{display:flex;justify-content:start;text-align:left;padding:1rem}.featureBlock button{display:flex;flex-direction:row;justify-content:center;gap:.5rem;width:100%;font-weight:600;font-size:1rem;background-color:#2d6a4f;color:#fff;height:2.5rem;border-radius:0 0 12.5px 12.5px;cursor:pointer}.featureBlock button img{margin-top:.25rem}.footerNav{display:flex;justify-content:space-evenly;position:fixed;bottom:0;padding:.25rem;width:100%;height:4rem;background-color:#fff;font-size:.7rem;color:#8f8f8f;gap:.25rem}.footerNav a{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:flex-end}.footerNav a img{width:1.5rem;height:1.5rem}.footerNav .active{color:#2d6a4f;font-size:larger;font-weight:700;transform:translateY(.25rem)}.footerNav .active img{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(200%)}.cardBlock{margin-bottom:1rem}.cardBlock .card{display:flex;gap:1rem}.cardBlock .card .cardContent{width:100%}.cardBlock .card img{width:10rem;height:7rem;object-fit:cover;border-radius:15px}.cardBlock .card .cardMeta{display:flex;justify-content:start;text-align:left;font-size:.9rem;color:#2d6a4f}.cardBlock .card .cardTitle{display:flex;justify-content:start;text-align:left}.cardBlock .card .cardDescription{display:flex;justify-content:start;text-align:left;padding:.5rem 0}.cardBlock .card button{display:flex;flex-direction:row;justify-content:center;gap:.5rem;width:50%;font-weight:600;font-size:1rem;background-color:#2d6a4f;color:#fff;height:2rem;cursor:pointer}.cardBlock .card button img{width:1.5rem;height:auto;margin-top:.25rem}.searchBar{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;margin:0 auto;padding:0;width:100%;position:relative}.searchBar p{font-size:1rem;color:#52796f;font-weight:600;text-align:center;padding:1rem;background:linear-gradient(135deg,#fff3cd,#ffe69c);border-radius:12px;border-left:4px solid #ffc107;box-shadow:0 2px 8px #00000014;margin:0}@media (max-width: 480px){.searchBar p{font-size:.875rem;padding:.75rem}}.searchBar #iconFilter{width:2.5rem;height:2.5rem;cursor:pointer;padding:.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.searchBar #iconFilter:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 480px){.searchBar #iconFilter{width:2.25rem;height:2.25rem}}.searchBar .searchForm{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:.75rem}.searchBar .searchForm #searchInput{width:100%;max-width:600px;height:3rem;border:2px solid transparent;border-radius:16px;padding:0 1.25rem;font-size:1rem;font-weight:500;background:#fff;color:#1b4332;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.searchBar .searchForm #searchInput::placeholder{color:#95a99f;font-weight:400}.searchBar .searchForm #searchInput:hover{border-color:#2d6a4f33;box-shadow:0 4px 12px #0000001a,0 6px 20px #00000014}.searchBar .searchForm #searchInput:focus{outline:none;border-color:#2d6a4f;box-shadow:0 4px 16px #2d6a4f33,0 6px 24px #2d6a4f26;transform:translateY(-2px)}.searchBar .searchForm #searchInput:disabled{background:#e9ecef;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.searchBar .searchForm #searchInput{max-width:500px;height:2.75rem;font-size:.9375rem}}@media (max-width: 480px){.searchBar .searchForm #searchInput{max-width:100%;height:2.5rem;font-size:.875rem;padding:0 1rem;border-radius:12px}}.searchBar .searchForm #searchInput #searchButton{width:3rem;height:3rem;border:none;border-radius:12px;background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d;transition:all .3s ease}.searchBar .searchForm #searchInput #searchButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2d6a4f66}.searchBar .searchForm #searchInput #searchButton:active{transform:translateY(0)}@media (max-width: 480px){.searchBar .searchForm #searchInput #searchButton{width:2.5rem;height:2.5rem;font-size:1rem}}.searchBar .profile-filter-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding:1rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.searchBar .profile-filter-toggle{flex-direction:row;gap:.5rem;padding:.875rem}}.searchBar .profile-filter-toggle .toggle-container{display:flex;align-items:center;gap:1rem;cursor:pointer;position:relative}.searchBar .profile-filter-toggle .toggle-container .toggle-input{opacity:0;width:0;height:0;position:absolute}.searchBar .profile-filter-toggle .toggle-container .toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#2d6a4f,#40916c)}.searchBar .profile-filter-toggle .toggle-container .toggle-input:checked+.toggle-slider:before{transform:translate(1.25rem)}.searchBar .profile-filter-toggle .toggle-container .toggle-input:focus+.toggle-slider{box-shadow:0 0 0 3px #2d6a4f33}.searchBar .profile-filter-toggle .toggle-container .toggle-slider{position:relative;display:inline-block;width:3rem;height:1.75rem;background:#cbd5e1;border-radius:1.75rem;transition:all .3s ease}.searchBar .profile-filter-toggle .toggle-container .toggle-slider:before{content:"";position:absolute;height:1.5rem;width:1.5rem;left:.125rem;top:.125rem;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.searchBar .profile-filter-toggle .toggle-container .toggle-label{font-size:.9375rem;font-weight:600;color:#1b4332;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.searchBar .profile-filter-toggle .toggle-container .toggle-label{font-size:.875rem}}.searchBar .profile-filter-toggle .toggle-container:hover .toggle-slider{background:#94a3b8}.searchBar .profile-filter-toggle .toggle-container:hover .toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#40916c,#2d6a4f)}.searchBar .profile-filter-toggle .toggle-info .info-icon{font-size:1.25rem;cursor:help;opacity:.7;transition:opacity .3s ease}.searchBar .profile-filter-toggle .toggle-info .info-icon:hover{opacity:1}.fav{display:flex;position:absolute}.fav #FAV{width:2.5rem;height:2.5rem;position:relative;bottom:2rem;left:6.5rem;cursor:pointer}.fav #AROMATHEQUE{width:2.5rem;height:2.5rem;position:fixed;top:3.5rem;right:1rem;cursor:pointer}.transparentAlterHeader{background-color:#fff0}.homeContent{display:flex;flex-direction:column;align-items:center;margin:12rem auto 5rem;max-width:1080px}.homeContent .hero{padding:0 1rem}.homeContent #pricePlan{width:100%;margin:1.5rem 0;font-weight:600;box-shadow:0 0 5px 2.5px #8f8f8f;cursor:pointer}.homeContent .buttonsBlock,.homeContent .buttonBlock{display:flex;justify-content:space-between;margin:0 0 2rem;gap:1rem;width:100%;padding:0 1rem}.homeContent .buttonsBlock button,.homeContent .buttonBlock button{font-weight:600;width:100%;cursor:pointer;box-shadow:0 0 5px 2.5px #8f8f8f}.homeContent .buttonsBlock a,.homeContent .buttonBlock a{flex:1;text-align:center}.homeContent .buttonsBlock a img,.homeContent .buttonBlock a img{width:2.5rem;height:2.5rem;margin:0}.homeContent .galleryArticles{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:0 1rem}.homeContent #miniVersion{display:flex;justify-content:right;gap:1rem;position:absolute;top:5.75rem;transform:translate(25%);scale:.65}.homeContent #miniVersion .miniVersion{max-width:8rem}.homeContent #miniVersion button{max-width:8rem;filter:drop-shadow(white 0 2.5px 1.25px)}.loginPage{position:fixed;top:0;width:100%;height:100vh;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#2d6a4f;color:#fff}.loginPage img,.loginPage h1,.loginPage p{margin:1rem 0}.loginPage p{font-weight:700}.loginPage #loginCopyright{font-size:smaller;color:#fff;position:fixed;bottom:0;font-style:italic}.loginPage a{font-size:larger;color:#4ade80;text-decoration:none;font-weight:700}.registerPage{position:fixed;top:0;width:100%;height:100vh;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#2d6a4f;color:#fff}.registerPage img{margin:2rem 0}.registerPage .sub{margin-bottom:2rem}.registerPage p{font-weight:700}.registerPage #registerCopyright{position:fixed;font-size:smaller;color:#fff;font-style:italic;padding-bottom:1rem;bottom:0}.registerPage a{font-size:larger;color:#4ade80;text-decoration:none;font-weight:700}#errorPage{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;position:fixed;top:0}#errorPage .errorContent{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:0 1rem;margin-bottom:2rem}#errorPage .errorContent #errorText{font-size:2rem;font-weight:600}#errorPage .errorContent #ERROR{font-size:5rem;font-weight:600;color:#2d6a4f}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:4rem 0 1rem;margin:0;max-width:1440px}.gallery a{display:flex;flex-direction:row;flex-wrap:wrap;min-width:6.25rem;max-width:165px;height:165px;width:30%}.gallery .card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background-color:#eff7f2;border-radius:15px;width:100%;height:100%;position:relative;box-shadow:0 0 5px 2.5px #8f8f8f}.gallery .card .premiumBadge{width:1.5rem;height:1.5rem;position:absolute;top:.25rem;left:.25rem}.gallery .card img{width:90%;height:65%;margin:0rem;object-fit:cover;border-radius:50%}.gallery .card .name{display:flex;justify-content:center;align-items:center;height:25%;font-size:.9rem}.detailPage{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.detailPage .circleBan{border:3px solid #4ade80;border-radius:50%;width:7rem;height:7rem;text-align:center;object-fit:cover;margin-bottom:1rem}.detailPage .detailContent{display:flex;flex-direction:column;align-items:center;gap:1rem}.detailPage .detailContent .buyButtons{display:flex;justify-content:center;gap:1.25rem}.detailPage .detailContent .buyButtons button{padding:0 .5rem;box-shadow:0 0 5px 2.5px #8f8f8f}.detailPage .detailContent .detailInfos{display:flex;flex-direction:column;justify-content:flex-start;gap:1.5rem;text-align:left}.detailPage .detailContent .detailInfos p{color:#2d6a4f;font-weight:700;margin:.5rem 0}.detailPage .detailContent .detailInfos span{color:#000;font-weight:400}.label{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.label img{width:2.5rem;height:2.5rem;margin-right:.5rem}.diffusionPage .diffusionContent,.diffusionPage .diffusionHeader{display:flex;flex-direction:column;padding:1rem}.diffusionPage .diffusionContent{display:flex;flex-direction:column;gap:1rem;text-align:left}.diffusionPage .diffusionContent #largeButton{width:100%;height:3rem;font-weight:600;box-shadow:0 0 5px 2.5px #8f8f8f}.diffusionPage .diffusionContent .buttonsBlock{display:flex;justify-content:space-between;width:100%;gap:.5rem}.diffusionPage .diffusionContent .buttonsBlock button{font-weight:600;width:100%;cursor:pointer;box-shadow:0 0 5px 2.5px #8f8f8f}.diffusionPage .diffusionContent .buttonsBlock a{flex:1;text-align:center}.diffusionPage .diffusionHeader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.diffusionPage .diffusionHeader .circleBan{border:3px solid #4ade80;border-radius:50%;width:8rem;height:8rem}.diffusionPage .diffusionHeader .circleBan img{width:100%;height:100%;border-radius:50%;object-fit:cover}.diffusionPage .warning{display:flex;background-color:#fcf7e8;color:#e18f05;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.diffusionPage .warning img{width:1.5rem}.diffusionPage .danger{display:flex;background-color:#f8ecec;color:#dc2c26;align-items:flex-start;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.diffusionPage .danger img{width:1.5rem}.diffuserPage .diffuserContent,.diffuserPage .diffuserHeader{display:flex;flex-direction:column;padding:1rem}.diffuserPage .diffuserContent{display:flex;flex-direction:column;gap:1rem;text-align:left}.diffuserPage .diffuserContent #largeButton{width:100%;height:3rem;font-weight:600}.diffuserPage .diffuserContent .buttonsBlock{display:flex;justify-content:space-between;width:100%;gap:.5rem}.diffuserPage .diffuserContent .buttonsBlock button{font-weight:600;width:100%;cursor:pointer}.diffuserPage .diffuserContent .buttonsBlock a{flex:1;text-align:center}.diffuserPage .diffuserContent .roomSize{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:2rem;text-align:center}.diffuserPage .diffuserHeader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.diffuserPage .diffuserHeader p{color:#8f8f8f}.diffuserPage .diffuserHeader .circleBan{border:3px solid #4ade80;border-radius:50%;width:7rem;height:7rem}.diffuserPage .diffuserHeader .circleBan img{width:100%;height:100%;border-radius:50%;object-fit:cover}.diffuserPage .warning{display:flex;background-color:#fcf7e8;color:#e18f05;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.diffuserPage .warning img{width:1.5rem}.diffuserPage .danger{display:flex;background-color:#f8ecec;color:#dc2c26;align-items:flex-start;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.diffuserPage .danger img{width:1.5rem}.phytoContent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem 1rem}.phytoContent .circleBan{border:3px solid #4ade80;border-radius:50%;width:6rem;height:6rem}.phytoContent .circleBan img{width:100%;height:100%;border-radius:50%;object-fit:cover}.phytoContent .circleBan,.phytoContent .phytoTitle,.phytoContent .phytoSub{text-align:left;margin-bottom:1rem}.phytoContent .phytoSub{color:#8f8f8f}.phytoContent .phytoCards{display:flex;flex-direction:column}.microContent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 1rem 0}.microContent .circleBan{border:3px solid #4ade80;border-radius:50%;width:8rem;height:8rem}.microContent .circleBan img{width:100%;height:100%;border-radius:50%;object-fit:cover}.microContent .circleBan,.microContent .microTitle,.microContent .microSub{text-align:center;margin-bottom:1rem}.microContent .microSub{color:#8f8f8f}.microContent .microCards{display:flex;flex-direction:column}.userPage{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4rem 1rem 6rem}@media (max-width: 768px){.userPage{padding:4rem .75rem 5rem}}.userData{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:0}.userHeader{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 10px 30px #2d6a4f4d,0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center;position:relative;animation:fadeIn .5s ease-out}.userHeader .admin-link{position:absolute;top:1rem;right:1rem;font-size:1.5rem;background:#fff3;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.userHeader .admin-link:hover{background:#ffffff4d;transform:scale(1.1) rotate(15deg)}.userHeader h2{font-size:1.75rem;font-weight:600;margin:.5rem 0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.userHeader p{margin:.25rem 0;font-size:1rem;opacity:.95}.userHeader .currentStatus{font-weight:700;color:#ffd60a;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.userHeader .membership-check{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.userHeader .membership-check .check-membership-btn{background:#fffffff2;color:#1b4332;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.userHeader .membership-check .check-membership-btn:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.userHeader .membership-check .check-membership-btn:disabled{opacity:.7;cursor:not-allowed}.userHeader .membership-check .membership-message{font-size:.9rem;padding:.5rem 1rem;border-radius:8px;text-align:center;font-weight:500}.userHeader .membership-check .membership-message.success{background:#4ade8033;color:#059669;border:1px solid rgba(74,222,128,.3)}.userHeader .membership-check .membership-message.error{background:#ef444433;color:#dc2626;border:1px solid rgba(239,68,68,.3)}@media (max-width: 768px){.userHeader{padding:2rem 1.5rem;border-radius:16px}.userHeader h2{font-size:1.5rem}.userHeader .membership-check{margin-top:1rem}.userHeader .membership-check .check-membership-btn{font-size:.85rem;padding:.65rem 1.25rem}.userHeader .membership-check .membership-message{font-size:.85rem}}.validation{cursor:pointer;width:3rem;height:3rem;position:fixed;bottom:2rem;right:2rem;transform:translate(50%);background:#fff;border-radius:50%;box-shadow:0 8px 20px #2d6a4f66,0 4px 10px #00000026;transition:all .3s ease;z-index:100;animation:pulse 2s ease-in-out infinite}.validation:hover{transform:translate(50%) scale(1.1);box-shadow:0 12px 28px #2d6a4f80,0 6px 14px #0003}.validation:active{transform:translate(50%) scale(.95)}@media (max-width: 768px){.validation{width:2.5rem;height:2.5rem}}.metaInfo{font-weight:600;color:#1b4332;margin:2rem 0 1rem;text-align:center;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.metaInfo{font-size:.75rem;margin:1.5rem 0 .75rem}}.lineSeparator{display:block;width:80px;height:4px;background:linear-gradient(90deg,transparent,#2d6a4f,transparent);margin:.5rem;border-radius:2px}.buttonBlock{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;margin:1rem 0}.buttonBlock a,.buttonBlock #ebooks,.buttonBlock #genius,.buttonBlock #plantIdentifier{border-radius:16px;cursor:pointer;background:#fff;box-shadow:0 4px 12px #2d6a4f26,0 2px 6px #0000001a;overflow:hidden;display:block}.buttonBlock a button,.buttonBlock #ebooks button,.buttonBlock #genius button,.buttonBlock #plantIdentifier button{width:100%;height:4rem;border-radius:16px}.buttonBlock a img,.buttonBlock #ebooks img,.buttonBlock #genius img,.buttonBlock #plantIdentifier img{width:2.5rem;height:2.5rem;margin:0 auto;filter:drop-shadow(0 2px 4px rgba(45,106,79,.2))}@media (max-width: 768px){.buttonBlock{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.buttonBlock{grid-template-columns:repeat(4,1fr);gap:.75rem}.buttonBlock a img,.buttonBlock #ebooks img,.buttonBlock #genius img,.buttonBlock #plantIdentifier img{width:2rem;height:2rem}}.geniusZone{display:flex;justify-content:center;padding:1rem 0}.geniusZone .genie{width:5rem;height:5rem;filter:drop-shadow(0 4px 8px rgba(45,106,79,.3));animation:float 3s ease-in-out infinite}.selectorsBlock{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1rem;max-width:900px;margin:0 auto}.selectorsBlock h4{width:100%;text-align:center;font-size:1.1rem;font-weight:600;color:#2d6a4f;margin:1rem 0 .5rem}.selectorsBlock .selector{background:#fff;color:#52796f;font-weight:500;font-size:.95rem;text-align:center;display:flex;align-items:center;justify-content:center;min-height:2.75rem;border-radius:12px;padding:.5rem 1.25rem;cursor:pointer;border:2px solid transparent;box-shadow:0 2px 8px #2d6a4f1a,0 1px 4px #00000014;transition:all .3s ease;-webkit-user-select:none;user-select:none}.selectorsBlock .selector:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d6a4f33,0 2px 6px #0000001a;border-color:#2d6a4f}.selectorsBlock .selector:active{transform:translateY(0)}.selectorsBlock .selector.selected{background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;border-color:#2d6a4f;box-shadow:0 4px 16px #2d6a4f66,0 2px 8px #00000026;font-weight:600}@media (max-width: 768px){.selectorsBlock{gap:.5rem;padding:.75rem}.selectorsBlock .selector{font-size:.85rem;padding:.4rem 1rem;min-height:2.5rem}}@media (max-width: 480px){.selectorsBlock .selector{font-size:.8rem;padding:.35rem .85rem;min-height:2.25rem}}.userDefaultAvatar{width:5rem;height:5rem;border-radius:50%;border:4px solid white;box-shadow:0 4px 12px #0003;background:#fff}@keyframes pulse{0%,to{box-shadow:0 8px 20px #2d6a4f66,0 4px 10px #00000026}50%{box-shadow:0 12px 28px #2d6a4f99,0 6px 14px #0003}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.back-button-container a{text-decoration:none}.back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.back-button-container button:active{transform:translateY(0)}.back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.back-button-container{margin:2rem auto 0}.back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}.libraryPage{display:flex;flex-direction:column;align-items:center;height:100vh}.circleBan{margin:1rem 0;width:8rem;height:8rem;text-align:center}.circleBan img{width:100%;height:100%;object-fit:cover}.ebooksGallery{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1rem}.ebooksGallery .couverture{width:10rem;border-radius:10px;box-shadow:0 0 5px 2.5px #8f8f8f;padding:0;margin:0;cursor:pointer}.readPage{display:flex;flex-direction:column;justify-content:center;width:100%;height:100vh;padding:0 0 4rem}.bookTitle{font-size:smaller;margin-top:.25rem}.viewerPage{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;padding:1rem 0}.viewerPage .buttonsBlock{margin:0}.viewerPage .react-pdf__Document{scale:.8}.react-pdf__Page__canvas{margin:0;border:1px solid #8f8f8f;border-radius:10px;box-shadow:0 0 5px 2.5px #8f8f8f;max-width:455px;max-height:650px}.react-pdf__Page__textContent,.react-pdf__Page__annotations,.annotationLayer{display:none}#installPrompt{width:95%;margin:0 0 .5rem .5rem;position:fixed;bottom:50%;right:50%;padding:10px;background-color:#2d6a4f;border-radius:15px;box-shadow:0 2px 10px #0003;transform:translate(50%,50%);z-index:1000}#installPrompt img{width:30px;height:30px;border-radius:5px}#installPrompt #promptText{font-size:1.2rem;color:#fff}#installPrompt #promptChoiceButtons{display:flex;justify-content:space-around}#installPrompt #promptChoiceButtons #installButton,#installPrompt #promptChoiceButtons #cancelButton{height:30px;margin-top:10px;padding:0 50px;border:none;border-radius:5px;background-color:#1a4d2e;color:#fff;cursor:pointer}#installPrompt #promptChoiceButtons #cancelButton{background-color:#8f8f8f}#installPrompt #promptChoiceButtons #installButton:hover{background-color:#4ade80}#installPrompt #promptChoiceButtons #cancelButton:hover{background-color:#dc2c26}body{justify-content:center;width:100%;height:auto;font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;background:linear-gradient(135deg,#f0fdf4,#dcfce7);min-height:100vh;-webkit-user-select:none;user-select:none}#root{display:flex;flex-direction:column;text-align:center;margin:0 auto}.mainContent{display:flex;justify-content:center}.essentialOilPage,.vegetalOilPage,.gemmoPage,.noticePage,.definitionsPage,.tipsPage,.diffusionPage,.diffuserPage,.microPage,.top10Page,.mauxPage,.viewerPage{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.essentialOilPage,.vegetalOilPage,.gemmoPage{padding-top:3rem}#goBack{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center;margin:1rem}#goBack:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}#goBack:active{transform:translateY(0)}#goBack img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){#goBack{padding:.85rem 1.5rem;font-size:.95rem}}#highlight{font-weight:700;text-decoration-line:underline;text-decoration-style:double;text-transform:uppercase;color:red}.notif{display:flex;background-color:#eff7f2;color:#2d6a4f;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.notif img{width:1.5rem}.warning{display:flex;background-color:#fcf7e8;color:#e18f05;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.warning img{width:1.5rem}.warning a{font-weight:700;font-style:italic;text-decoration:underline}.danger{display:flex;background-color:#f8ecec;color:#dc2c26;align-items:flex-start;text-align:left;padding:.75rem;border-radius:10px;gap:.75rem}.danger img{width:1.5rem}.loading{display:inline-block;width:50px;height:50px;position:fixed;top:48%;right:45%;border:6px solid #f3f3f3;border-radius:50%;border-top:6px solid #2d6a4f;animation:spin 2s linear infinite}.metaInfo{font-weight:700;color:#2d6a4f}.lineSeparator{align-self:center;width:90%;height:1px;background-color:#fff;box-shadow:0 0 5px 2.5px #2d6a4f}.galleries{display:flex;flex-direction:column;text-align:left;gap:1rem;width:100%}.topMargin{margin-top:1rem}.formuleCard{display:flex;flex-direction:column;justify-content:center;align-items:left;gap:.25rem;padding:.5rem;margin:1rem 0;border-radius:10px;background-color:#f5f5f5;color:#000;box-shadow:0 0 5px 2.5px #8f8f8f}.source{font-size:smaller;font-style:italic}button:hover,.featureBlock:hover,.card:hover,.formuleCard:hover{scale:1.05;box-shadow:0 0 5px 2.5px #2d6a4f}#paypal-button-container-P-86331673LL702702PM2BNSNQ,#paypal-button-container-P-9WE33824NU599691DM2BNXOA{display:flex;justify-content:center;scale:.75}.home-page{min-height:100vh;height:100vh;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;overflow:hidden}.home-page .home-hero{position:relative;min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem}.home-page .home-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.15}.home-page .home-hero .hero-background .floating-element{position:absolute;font-size:3rem;animation:float 20s infinite ease-in-out;filter:blur(1px)}.home-page .home-hero .hero-background .floating-element.herb-1{top:10%;left:10%;animation-delay:0s}.home-page .home-hero .hero-background .floating-element.herb-2{top:20%;right:15%;animation-delay:2s}.home-page .home-hero .hero-background .floating-element.herb-3{bottom:30%;left:20%;animation-delay:4s}.home-page .home-hero .hero-background .floating-element.herb-4{bottom:20%;right:10%;animation-delay:6s}.home-page .home-hero .hero-background .floating-element.herb-5{top:50%;left:50%;animation-delay:8s}.home-page .home-hero .hero-background .floating-element.herb-6{top:30%;left:70%;animation-delay:3s}.home-page .home-hero .hero-background .floating-element.herb-7{bottom:40%;right:30%;animation-delay:5s}.home-page .home-hero .hero-background .floating-element.herb-8{top:70%;left:30%;animation-delay:7s}.home-page .home-hero .hero-content{position:relative;text-align:center;max-width:900px;z-index:1}.home-page .home-hero .hero-content .logo-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.home-page .home-hero .hero-content .logo-container .logo{font-size:4rem;animation:pulse 2s infinite}.home-page .home-hero .hero-content .logo-container .brand-name{font-size:3rem;font-weight:800;margin:0;background:linear-gradient(135deg,#52b788,#95d5b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-page .home-hero .hero-content .hero-title{font-size:3rem;font-weight:800;margin:0 0 1.5rem;line-height:1.2;color:#fff}.home-page .home-hero .hero-content .hero-description{font-size:1.25rem;color:#cbd5e1;margin:0 0 3rem;line-height:1.6}.home-page .home-hero .hero-content .hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.home-page .home-hero .hero-content .hero-actions .btn-primary,.home-page .home-hero .hero-content .hero-actions .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease;border:2px solid transparent}.home-page .home-hero .hero-content .hero-actions .btn-primary .btn-icon,.home-page .home-hero .hero-content .hero-actions .btn-secondary .btn-icon{font-size:1.5rem}.home-page .home-hero .hero-content .hero-actions .btn-primary{background:linear-gradient(135deg,#52b788,#2d6a4f);color:#fff;box-shadow:0 4px 20px #52b78866}.home-page .home-hero .hero-content .hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #52b78880}.home-page .home-hero .hero-content .hero-actions .btn-secondary{background:transparent;color:#fff;border-color:#fff3}.home-page .home-hero .hero-content .hero-actions .btn-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.home-page .home-hero .hero-content .hero-features{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.home-page .home-hero .hero-content .hero-features .feature-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.875rem;color:#cbd5e1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-page .home-hero .hero-content .hero-features .feature-badge .icon{font-size:1.25rem}@media (max-width: 768px){.home-page .home-hero{padding:1rem}.home-page .home-hero .hero-background .floating-element{font-size:2rem}.home-page .home-hero .hero-content .logo-container .logo{font-size:3rem}.home-page .home-hero .hero-content .logo-container .brand-name,.home-page .home-hero .hero-content .hero-title{font-size:2rem}.home-page .home-hero .hero-content .hero-description{font-size:1rem}.home-page .home-hero .hero-content .hero-actions{flex-direction:column;width:100%}.home-page .home-hero .hero-content .hero-actions .btn-primary,.home-page .home-hero .hero-content .hero-actions .btn-secondary{width:100%;justify-content:center}.home-page .home-hero .hero-content .hero-features{gap:.75rem}.home-page .home-hero .hero-content .hero-features .feature-badge{padding:.5rem 1rem;font-size:.75rem}.home-page .home-hero .hero-content .hero-features .feature-badge .icon{font-size:1rem}}@media (max-width: 480px){.home-page .home-hero .hero-content .logo-container{flex-direction:column;gap:.5rem}.home-page .home-hero .hero-content .hero-title{font-size:1.5rem}.home-page .home-hero .hero-content .hero-description{font-size:.875rem}.home-page .home-hero .hero-content .hero-description br{display:none}}.dashboard{min-height:100vh;background:transparent;padding:6rem 1rem 2rem}.dashboard .dashboard-header{max-width:1200px;margin:0 auto 2rem;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.dashboard .dashboard-header .welcome h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.dashboard .dashboard-header .welcome p{color:#6b7280;font-size:1rem}.dashboard .dashboard-header .premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:.5rem 1.5rem;border-radius:50px;box-shadow:0 4px 12px #fbbf244d}.dashboard .dashboard-header .premium-badge span{color:#fff;font-weight:700;font-size:.875rem;letter-spacing:1px}.dashboard .dashboard-section{max-width:1200px;margin:0 auto 3rem}.dashboard .dashboard-section h2{font-size:1.5rem;font-weight:700;color:#1a4d2e;margin-bottom:1.5rem}.dashboard .dashboard-section .category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}.dashboard .dashboard-section .category-grid .category-card{background:#fff;border-radius:16px;padding:2rem 1rem;text-align:center;box-shadow:0 4px 12px #00000014;transition:all .3s ease;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow:hidden}.dashboard .dashboard-section .category-grid .category-card:not(.coming-soon):hover{transform:translateY(-4px);box-shadow:0 8px 24px #2d6a4f26}.dashboard .dashboard-section .category-grid .category-card.coming-soon{opacity:.7;cursor:not-allowed}.dashboard .dashboard-section .category-grid .category-card.coming-soon .coming-soon-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;padding:.5rem 2rem;border-radius:8px;box-shadow:0 4px 12px #dc262666,0 2px 6px #0003;z-index:10;white-space:nowrap}.dashboard .dashboard-section .category-grid .category-card .card-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 12px #0000001a}.dashboard .dashboard-section .category-grid .category-card h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.dashboard .dashboard-section .category-card.tool-card .card-icon{background:transparent!important;box-shadow:none!important}.dashboard .dashboard-section .category-card.tool-card .card-icon img{width:56px;height:56px;object-fit:contain}.dashboard .dashboard-section .guides-list{display:flex;flex-direction:column;gap:.75rem}.dashboard .dashboard-section .guides-list .guide-item{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;text-decoration:none;border:2px solid transparent}.dashboard .dashboard-section .guides-list .guide-item:hover{border-color:#4ade80;background:linear-gradient(90deg,#4ade800d,#fff)}.dashboard .dashboard-section .guides-list .guide-item:hover .guide-arrow{transform:translate(4px)}.dashboard .dashboard-section .guides-list .guide-item .guide-icon{font-size:1.5rem;flex-shrink:0}.dashboard .dashboard-section .guides-list .guide-item .guide-name{font-size:1rem;font-weight:500;color:#1f2937;flex:1}.dashboard .dashboard-section .guides-list .guide-item .guide-arrow{font-size:1.25rem;color:#4ade80;font-weight:700;transition:transform .3s ease}.dashboard .dashboard-section.premium-cta .cta-card{background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 8px 24px #1a4d2e4d;color:#fff}.dashboard .dashboard-section.premium-cta .cta-card .cta-icon{font-size:3rem;margin-bottom:1rem}.dashboard .dashboard-section.premium-cta .cta-card h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#fff}.dashboard .dashboard-section.premium-cta .cta-card p{font-size:1.125rem;opacity:.9;margin-bottom:2rem}.dashboard .dashboard-section.premium-cta .cta-card .cta-button{display:inline-block;background:#fff;color:#1a4d2e;padding:1rem 2.5rem;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.dashboard .dashboard-section.premium-cta .cta-card .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}@media (max-width: 768px){.dashboard{padding:5rem 1rem 2rem}.dashboard .dashboard-header .welcome h1{font-size:1.5rem}.dashboard .dashboard-header .welcome p{font-size:.875rem}.dashboard .dashboard-header .premium-badge{padding:.375rem 1rem}.dashboard .dashboard-header .premium-badge span{font-size:.75rem}.dashboard .dashboard-section h2{font-size:1.25rem}.dashboard .dashboard-section .category-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.dashboard .dashboard-section .category-grid .category-card{padding:1.5rem .75rem}.dashboard .dashboard-section .category-grid .category-card .card-icon{width:48px;height:48px;font-size:1.5rem}.dashboard .dashboard-section .category-grid .category-card .card-icon img{width:40px;height:40px}.dashboard .dashboard-section .category-grid .category-card h3{font-size:.875rem}.dashboard .dashboard-section.premium-cta .cta-card{padding:2rem 1.5rem}.dashboard .dashboard-section.premium-cta .cta-card .cta-icon{font-size:2rem}.dashboard .dashboard-section.premium-cta .cta-card h3{font-size:1.5rem}.dashboard .dashboard-section.premium-cta .cta-card p{font-size:1rem}}.discover-page{min-height:100vh;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;padding:6rem 2rem 4rem}.discover-page .discover-hero{position:relative;max-width:1200px;margin:0 auto}.discover-page .discover-hero .hero-background{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none}.discover-page .discover-hero .hero-background .floating-element{position:absolute;font-size:3rem;animation:float 20s infinite ease-in-out}.discover-page .discover-hero .hero-background .floating-element.herb-1{top:10%;left:10%;animation-delay:0s}.discover-page .discover-hero .hero-background .floating-element.herb-2{top:20%;right:15%;animation-delay:2s}.discover-page .discover-hero .hero-background .floating-element.herb-3{bottom:30%;left:20%;animation-delay:4s}.discover-page .discover-hero .hero-background .floating-element.herb-4{bottom:20%;right:10%;animation-delay:6s}.discover-page .discover-hero .hero-background .floating-element.herb-5{top:50%;left:50%;animation-delay:8s}.discover-page .discover-hero .discover-content{position:relative;z-index:1}.discover-page .discover-hero .discover-content .discover-title{font-size:3rem;font-weight:800;text-align:center;margin-bottom:4rem;background:linear-gradient(135deg,#52b788,#95d5b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.discover-page .discover-hero .discover-content .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.discover-page .discover-hero .discover-content .features-grid .feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-decoration:none;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discover-page .discover-hero .discover-content .features-grid .feature-card:hover{transform:translateY(-8px);background:#ffffff1a;box-shadow:0 8px 30px #52b7884d}.discover-page .discover-hero .discover-content .features-grid .feature-card .feature-icon{font-size:3rem;margin-bottom:1rem}.discover-page .discover-hero .discover-content .features-grid .feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#95d5b2}.discover-page .discover-hero .discover-content .features-grid .feature-card p{font-size:1rem;color:#cbd5e1;line-height:1.6}.discover-page .discover-hero .discover-content .cta-section{text-align:center;padding:3rem;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discover-page .discover-hero .discover-content .cta-section h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.discover-page .discover-hero .discover-content .cta-section p{font-size:1.25rem;color:#cbd5e1;margin-bottom:2rem}.discover-page .discover-hero .discover-content .cta-section .cta-buttons{display:flex;gap:1rem;justify-content:center}.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-primary,.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-secondary{padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease}.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-primary{background:linear-gradient(135deg,#52b788,#2d6a4f);color:#fff;box-shadow:0 4px 20px #52b78866}.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #52b78880}.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2)}.discover-page .discover-hero .discover-content .cta-section .cta-buttons .btn-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(20px) rotate(5deg)}50%{transform:translateY(-60px) translate(-20px) rotate(-5deg)}75%{transform:translateY(-30px) translate(20px) rotate(5deg)}}@media (max-width: 768px){.discover-page{padding:5rem 1rem 2rem}.discover-page .discover-content .discover-title{font-size:2rem}.discover-page .discover-content .features-grid{grid-template-columns:1fr;gap:1.5rem}.discover-page .discover-content .cta-section{padding:2rem 1rem}.discover-page .discover-content .cta-section h2{font-size:1.5rem}.discover-page .discover-content .cta-section p{font-size:1rem}.discover-page .discover-content .cta-section .cta-buttons{flex-direction:column}.discover-page .discover-content .cta-section .cta-buttons .btn-primary,.discover-page .discover-content .cta-section .cta-buttons .btn-secondary{width:100%}}.about-page{min-height:100vh;padding:6rem 1rem 2rem;background:transparent}.about-page .about-container{max-width:1000px;margin:0 auto}.about-page .about-container .about-header{text-align:center;margin-bottom:3rem}.about-page .about-container .about-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.about-page .about-container .about-header .about-subtitle{font-size:1.125rem;color:#6b7280;max-width:700px;margin:0 auto}.about-page .about-container .about-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.about-page .about-container .about-content h2,.about-page .about-container .about-content h3{color:#1a4d2e;margin-bottom:1rem}.about-page .about-container .about-content h2{font-size:1.75rem;font-weight:700}.about-page .about-container .about-content h3{font-size:1.5rem;font-weight:600;margin-top:2rem}.about-page .about-container .about-content p{color:#374151;line-height:1.8;margin-bottom:1rem}.about-page .about-container .about-content .about-intro{margin-bottom:2rem}.about-page .about-container .about-content .about-mission{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:1.5rem;border-radius:12px;border-left:4px solid #4ade80;margin:2rem 0}.about-page .about-container .about-content .about-features ul{list-style:none;padding:0;margin:1rem 0}.about-page .about-container .about-content .about-features ul li{padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;color:#374151;line-height:1.6}.about-page .about-container .about-content .about-features ul li strong{color:#1a4d2e}.about-page .about-container .about-guides{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.about-page .about-container .about-guides h3{color:#1a4d2e;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.about-page .about-container .about-guides>p{color:#6b7280;margin-bottom:1.5rem}.about-page .about-container .about-guides .guides-section{display:flex;flex-direction:column;gap:.75rem}.about-page .about-container .about-guides .guides-section .guide-link{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;text-decoration:none;border:2px solid transparent}.about-page .about-container .about-guides .guides-section .guide-link:hover{border-color:#4ade80;background:linear-gradient(135deg,#dcfce7,#bbf7d0);transform:translate(4px)}.about-page .about-container .about-guides .guides-section .guide-link:hover .guide-arrow{transform:translate(4px)}.about-page .about-container .about-guides .guides-section .guide-link .guide-icon{font-size:1.5rem;flex-shrink:0}.about-page .about-container .about-guides .guides-section .guide-link .guide-text{font-size:1rem;font-weight:500;color:#1a4d2e;flex:1}.about-page .about-container .about-guides .guides-section .guide-link .guide-arrow{font-size:1.25rem;color:#4ade80;font-weight:700;transition:transform .3s ease}.about-page .about-container .about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.about-page .about-container .about-cards .about-card{background:#fff;border-radius:16px;padding:2rem;text-decoration:none;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column;gap:1rem}.about-page .about-container .about-cards .about-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2d6a4f26;border-color:#4ade80}.about-page .about-container .about-cards .about-card .about-card-icon{font-size:3rem;text-align:center}.about-page .about-container .about-cards .about-card h2{font-size:1.25rem;font-weight:700;color:#1a4d2e;margin:0}.about-page .about-container .about-cards .about-card p{color:#6b7280;font-size:.9375rem;line-height:1.6;flex:1;margin:0}.about-page .about-container .about-cards .about-card .about-card-footer .about-card-link{color:#4ade80;font-weight:600;font-size:.9375rem}.about-page .about-container .about-contact{background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-radius:16px;padding:2.5rem;text-align:center;color:#fff;box-shadow:0 8px 24px #1a4d2e4d;margin-bottom:2rem}.about-page .about-container .about-contact h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.about-page .about-container .about-contact p{font-size:1.125rem;opacity:.9;margin-bottom:1.5rem}.about-page .about-container .about-contact .contact-button{display:inline-block;background:#fff;color:#1a4d2e;padding:1rem 2.5rem;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.about-page .about-container .about-contact .contact-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.about-page .about-container .back-link{display:inline-block;color:#4ade80;font-weight:600;text-decoration:none;font-size:1rem;transition:all .3s ease}.about-page .about-container .back-link:hover{transform:translate(-4px);color:#2d6a4f}@media (max-width: 768px){.about-page{padding:5rem 1rem 2rem}.about-page .about-container .about-header{margin-bottom:2rem}.about-page .about-container .about-header h1{font-size:1.75rem}.about-page .about-container .about-header .about-subtitle{font-size:1rem}.about-page .about-container .about-content{padding:1.5rem}.about-page .about-container .about-content h2{font-size:1.5rem}.about-page .about-container .about-content h3{font-size:1.25rem}.about-page .about-container .about-guides{padding:1.5rem}.about-page .about-container .about-guides h3{font-size:1.25rem}.about-page .about-container .about-guides .guides-section .guide-link{padding:1rem}.about-page .about-container .about-guides .guides-section .guide-link .guide-icon{font-size:1.25rem}.about-page .about-container .about-guides .guides-section .guide-link .guide-text{font-size:.9rem}.about-page .about-container .about-cards{grid-template-columns:1fr;gap:1rem}.about-page .about-container .about-contact{padding:2rem 1.5rem}.about-page .about-container .about-contact h3{font-size:1.5rem}.about-page .about-container .about-contact p{font-size:1rem}}.terms-page{background:transparent;min-height:100vh;padding:6rem 1rem 2rem}.terms-container{max-width:900px;margin:0 auto}.terms-header{text-align:center;margin-bottom:3rem}.terms-header h1{font-size:2.2rem;color:#1a4d2e;font-weight:700;line-height:1.3}.terms-content{display:flex;flex-direction:column;gap:2rem}.terms-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014}.terms-section h2{font-size:1.8rem;color:#1a4d2e;margin-bottom:1.5rem;font-weight:600;border-bottom:3px solid #4ade80;padding-bottom:.75rem}.terms-section h3{font-size:1.3rem;color:#2d6a4f;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.terms-section p{color:#444;line-height:1.7;margin-bottom:1rem;font-size:.95rem}.terms-section p a{color:#4ade80;text-decoration:none;font-weight:500;transition:color .3s ease}.terms-section p a:hover{color:#2d6a4f;text-decoration:underline}.terms-section ul{margin-left:1.5rem;margin-bottom:1rem}.terms-section ul li{color:#444;line-height:1.7;margin-bottom:.5rem;font-size:.95rem}.terms-section .last-update{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee;font-style:italic;color:#666;text-align:center}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#1a4d2e;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;margin-top:2rem}.back-link:hover{transform:translate(-4px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.terms-page{padding:5rem 1rem 1.5rem}.terms-header h1{font-size:1.8rem}.terms-section{padding:1.5rem}.terms-section h2{font-size:1.5rem}.terms-section h3{font-size:1.2rem}.terms-section ul{margin-left:1rem}}.badge-display-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding:1rem 0}@media (max-width: 768px){.badge-display-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.badge-card{background:#fff;border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all .3s ease;border:2px solid transparent}.badge-card.locked{opacity:.4;filter:grayscale(100%);background:#f5f5f5;border-color:#ddd}.badge-card.locked .badge-icon-wrapper{filter:brightness(.7)}.badge-card.locked:hover{opacity:.5}.badge-card.unlocked{border-color:#4ade80;background:linear-gradient(135deg,#f0fdf4,#dcfce7);box-shadow:0 4px 12px #4ade8033}.badge-card.unlocked:hover{transform:translateY(-4px);box-shadow:0 8px 20px #4ade804d}.badge-card .badge-icon-wrapper{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.badge-card .badge-icon-wrapper .badge-icon{font-size:2.5rem;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.badge-card .badge-icon-wrapper .unlock-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(74,222,128,.3) 0%,transparent 70%);animation:glow 2s ease-in-out infinite;z-index:1}.badge-card .badge-info .badge-name{font-size:.9rem;font-weight:700;color:#2d6a4f;margin:0 0 .25rem}.badge-card .badge-info .badge-desc{font-size:.7rem;color:#666;margin:0}.badge-card .unlocked-checkmark{position:absolute;top:.5rem;right:.5rem;background:#4ade80;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}@keyframes counter-pulse{0%,to{transform:scale(1)}50%{transform:scale(.952)}}@keyframes glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.gamification-stats{margin-top:2rem;padding:0 1rem}.gamification-stats .metaInfo{font-size:1.2rem;font-weight:700;color:#2d6a4f;margin-bottom:1rem;text-align:center}.gamification-stats .lineSeparator{display:block;width:100%;height:2px;background:linear-gradient(90deg,transparent,#4ade80,transparent);margin-bottom:1.5rem}.gamification-stats .loading-text{text-align:center;color:#666;padding:2rem}.gamification-stats .stats-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.gamification-stats .stats-overview{gap:.75rem}}.gamification-stats .stats-overview .stat-box{background:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.gamification-stats .stats-overview .stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.gamification-stats .stats-overview .stat-box.main-points{grid-column:1/-1;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24}.gamification-stats .stats-overview .stat-box.main-points .stat-value{font-size:2.5rem;color:#b45309}.gamification-stats .stats-overview .stat-box.main-points .stat-label{color:#92400e}.gamification-stats .stats-overview .stat-box.main-points .stat-icon{font-size:3rem}.gamification-stats .stats-overview .stat-box .stat-icon{font-size:2rem;flex-shrink:0}.gamification-stats .stats-overview .stat-box .stat-content{flex:1}.gamification-stats .stats-overview .stat-box .stat-content .stat-value{font-size:1.75rem;font-weight:800;color:#2d6a4f;line-height:1;margin-bottom:.25rem}.gamification-stats .stats-overview .stat-box .stat-content .stat-label{font-size:.8rem;color:#666;text-transform:uppercase}.gamification-stats .badges-section{margin-bottom:2rem}.gamification-stats .badges-section .section-title{font-size:1.1rem;font-weight:700;color:#2d6a4f;margin-bottom:1rem;text-align:center}.gamification-stats .leaderboard-link{display:block;text-decoration:none}.gamification-stats .leaderboard-link .leaderboard-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2d6a4f4d}.gamification-stats .leaderboard-link .leaderboard-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2d6a4f66}.gamification-stats .leaderboard-link .leaderboard-btn:active{transform:translateY(0)}.admin-menu-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.admin-menu-modal{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out;position:relative}.close-button{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-button:hover{background:#c0392b;transform:rotate(90deg)}.modal-title{font-size:32px;margin-bottom:10px;color:#2c3e50;text-align:center}.modal-subtitle{text-align:center;color:#7f8c8d;font-size:16px;margin-bottom:30px}.admin-menu-content{display:flex;flex-direction:column;gap:15px}.admin-menu-item{background:#fff;border-radius:15px;padding:20px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 8px #0000001a}.admin-menu-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026;border-color:#27ae60}.admin-menu-item:active{transform:translateY(0)}.menu-item-icon{font-size:40px;min-width:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e8eef2);border-radius:12px;padding:10px}.menu-item-content{flex:1}.menu-item-content h3{font-size:20px;color:#2c3e50;margin:0 0 8px;font-weight:600}.menu-item-content p{font-size:14px;color:#7f8c8d;margin:0 0 10px;line-height:1.4}.access-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.access-badge.admin{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.access-badge.team{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.menu-item-arrow{font-size:28px;color:#27ae60;font-weight:700;transition:transform .3s ease}.admin-menu-item:hover .menu-item-arrow{transform:translate(5px)}.modal-footer{margin-top:25px;padding-top:20px;border-top:1px solid #ecf0f1;text-align:center}.footer-note{font-size:13px;color:#95a5a6;margin:0;font-style:italic}@media (max-width: 768px){.admin-menu-modal{padding:20px;max-width:95%}.modal-title{font-size:26px}.admin-menu-item{padding:15px;gap:15px}.menu-item-icon{font-size:30px;min-width:50px;padding:8px}.menu-item-content h3{font-size:18px}.menu-item-content p{font-size:13px}}.modern-card-link{text-decoration:none;color:inherit;display:block;width:100%;max-width:100%}.modern-card{position:relative;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;overflow:hidden;box-shadow:0 4px 6px #00000012,0 8px 20px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;height:100%;display:flex;flex-direction:column}.modern-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026,0 20px 40px #0000001f}.modern-card:hover .card-image{transform:scale(1.1)}.modern-card:hover .card-overlay{opacity:.3}.modern-card:hover .card-title{color:#2d6a4f}.modern-card .premium-badge{position:absolute;top:.5rem;right:.5rem;z-index:1;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffd70066;animation:pulse 2s ease-in-out infinite}.modern-card .premium-badge img{width:20px;height:20px}.modern-card .card-image-wrapper{position:relative;width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}@media (max-width: 1200px){.modern-card .card-image-wrapper{height:200px}}@media (max-width: 1024px){.modern-card .card-image-wrapper{height:180px}}@media (max-width: 768px){.modern-card .card-image-wrapper{height:140px}}@media (max-width: 600px){.modern-card .card-image-wrapper{height:130px}}@media (max-width: 480px){.modern-card .card-image-wrapper{height:120px}}.modern-card .card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.modern-card .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000,#0000001a);opacity:0;transition:opacity .4s ease}.modern-card .card-content{padding:1rem;display:flex;flex-direction:column;gap:.375rem;flex:1;background:#fff}@media (max-width: 1024px){.modern-card .card-content{padding:.875rem}}@media (max-width: 768px){.modern-card .card-content{padding:.75rem}}@media (max-width: 480px){.modern-card .card-content{padding:.625rem}}.modern-card .card-title{font-size:1rem;font-weight:700;color:#1b4332;margin:0;line-height:1.3;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1024px){.modern-card .card-title{font-size:.9375rem}}@media (max-width: 768px){.modern-card .card-title{font-size:.875rem}}@media (max-width: 480px){.modern-card .card-title{font-size:.8125rem}}.modern-card .card-subtitle{font-size:.875rem;color:#52796f;font-style:italic;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 480px){.modern-card .card-subtitle{font-size:.8125rem}}.modern-card .card-badge{display:inline-block;padding:.375rem .75rem;background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:auto;align-self:flex-start;box-shadow:0 2px 8px #2d6a4f4d}@media (max-width: 480px){.modern-card .card-badge{font-size:.6875rem;padding:.3125rem .625rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.card-skeleton{animation:shimmer 2s infinite linear;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:1000px 100%}.modern-gallery-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4rem 1rem}@media (max-width: 768px){.modern-gallery-page{padding:4rem 1rem}}@media (max-width: 480px){.modern-gallery-page{padding:4rem .5rem .5rem}}.modern-gallery-page .gallery-header{max-width:1200px;margin:0 auto 2rem;text-align:center}.modern-gallery-page .gallery-header .gallery-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1b4332,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}@media (max-width: 768px){.modern-gallery-page .gallery-header .gallery-title{font-size:2rem}}@media (max-width: 480px){.modern-gallery-page .gallery-header .gallery-title{font-size:1.75rem}}.modern-gallery-page .gallery-header .gallery-subtitle{font-size:1.125rem;color:#52796f;max-width:600px;margin:0 auto}@media (max-width: 480px){.modern-gallery-page .gallery-header .gallery-subtitle{font-size:1rem}}.modern-gallery-page .search-section{max-width:1200px;margin:0 auto 2rem}.modern-gallery-page .meta-info{max-width:1200px;margin:0 auto 1rem;padding:.75rem 1rem;background:#fff;border-radius:12px;border-left:4px solid #2d6a4f;box-shadow:0 2px 8px #0000000d;color:#1b4332;font-weight:600}@media (max-width: 480px){.modern-gallery-page .meta-info{font-size:.875rem;padding:.625rem .875rem}}.modern-gallery-page .loading-container{max-width:1200px;margin:4rem auto;text-align:center}.modern-gallery-page .loading-container .loading-spinner{width:60px;height:60px;border:4px solid #e9ecef;border-top:4px solid #2d6a4f;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.modern-gallery-page .loading-container .loading-text{font-size:1.125rem;color:#52796f;font-weight:500}.modern-gallery-page .modern-gallery{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:0 1rem}@media (max-width: 1200px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media (max-width: 1024px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (max-width: 768px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(3,1fr);gap:.875rem;padding:0 .5rem}}@media (max-width: 600px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:0 .375rem}}@media (max-width: 480px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(3,1fr);gap:.625rem;padding:0 .25rem}}@media (max-width: 450px){.modern-gallery-page .modern-gallery{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 .375rem}}.modern-gallery-page .empty-state{max-width:600px;margin:4rem auto;padding:3rem 2rem;text-align:center;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014}.modern-gallery-page .empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.modern-gallery-page .empty-state .empty-title{font-size:1.5rem;font-weight:700;color:#1b4332;margin-bottom:.75rem}.modern-gallery-page .empty-state .empty-message{font-size:1rem;color:#52796f;line-height:1.6}@media (max-width: 480px){.modern-gallery-page .empty-state{padding:2rem 1.5rem;margin:3rem 1rem}.modern-gallery-page .empty-state .empty-icon{font-size:3rem}.modern-gallery-page .empty-state .empty-title{font-size:1.25rem}.modern-gallery-page .empty-state .empty-message{font-size:.9375rem}}.modern-gallery-page .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center;padding:0 1rem}.modern-gallery-page .back-button-container a{text-decoration:none}.modern-gallery-page .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.modern-gallery-page .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.modern-gallery-page .back-button-container button:active{transform:translateY(0)}.modern-gallery-page .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.modern-gallery-page .back-button-container{margin:2rem auto 0}.modern-gallery-page .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.fade-in-delayed{opacity:0;animation:fadeIn .6s ease-out .2s forwards}.notice-page{min-height:100vh;padding:6rem 1rem 2rem;background:transparent}.notice-page .notice-container{max-width:1000px;margin:0 auto}.notice-page .notice-container .notice-header{text-align:center;margin-bottom:3rem}.notice-page .notice-container .notice-header .header-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.notice-page .notice-container .notice-header .header-icon img{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(42,127,249,.3));animation:pulse 2s ease-in-out infinite}.notice-page .notice-container .notice-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.notice-page .notice-container .notice-header .header-subtitle{font-size:1.125rem;color:#6b7280;max-width:700px;margin:0 auto}.notice-page .notice-container .notice-content{display:flex;flex-direction:column;gap:2rem}.notice-page .notice-container .notice-content .notice-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014}.notice-page .notice-container .notice-content .notice-section h2{color:#1a4d2e;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.notice-page .notice-container .notice-content .notice-section .legends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;transition:all .3s ease}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item:hover{transform:translate(4px);background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item img{width:40px;height:40px;flex-shrink:0}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item .legend-emoji{font-size:2rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item span:not(.legend-emoji){color:#374151;font-size:.9375rem;font-weight:500}.notice-page .notice-container .notice-content .notice-section.premium-features{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #fbbf24}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-header h3{color:#1a4d2e;font-size:1.25rem;font-weight:600;margin:0}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-header .premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.375rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:1px}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card p{color:#374151;line-height:1.8;margin-bottom:1rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list{background:#f9fafb;padding:1rem;border-radius:8px}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list p{margin-bottom:.5rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list p strong{color:#1a4d2e}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list ul{list-style:none;padding-left:0;margin:0}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list ul li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#374151}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-list ul li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700}.notice-page .notice-container .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.notice-page .notice-container .back-button-container a{text-decoration:none}.notice-page .notice-container .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.notice-page .notice-container .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.notice-page .notice-container .back-button-container button:active{transform:translateY(0)}.notice-page .notice-container .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.notice-page .notice-container .back-button-container{margin:2rem auto 0}.notice-page .notice-container .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.notice-page{padding:4rem .75rem 5rem}.notice-page .notice-container .notice-header{margin-bottom:2rem}.notice-page .notice-container .notice-header .header-icon img{width:60px;height:60px}.notice-page .notice-container .notice-header h1{font-size:1.875rem}.notice-page .notice-container .notice-header .header-subtitle{font-size:1rem}.notice-page .notice-container .notice-content{gap:1.5rem}.notice-page .notice-container .notice-content .notice-section{padding:1.5rem}.notice-page .notice-container .notice-content .notice-section h2{font-size:1.25rem}.notice-page .notice-container .notice-content .notice-section .legends-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 768px){.notice-page{padding:5rem 1rem 2rem}.notice-page .notice-container .notice-header{margin-bottom:2rem}.notice-page .notice-container .notice-header .header-icon img{width:60px;height:60px}.notice-page .notice-container .notice-header h1{font-size:1.75rem}.notice-page .notice-container .notice-header .header-subtitle{font-size:1rem}.notice-page .notice-container .notice-content{gap:1.5rem}.notice-page .notice-container .notice-content .notice-section{padding:1.5rem}.notice-page .notice-container .notice-content .notice-section h2{font-size:1.25rem}.notice-page .notice-container .notice-content .notice-section .legends-grid{grid-template-columns:1fr;gap:.75rem}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item{padding:.75rem}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item img{width:32px;height:32px}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item .legend-emoji{font-size:1.5rem;width:32px;height:32px}.notice-page .notice-container .notice-content .notice-section .legends-grid .legend-item span:not(.legend-emoji){font-size:.875rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card{padding:1rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-header{flex-direction:column;align-items:center;gap:.5rem}.notice-page .notice-container .notice-content .notice-section.premium-features .feature-card .feature-header h3{font-size:1.1rem}}.definitions-page{min-height:100vh;padding:6rem 1rem 2rem;background:transparent}.definitions-page .definitions-container{max-width:1000px;margin:0 auto}.definitions-page .definitions-container .definitions-header{text-align:center;margin-bottom:3rem}.definitions-page .definitions-container .definitions-header .header-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.definitions-page .definitions-container .definitions-header .header-icon img{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(42,127,249,.3));animation:pulse 2s ease-in-out infinite}.definitions-page .definitions-container .definitions-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.definitions-page .definitions-container .definitions-header .header-subtitle{font-size:1.125rem;color:#6b7280;max-width:700px;margin:0 auto}.definitions-page .definitions-container .definitions-content{display:flex;flex-direction:column;gap:2rem}.definitions-page .definitions-container .definitions-content .definition-item{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border-left:4px solid #4ade80}.definitions-page .definitions-container .definitions-content .definition-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2d6a4f26}.definitions-page .definitions-container .definitions-content .definition-item h3{color:#1a4d2e;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.definitions-page .definitions-container .definitions-content .definition-item p{color:#374151;line-height:1.8;margin-bottom:1rem}.definitions-page .definitions-container .definitions-content .definition-item p:last-child{margin-bottom:0}.definitions-page .definitions-container .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.definitions-page .definitions-container .back-button-container a{text-decoration:none}.definitions-page .definitions-container .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.definitions-page .definitions-container .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.definitions-page .definitions-container .back-button-container button:active{transform:translateY(0)}.definitions-page .definitions-container .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.definitions-page .definitions-container .back-button-container{margin:2rem auto 0}.definitions-page .definitions-container .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.definitions-page{padding:4rem .75rem 5rem}.definitions-page .definitions-container .definitions-header{margin-bottom:2rem}.definitions-page .definitions-container .definitions-header .header-icon img{width:60px;height:60px}.definitions-page .definitions-container .definitions-header h1{font-size:1.875rem}.definitions-page .definitions-container .definitions-header .header-subtitle{font-size:1rem}.definitions-page .definitions-container .definitions-content{gap:1.5rem}.definitions-page .definitions-container .definitions-content .definition-item{padding:1.5rem}.definitions-page .definitions-container .definitions-content .definition-item h3{font-size:1.25rem}.definitions-page .definitions-container .definitions-content .definition-item p{font-size:.95rem;line-height:1.7}}@media (max-width: 768px){.definitions-page{padding:5rem 1rem 2rem}.definitions-page .definitions-container .definitions-header{margin-bottom:2rem}.definitions-page .definitions-container .definitions-header .header-icon img{width:60px;height:60px}.definitions-page .definitions-container .definitions-header h1{font-size:1.75rem}.definitions-page .definitions-container .definitions-header .header-subtitle{font-size:1rem}.definitions-page .definitions-container .definitions-content{gap:1.5rem}.definitions-page .definitions-container .definitions-content .definition-item{padding:1.5rem}.definitions-page .definitions-container .definitions-content .definition-item h3{font-size:1.25rem}}.tips-page{min-height:100vh;padding:6rem 1rem 2rem;background:transparent}.tips-page .tips-container{max-width:1000px;margin:0 auto}.tips-page .tips-container .tips-header{text-align:center;margin-bottom:3rem}.tips-page .tips-container .tips-header .header-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.tips-page .tips-container .tips-header .header-icon img{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(42,127,249,.3));animation:pulse 2s ease-in-out infinite}.tips-page .tips-container .tips-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.tips-page .tips-container .tips-header .header-subtitle{font-size:1.125rem;color:#6b7280;max-width:700px;margin:0 auto 2rem}.tips-page .tips-container .tips-header .alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #fbbf24;border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 4px 12px #fbbf2433}.tips-page .tips-container .tips-header .alert-warning img{width:24px;height:24px;flex-shrink:0;margin-top:2px}.tips-page .tips-container .tips-header .alert-warning div{flex:1}.tips-page .tips-container .tips-header .alert-warning div a{color:#92400e;font-weight:600;text-decoration:none;transition:color .3s ease}.tips-page .tips-container .tips-header .alert-warning div a:hover{color:#78350f;text-decoration:underline}.tips-page .tips-container .tips-content{display:flex;flex-direction:column;gap:2rem}.tips-page .tips-container .tips-content .tip-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;border-left:4px solid #4ade80;transition:all .3s ease}.tips-page .tips-container .tips-content .tip-section:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2d6a4f26}.tips-page .tips-container .tips-content .tip-section h2{color:#1a4d2e;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.tips-page .tips-container .tips-content .tip-section p{color:#374151;line-height:1.8;margin:0}.tips-page .tips-container .tips-content .danger-section .danger-alert{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #dc2626;border-radius:16px;padding:2rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 12px #dc262633}.tips-page .tips-container .tips-content .danger-section .danger-alert img{width:40px;height:40px;flex-shrink:0}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content{flex:1}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content h3{color:#991b1b;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul{list-style:none;padding:0;margin:0}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li{padding:.75rem 0 .75rem 1.75rem;position:relative;color:#7f1d1d;line-height:1.6;font-weight:500}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li:before{content:"⚠";position:absolute;left:0;color:#dc2626;font-size:1.1rem}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li strong{color:#991b1b;font-weight:700}.tips-page .tips-container .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.tips-page .tips-container .back-button-container a{text-decoration:none}.tips-page .tips-container .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.tips-page .tips-container .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.tips-page .tips-container .back-button-container button:active{transform:translateY(0)}.tips-page .tips-container .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.tips-page .tips-container .back-button-container{margin:2rem auto 0}.tips-page .tips-container .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.tips-page{padding:4rem .75rem 5rem}.tips-page .tips-container .tips-header{margin-bottom:2rem}.tips-page .tips-container .tips-header .header-icon img{width:60px;height:60px}.tips-page .tips-container .tips-header h1{font-size:1.875rem}.tips-page .tips-container .tips-header .header-subtitle{font-size:1rem}.tips-page .tips-container .tips-header .alert-warning{padding:1rem;font-size:.95rem}.tips-page .tips-container .tips-content{gap:1.5rem}.tips-page .tips-container .tips-content .tip-section{padding:1.5rem}.tips-page .tips-container .tips-content .tip-section h2{font-size:1.25rem}.tips-page .tips-container .tips-content .tip-section ul li{font-size:.95rem}}@media (max-width: 768px){.tips-page{padding:5rem 1rem 2rem}.tips-page .tips-container .tips-header{margin-bottom:2rem}.tips-page .tips-container .tips-header .header-icon img{width:60px;height:60px}.tips-page .tips-container .tips-header h1{font-size:1.75rem}.tips-page .tips-container .tips-header .header-subtitle{font-size:1rem}.tips-page .tips-container .tips-header .alert-warning{padding:1rem}.tips-page .tips-container .tips-header .alert-warning img{width:20px;height:20px}.tips-page .tips-container .tips-content{gap:1.5rem}.tips-page .tips-container .tips-content .tip-section{padding:1.5rem}.tips-page .tips-container .tips-content .tip-section h2{font-size:1.25rem}.tips-page .tips-container .tips-content .danger-section .danger-alert{padding:1.5rem;flex-direction:column;gap:1rem}.tips-page .tips-container .tips-content .danger-section .danger-alert img{width:32px;height:32px}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content h3{font-size:1.25rem}.tips-page .tips-container .tips-content .danger-section .danger-alert .danger-content ul li{font-size:.9rem;padding:.5rem 0 .5rem 1.5rem}}.modern-detail-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4rem 1rem}@media (max-width: 768px){.modern-detail-page{padding:4rem .75rem 3rem}}.modern-detail-page .detail-header{max-width:1200px;margin:0 auto 2rem;text-align:center;position:relative}.modern-detail-page .detail-header .header-image-container{position:relative;display:inline-block;margin-bottom:1.5rem}.modern-detail-page .detail-header .header-image-container .detail-image{width:180px;height:180px;border-radius:50%;object-fit:cover;border:5px solid #2d6a4f;box-shadow:0 8px 20px #2d6a4f4d,0 4px 10px #0000001a;transition:all .3s ease}.modern-detail-page .detail-header .header-image-container .detail-image:hover{transform:scale(1.05);box-shadow:0 12px 28px #2d6a4f66,0 6px 14px #00000026}@media (max-width: 768px){.modern-detail-page .detail-header .header-image-container .detail-image{width:150px;height:150px}}@media (max-width: 480px){.modern-detail-page .detail-header .header-image-container .detail-image{width:130px;height:130px;border-width:4px}}.modern-detail-page .detail-header .detail-title{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#1b4332,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;animation:fadeIn .6s ease}@media (max-width: 768px){.modern-detail-page .detail-header .detail-title{font-size:1.875rem}}@media (max-width: 480px){.modern-detail-page .detail-header .detail-title{font-size:1.5rem}}.modern-detail-page .detail-header .detail-subtitle{font-size:1.125rem;color:#52796f;font-style:italic;margin-bottom:1rem}@media (max-width: 480px){.modern-detail-page .detail-header .detail-subtitle{font-size:1rem}}.modern-detail-page .detail-header .search-highlight-info{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#fff3cd,#ffe69c);border-radius:12px;border-left:4px solid #ffc107;font-size:.9375rem;color:#856404;margin-bottom:1rem;box-shadow:0 2px 8px #00000014}.modern-detail-page .detail-header .search-highlight-info #highlight{background:#ffc107;padding:.125rem .375rem;border-radius:4px;font-weight:700}.modern-detail-page .detail-description{max-width:900px;margin:0 auto 2rem;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014;font-size:1.0625rem;line-height:1.7;color:#2c3e50;text-align:left}@media (max-width: 768px){.modern-detail-page .detail-description{padding:1.5rem;font-size:1rem}}@media (max-width: 480px){.modern-detail-page .detail-description{padding:1.25rem;font-size:.9375rem}}.modern-detail-page .detail-labels{max-width:900px;margin:0 auto 2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014}.modern-detail-page .detail-labels img{width:60px;height:60px;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.modern-detail-page .detail-labels img:hover{transform:scale(1.1) rotate(5deg)}@media (max-width: 768px){.modern-detail-page .detail-labels img{width:50px;height:50px}}@media (max-width: 480px){.modern-detail-page .detail-labels img{width:45px;height:45px}}@media (max-width: 480px){.modern-detail-page .detail-labels{gap:.75rem;padding:1rem}}.modern-detail-page .buy-buttons{max-width:900px;margin:0 auto 2.5rem;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.modern-detail-page .buy-buttons a{text-decoration:none}.modern-detail-page .buy-buttons button{padding:.875rem 2rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d;transition:all .3s ease}.modern-detail-page .buy-buttons button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #2d6a4f66}.modern-detail-page .buy-buttons button:active{transform:translateY(-1px)}@media (max-width: 480px){.modern-detail-page .buy-buttons button{padding:.75rem 1.5rem;font-size:.9375rem}}.modern-detail-page .detail-info-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}@media (min-width: 1024px){.modern-detail-page .detail-info-container{grid-template-columns:repeat(2,1fr)}}.modern-detail-page .info-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.modern-detail-page .info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}@media (max-width: 768px){.modern-detail-page .info-card{padding:1.5rem}}@media (max-width: 480px){.modern-detail-page .info-card{padding:1.25rem}}.modern-detail-page .info-card .info-card-title{font-size:1.375rem;font-weight:700;color:#1b4332;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:3px solid #2d6a4f;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.modern-detail-page .info-card .info-card-title{font-size:1.25rem}}@media (max-width: 480px){.modern-detail-page .info-card .info-card-title{font-size:1.125rem}}.modern-detail-page .info-card .info-card-content{font-size:1rem;line-height:1.7;color:#2c3e50}.modern-detail-page .info-card .info-card-content p{margin:.75rem 0}.modern-detail-page .info-card .info-card-content p:first-child{margin-top:0}.modern-detail-page .info-card .info-card-content p:last-child{margin-bottom:0}.modern-detail-page .info-card .info-card-content span{display:block;margin:.5rem 0;padding-left:.5rem}@media (max-width: 480px){.modern-detail-page .info-card .info-card-content{font-size:.9375rem}}.modern-detail-page .info-card.full-width{grid-column:1/-1}.modern-detail-page .info-card.metadata-card{background:linear-gradient(135deg,#e8f5e9,#f1f8f4);border-left:5px solid #2d6a4f}.modern-detail-page .info-card.warning-card{background:linear-gradient(135deg,#fff3cd,#fffaeb);border-left:5px solid #ffc107}.modern-detail-page .info-card.warning-card .info-card-title{color:#856404;border-bottom-color:#ffc107}.modern-detail-page .info-card.danger-card{background:linear-gradient(135deg,#f8d7da,#fdebed);border-left:5px solid #dc3545}.modern-detail-page .info-card.danger-card .info-card-title{color:#721c24;border-bottom-color:#dc3545}.modern-detail-page .alert-message{max-width:1200px;margin:2rem auto;padding:1.5rem 2rem;border-radius:16px;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 4px 12px #0000001a;font-size:1rem;line-height:1.6}.modern-detail-page .alert-message img{width:32px;height:32px;flex-shrink:0;margin-top:.25rem}@media (max-width: 480px){.modern-detail-page .alert-message img{width:28px;height:28px}}.modern-detail-page .alert-message.danger{background:linear-gradient(135deg,#f8d7da,#fdebed);border-left:5px solid #dc3545;color:#721c24}.modern-detail-page .alert-message.warning{background:linear-gradient(135deg,#fff3cd,#fffaeb);border-left:5px solid #ffc107;color:#856404}.modern-detail-page .alert-message.warning a{color:#856404;font-weight:700;text-decoration:underline}.modern-detail-page .alert-message.warning a:hover{color:#533f03}@media (max-width: 768px){.modern-detail-page .alert-message{padding:1.25rem 1.5rem;font-size:.9375rem}}@media (max-width: 480px){.modern-detail-page .alert-message{padding:1rem;font-size:.875rem;flex-direction:column;gap:.75rem}}.modern-detail-page .sources-section{max-width:1200px;margin:2rem auto;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014;border-left:5px solid #6c757d}.modern-detail-page .sources-section h3{font-size:1.25rem;font-weight:700;color:#495057;margin-bottom:1rem}.modern-detail-page .sources-section p,.modern-detail-page .sources-section span{font-size:.9375rem;line-height:1.7;color:#6c757d}@media (max-width: 768px){.modern-detail-page .sources-section{padding:1.5rem}}@media (max-width: 480px){.modern-detail-page .sources-section{padding:1.25rem}.modern-detail-page .sources-section h3{font-size:1.125rem}.modern-detail-page .sources-section p,.modern-detail-page .sources-section span{font-size:.875rem}}.modern-detail-page .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.modern-detail-page .back-button-container a{text-decoration:none}.modern-detail-page .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.modern-detail-page .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.modern-detail-page .back-button-container button:active{transform:translateY(0)}.modern-detail-page .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.modern-detail-page .back-button-container{margin:2rem auto 0}.modern-detail-page .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#highlight{background:#ffc107;padding:.125rem .375rem;border-radius:4px;font-weight:700;color:#212529}.premium-page{background:transparent;min-height:100vh;padding:6rem 1rem 2rem}.premium-container{max-width:1200px;margin:0 auto}.premium-header{text-align:center;margin-bottom:3rem}.premium-header h1{font-size:2.5rem;color:#1a4d2e;margin-bottom:1rem;font-weight:700}.premium-header .premium-subtitle{font-size:1.1rem;color:#555;max-width:600px;margin:0 auto}.pricing-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.pricing-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.pricing-card h2{font-size:1.8rem;color:#1a4d2e;margin-bottom:1rem;font-weight:600}.pricing-card .price{margin-bottom:1rem}.pricing-card .price .amount{font-size:2.5rem;font-weight:700;color:#1a4d2e}.pricing-card .price .period{font-size:1rem;color:#666;margin-left:.5rem}.pricing-card .description{color:#666;margin-bottom:2rem;font-size:.95rem}.pricing-card .features-list{list-style:none;padding:0;margin-bottom:2rem}.pricing-card .features-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem}.pricing-card .features-list li.available{color:#333}.pricing-card .features-list li.available .icon-check{color:#4ade80;flex-shrink:0;font-size:1.2rem;font-weight:700}.pricing-card .features-list li.unavailable{color:#999;text-decoration:line-through}.pricing-card .features-list li.unavailable .icon-cross{color:#999;flex-shrink:0;font-size:1.2rem;font-weight:700}.pricing-card .features-list li span{flex:1}.pricing-card .btn{width:100%;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-block;text-align:center}.pricing-card .btn.btn-outline{background:transparent;border:2px solid #ddd;color:#666}.pricing-card .btn.btn-outline:disabled{cursor:not-allowed;opacity:.6}.pricing-card .btn.btn-accent{background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff}.pricing-card .btn.btn-accent:hover{transform:scale(1.02);box-shadow:0 4px 12px #1a4d2e4d}.premium-card{border:2px solid #4ade80;position:relative}.premium-card .popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#4ade80,#2d6a4f);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #00000026}.premium-benefits{margin-bottom:4rem}.premium-benefits h2{text-align:center;font-size:2rem;color:#1a4d2e;margin-bottom:2rem;font-weight:600}.premium-benefits .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.premium-benefits .benefit-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.premium-benefits .benefit-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.premium-benefits .benefit-card .benefit-icon{font-size:3rem;margin-bottom:1rem}.premium-benefits .benefit-card h3{font-size:1.2rem;color:#1a4d2e;margin-bottom:.75rem;font-weight:600}.premium-benefits .benefit-card p{color:#666;font-size:.95rem;line-height:1.5}.faq-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.faq-section h2{font-size:1.8rem;color:#1a4d2e;margin-bottom:1.5rem;font-weight:600}.faq-section .faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-section .faq-item h4{color:#1a4d2e;font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.faq-section .faq-item p{color:#666;line-height:1.6;font-size:.95rem}.back-link{display:inline-flex;align-items:center;background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;text-decoration:none;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease}.back-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.back-link:active{transform:translateY(0)}.back-link img{width:20px;height:20px;filter:brightness(0) invert(1);margin-right:.5rem}@media (max-width: 768px){.back-link{padding:.85rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.premium-page{padding:5rem 1rem 1.5rem}.premium-header h1{font-size:2rem}.premium-header .premium-subtitle{font-size:1rem}.pricing-comparison{grid-template-columns:1fr;gap:1.5rem}.premium-benefits .benefits-grid{grid-template-columns:1fr}.faq-section{padding:1.5rem}}.fav-gallery-page{min-height:100vh;background-color:#fff;color:#1a4d2e;display:flex;flex-direction:column;align-items:center;padding:80px 20px 40px}.fav-gallery-page .fav-container{width:100%;max-width:1400px;animation:fadeInUp .6s ease}.fav-gallery-page .fav-header{text-align:center;margin-bottom:40px;animation:fadeInDown .6s ease}.fav-gallery-page .fav-header .header-badge{display:flex;justify-content:center;margin-bottom:20px}.fav-gallery-page .fav-header .header-badge img{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(42,127,249,.3));animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.fav-gallery-page .fav-header .header-badge img{width:60px;height:60px}}.fav-gallery-page .fav-header .header-content h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;color:#1a4d2e;text-shadow:2px 2px 4px rgba(26,77,46,.3)}@media (max-width: 768px){.fav-gallery-page .fav-header .header-content h1{font-size:2rem}}@media (max-width: 480px){.fav-gallery-page .fav-header .header-content h1{font-size:1.7rem}}.fav-gallery-page .fav-header .header-content p{font-size:1.2rem;opacity:.8;color:#1a4d2e;margin-bottom:15px}@media (max-width: 768px){.fav-gallery-page .fav-header .header-content p{font-size:1rem}}@media (max-width: 480px){.fav-gallery-page .fav-header .header-content p{font-size:.9rem}}.fav-gallery-page .fav-header .header-content .total-count{display:inline-block;background:#4ade801a;padding:8px 16px;border-radius:20px;font-size:.9rem;color:#1a4d2e;border:1px solid #4ade80;margin-top:10px}.fav-gallery-page .empty-state{text-align:center;padding:60px 20px;background:#facfb40d;border:2px dashed rgba(250,207,180,.3);border-radius:20px;margin:40px 0;animation:fadeInUp .6s ease .3s backwards}.fav-gallery-page .empty-state .empty-icon{font-size:80px;margin-bottom:20px;opacity:.6}.fav-gallery-page .empty-state h2{font-size:1.8rem;color:#1a4d2e;margin-bottom:15px;font-weight:600}.fav-gallery-page .empty-state p{font-size:1.1rem;color:#1a4d2e;opacity:.8;margin-bottom:30px;line-height:1.6}.fav-gallery-page .empty-state .empty-link{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2a7ff94d}.fav-gallery-page .empty-state .empty-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2a7ff980}.fav-gallery-page .families-list{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.fav-gallery-page .families-list .family-section{background:#4ade8008;border:2px solid #4ade80;border-radius:15px;overflow:hidden;animation:fadeInUp .4s ease;transition:all .3s ease}.fav-gallery-page .families-list .family-section:hover{border-color:#1a4d2e;box-shadow:0 4px 20px #1a4d2e26}.fav-gallery-page .families-list .family-section .family-title{color:#1a4d2e;font-size:1.4rem;font-weight:700;margin:0;padding:20px 25px;background:#4ade801a;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.fav-gallery-page .families-list .family-section .family-title:hover{background:#4ade8033;padding-left:30px}.fav-gallery-page .families-list .family-section .family-title.collapsible .toggle-icon{font-size:1rem;transition:transform .3s ease;display:inline-block;min-width:25px}@media (max-width: 768px){.fav-gallery-page .families-list .family-section .family-title{font-size:1.2rem;padding:15px 20px;gap:12px}}@media (max-width: 480px){.fav-gallery-page .families-list .family-section .family-title{font-size:1rem;padding:12px 15px;gap:10px}}.fav-gallery-page .families-list .family-section .family-content{padding:20px;animation:slideDown .4s ease;background:#eff7f24d}@media (max-width: 768px){.fav-gallery-page .families-list .family-section .family-content{padding:15px}}.fav-gallery-page .families-list .family-section .family-content .cards-only .gallery-header,.fav-gallery-page .families-list .family-section .family-content .cards-only .search-section,.fav-gallery-page .families-list .family-section .family-content .cards-only .meta-info,.fav-gallery-page .families-list .family-section .family-content .cards-only .back-button-container{display:none!important}.fav-gallery-page .families-list .family-section .family-content .cards-only .modern-gallery-page{padding:0;background:transparent}.fav-gallery-page .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center;animation:fadeInUp .6s ease .5s backwards}.fav-gallery-page .back-button-container a{text-decoration:none}.fav-gallery-page .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.fav-gallery-page .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.fav-gallery-page .back-button-container button:active{transform:translateY(0)}.fav-gallery-page .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.fav-gallery-page .back-button-container{margin:2rem auto 0}.fav-gallery-page .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}.aroma-gallery-page{min-height:100vh;background-color:#fff;color:#1a4d2e;display:flex;flex-direction:column;align-items:center;padding:80px 20px 40px}.aroma-gallery-page .aroma-container{width:100%;max-width:1400px;animation:fadeInUp .6s ease}.aroma-gallery-page .aroma-header{text-align:center;margin-bottom:40px;animation:fadeInDown .6s ease}.aroma-gallery-page .aroma-header .header-badge{display:flex;justify-content:center;margin-bottom:20px}.aroma-gallery-page .aroma-header .header-badge img{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(42,127,249,.3));animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.aroma-gallery-page .aroma-header .header-badge img{width:60px;height:60px}}.aroma-gallery-page .aroma-header .header-content h1{font-size:2.5rem;margin-bottom:10px;font-weight:700;color:#1a4d2e;text-shadow:2px 2px 4px rgba(26,77,46,.3)}@media (max-width: 768px){.aroma-gallery-page .aroma-header .header-content h1{font-size:2rem}}@media (max-width: 480px){.aroma-gallery-page .aroma-header .header-content h1{font-size:1.7rem}}.aroma-gallery-page .aroma-header .header-content p{font-size:1.2rem;opacity:.8;color:#1a4d2e;margin-bottom:15px}@media (max-width: 768px){.aroma-gallery-page .aroma-header .header-content p{font-size:1rem}}@media (max-width: 480px){.aroma-gallery-page .aroma-header .header-content p{font-size:.9rem}}.aroma-gallery-page .aroma-header .header-content .total-count{display:inline-block;background:#4ade801a;padding:8px 16px;border-radius:20px;font-size:.9rem;color:#1a4d2e;border:1px solid #4ade80;margin-top:10px}.aroma-gallery-page .empty-state{text-align:center;padding:60px 20px;background:#facfb40d;border:2px dashed rgba(250,207,180,.3);border-radius:20px;margin:40px 0;animation:fadeInUp .6s ease .3s backwards}.aroma-gallery-page .empty-state .empty-icon{font-size:80px;margin-bottom:20px;opacity:.6}.aroma-gallery-page .empty-state h2{font-size:1.8rem;color:#1a4d2e;margin-bottom:15px;font-weight:600}.aroma-gallery-page .empty-state p{font-size:1.1rem;color:#1a4d2e;opacity:.8;margin-bottom:30px;line-height:1.6}.aroma-gallery-page .empty-state .empty-link{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2a7ff94d}.aroma-gallery-page .empty-state .empty-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2a7ff980}.aroma-gallery-page .families-list{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.aroma-gallery-page .families-list .family-section{background:#4ade8008;border:2px solid #4ade80;border-radius:15px;overflow:hidden;animation:fadeInUp .4s ease;transition:all .3s ease}.aroma-gallery-page .families-list .family-section:hover{border-color:#1a4d2e;box-shadow:0 4px 20px #1a4d2e26}.aroma-gallery-page .families-list .family-section .family-title{color:#1a4d2e;font-size:1.4rem;font-weight:700;margin:0;padding:20px 25px;background:#4ade801a;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.aroma-gallery-page .families-list .family-section .family-title:hover{background:#4ade8033;padding-left:30px}.aroma-gallery-page .families-list .family-section .family-title.collapsible .toggle-icon{font-size:1rem;transition:transform .3s ease;display:inline-block;min-width:25px}@media (max-width: 768px){.aroma-gallery-page .families-list .family-section .family-title{font-size:1.2rem;padding:15px 20px;gap:12px}}@media (max-width: 480px){.aroma-gallery-page .families-list .family-section .family-title{font-size:1rem;padding:12px 15px;gap:10px}}.aroma-gallery-page .families-list .family-section .family-content{padding:20px;animation:slideDown .4s ease;background:#eff7f24d}@media (max-width: 768px){.aroma-gallery-page .families-list .family-section .family-content{padding:15px}}.aroma-gallery-page .families-list .family-section .family-content .cards-only .gallery-header,.aroma-gallery-page .families-list .family-section .family-content .cards-only .search-section,.aroma-gallery-page .families-list .family-section .family-content .cards-only .meta-info,.aroma-gallery-page .families-list .family-section .family-content .cards-only .back-button-container{display:none!important}.aroma-gallery-page .families-list .family-section .family-content .cards-only .modern-gallery-page{padding:0;background:transparent}.aroma-gallery-page .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center;animation:fadeInUp .6s ease .5s backwards}.aroma-gallery-page .back-button-container a{text-decoration:none}.aroma-gallery-page .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.aroma-gallery-page .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.aroma-gallery-page .back-button-container button:active{transform:translateY(0)}.aroma-gallery-page .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.aroma-gallery-page .back-button-container{margin:2rem auto 0}.aroma-gallery-page .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:5000px;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.blog-page{min-height:100vh;background:transparent;padding:6rem 1rem 2rem}.blog-page .blog-header{max-width:1200px;margin:0 auto 3rem;text-align:center}.blog-page .blog-header .header-content h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.blog-page .blog-header .header-content .subtitle{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.blog-page .blog-container{max-width:1200px;margin:0 auto}.blog-page .blog-container .loading-state{text-align:center;padding:4rem 2rem}.blog-page .blog-container .loading-state .spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#4ade80;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.blog-page .blog-container .loading-state p{color:#6b7280;font-size:1rem}.blog-page .blog-container .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.blog-page .blog-container .empty-state .empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.blog-page .blog-container .empty-state p{color:#6b7280;font-size:1.125rem}.blog-page .blog-container .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.blog-page .blog-container .article-card-link{text-decoration:none;color:inherit}.blog-page .blog-container .article-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative;height:100%;display:flex;flex-direction:column}.blog-page .blog-container .article-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #2d6a4f26}.blog-page .blog-container .article-card:hover .article-image img{transform:scale(1.05)}.blog-page .blog-container .article-card:hover .read-more{background:#229954}.blog-page .blog-container .article-card .premium-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:.5rem;border-radius:12px;box-shadow:0 4px 12px #fbbf2466;z-index:10}.blog-page .blog-container .article-card .premium-badge img{width:24px;height:24px;display:block}.blog-page .blog-container .article-card .article-image{width:100%;height:220px;overflow:hidden;background:#f3f4f6}.blog-page .blog-container .article-card .article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-page .blog-container .article-card .article-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.blog-page .blog-container .article-card .article-content .article-category{color:#4ade80;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-page .blog-container .article-card .article-content .article-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-page .blog-container .article-card .article-content .article-description{font-size:.9375rem;color:#6b7280;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-page .blog-container .article-card .article-content .article-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:#9ca3af;padding-top:.5rem;border-top:1px solid #e5e7eb}.blog-page .blog-container .article-card .article-content .article-meta span{display:flex;align-items:center;gap:.25rem}.blog-page .blog-container .article-card .article-content .read-more{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-align:center;transition:all .3s ease;margin-top:auto}.blog-page .blog-container .back-link{text-align:center;margin-top:2rem}.blog-page .blog-container .back-link .back-button{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#1a4d2e;padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.blog-page .blog-container .back-link .back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff}@media (max-width: 768px){.blog-page{padding:5rem 1rem 2rem}.blog-page .blog-header .header-content h1{font-size:1.75rem}.blog-page .blog-header .header-content .subtitle{font-size:1rem}.blog-page .blog-container .articles-grid{grid-template-columns:1fr;gap:1.5rem}.blog-page .blog-container .article-card .article-image{height:200px}}@media (max-width: 480px){.blog-page .blog-header .header-content h1{font-size:1.5rem}.blog-page .blog-container .article-card .article-content{padding:1rem}.blog-page .blog-container .article-card .article-content .article-title{font-size:1.125rem}}.article-detail-page{min-height:100vh;background:#f9fafb;padding-top:48px}.article-detail-page .article-hero{position:relative;height:400px;overflow:hidden;background:#1a4d2e}.article-detail-page .article-hero .hero-image{position:absolute;width:100%;height:100%}.article-detail-page .article-hero .hero-image img{width:100%;height:100%;object-fit:cover;opacity:.4}.article-detail-page .article-hero .hero-image .hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#1a4d2eb3,#1a4d2ee6)}.article-detail-page .article-hero .hero-content{position:relative;max-width:900px;margin:0 auto;padding:0 2rem 3rem;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.article-detail-page .article-hero .hero-content .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem}.article-detail-page .article-hero .hero-content .breadcrumb a{color:#4ade80;text-decoration:none;font-weight:600;transition:color .3s ease}.article-detail-page .article-hero .hero-content .breadcrumb a:hover{color:#86efac}.article-detail-page .article-hero .hero-content .breadcrumb .separator{color:#ffffff80}.article-detail-page .article-hero .hero-content .breadcrumb .category{color:#fffc}.article-detail-page .article-hero .hero-content h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3)}.article-detail-page .article-container{max-width:900px;margin:-2rem auto 0;padding:0 2rem 3rem;position:relative}.article-detail-page .article-container .article-meta-bar{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000014;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.article-detail-page .article-container .article-meta-bar .meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.article-detail-page .article-container .article-meta-bar .meta-item .meta-icon{font-size:1.25rem}.article-detail-page .article-container .article-meta-bar .meta-item .meta-text{color:#6b7280}.article-detail-page .article-container .article-meta-bar .meta-item .meta-text strong{color:#1f2937;font-weight:600}.article-detail-page .article-container .article-content{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.article-detail-page .article-container .article-content .article-intro{font-size:1.125rem;color:#4b5563;line-height:1.8;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #e5e7eb;font-weight:500}.article-detail-page .article-container .article-content .article-intro p{margin:0}.article-detail-page .article-container .article-content .article-body{font-size:1rem;color:#374151;line-height:1.8}.article-detail-page .article-container .article-content .article-body h1,.article-detail-page .article-container .article-content .article-body h2,.article-detail-page .article-container .article-content .article-body h3,.article-detail-page .article-container .article-content .article-body h4,.article-detail-page .article-container .article-content .article-body h5,.article-detail-page .article-container .article-content .article-body h6{color:#1a4d2e;font-weight:700;margin-top:2rem;margin-bottom:1rem;line-height:1.3}.article-detail-page .article-container .article-content .article-body h1{font-size:2rem}.article-detail-page .article-container .article-content .article-body h2{font-size:1.75rem}.article-detail-page .article-container .article-content .article-body h3{font-size:1.5rem}.article-detail-page .article-container .article-content .article-body h4{font-size:1.25rem}.article-detail-page .article-container .article-content .article-body p{margin-bottom:1.5rem;line-height:1.8}.article-detail-page .article-container .article-content .article-body strong{color:#1a4d2e;font-weight:600}.article-detail-page .article-container .article-content .article-body em{font-style:italic;color:#4b5563}.article-detail-page .article-container .article-content .article-body ul,.article-detail-page .article-container .article-content .article-body ol{margin:1.5rem 0;padding-left:2rem}.article-detail-page .article-container .article-content .article-body ul li,.article-detail-page .article-container .article-content .article-body ol li{margin-bottom:.75rem;line-height:1.6}.article-detail-page .article-container .article-content .article-body blockquote{border-left:4px solid #4ade80;padding:1rem 1.5rem;margin:1.5rem 0;background:#f0fdf4;border-radius:8px;font-style:italic;color:#1f2937}.article-detail-page .article-container .article-content .article-body code{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.875rem;color:#dc2626}.article-detail-page .article-container .article-content .article-body pre{background:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.article-detail-page .article-container .article-content .article-body pre code{background:transparent;color:inherit;padding:0}.article-detail-page .article-container .article-content .article-body a{color:#4ade80;text-decoration:none;font-weight:500;transition:color .3s ease}.article-detail-page .article-container .article-content .article-body a:hover{color:#22c55e;text-decoration:underline}.article-detail-page .article-container .article-content .article-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 12px #0000001a}.article-detail-page .article-container .article-content .article-source{margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.article-detail-page .article-container .article-content .article-source .source-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#1f2937;font-size:1rem}.article-detail-page .article-container .article-content .article-source .source-header .source-icon{font-size:1.25rem}.article-detail-page .article-container .article-content .article-source .source-header strong{font-weight:600}.article-detail-page .article-container .article-content .article-source .source-link{display:inline-block;color:#4ade80;text-decoration:none;word-break:break-all;padding:.75rem 1rem;background:#f0fdf4;border-radius:8px;transition:all .3s ease}.article-detail-page .article-container .article-content .article-source .source-link:hover{background:#dcfce7;color:#22c55e}.article-detail-page .article-container .article-disclaimer{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;margin-bottom:2rem;box-shadow:0 4px 12px #f59e0b33}.article-detail-page .article-container .article-disclaimer .disclaimer-icon{width:32px;height:32px;flex-shrink:0}.article-detail-page .article-container .article-disclaimer p{margin:0;color:#78350f;font-size:.9375rem;line-height:1.6;font-weight:500}.article-detail-page .article-container .article-footer{text-align:center}.article-detail-page .article-container .article-footer .back-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #1a4d2e4d;transition:all .3s ease}.article-detail-page .article-container .article-footer .back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a4d2e66}.article-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f9fafb}.article-loading .loading-content{text-align:center}.article-loading .loading-content .spinner{width:60px;height:60px;border:4px solid #e5e7eb;border-top-color:#2d6a4f;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.article-loading .loading-content p{font-size:1.125rem;color:#6b7280}.article-not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f9fafb}.article-not-found .not-found-content{text-align:center;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 8px 24px #00000014;max-width:500px}.article-not-found .not-found-content .not-found-icon{font-size:5rem;display:block;margin-bottom:1.5rem}.article-not-found .not-found-content h2{font-size:2rem;color:#1f2937;margin-bottom:1rem}.article-not-found .not-found-content p{color:#6b7280;font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.article-not-found .not-found-content .back-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #1a4d2e4d;transition:all .3s ease}.article-not-found .not-found-content .back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a4d2e66}@media (max-width: 768px){.article-detail-page .article-hero{height:300px}.article-detail-page .article-hero .hero-content{padding-bottom:2rem}.article-detail-page .article-hero .hero-content h1{font-size:1.75rem}.article-detail-page .article-container{padding:0 1rem 2rem}.article-detail-page .article-container .article-meta-bar{flex-direction:column;gap:1rem;padding:1rem}.article-detail-page .article-container .article-content{padding:2rem 1.5rem}.article-detail-page .article-container .article-content .article-intro{font-size:1rem}.article-detail-page .article-container .article-content .article-body h1{font-size:1.5rem}.article-detail-page .article-container .article-content .article-body h2{font-size:1.375rem}.article-detail-page .article-container .article-content .article-body h3{font-size:1.25rem}.article-detail-page .article-container .article-disclaimer{flex-direction:column;text-align:center;align-items:center}.article-not-found .not-found-content{padding:2rem}.article-not-found .not-found-content h2{font-size:1.5rem}.article-not-found .not-found-content p{font-size:1rem}}@media (max-width: 480px){.article-detail-page .article-hero{height:250px}.article-detail-page .article-hero .hero-content h1{font-size:1.5rem}.article-detail-page .article-container .article-content{padding:1.5rem 1rem}}.legalPage{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:6rem 1rem 2rem}@media (max-width: 768px){.legalPage{padding:4rem .75rem 5rem}}.legalHeader{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 10px 30px #2d6a4f4d,0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center;margin-bottom:2rem;animation:fadeIn .5s ease-out}.legalHeader .circleBan{width:100px;height:100px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;box-shadow:0 4px 12px #00000026}.legalHeader .circleBan img{width:100%;height:100%;object-fit:contain;filter:brightness(1.1)}@media (max-width: 768px){.legalHeader{padding:2rem 1.5rem;border-radius:16px}.legalHeader .circleBan{width:80px;height:80px}}.legalTitle{font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff}@media (max-width: 768px){.legalTitle{font-size:1.75rem}}.legalSubtitle{font-size:1.1rem;margin:0;opacity:.95;color:#ffffffe6;font-weight:400}@media (max-width: 768px){.legalSubtitle{font-size:1rem}}.legalContent{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 16px #2d6a4f1a,0 2px 8px #0000000d}.legalContent h3{color:#1b4332;font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:3px solid #4ade80;display:inline-block}.legalContent h3.topMargin{margin-top:2.5rem}.legalContent p{color:#495057;font-size:1rem;line-height:1.8;margin-bottom:1.5rem;text-align:justify}.legalContent .metaInfo{color:#2d6a4f;font-weight:600}.legalContent .metaInfo a{color:#2d6a4f;text-decoration:underline;transition:all .3s ease}.legalContent .metaInfo a:hover{color:#1b4332;text-decoration:none}.legalContent a{color:#2d6a4f;text-decoration:none;font-weight:500;transition:all .3s ease}.legalContent a:hover{color:#1b4332;text-decoration:underline}@media (max-width: 768px){.legalContent{padding:1.5rem;border-radius:16px}.legalContent h3{font-size:1.25rem}.legalContent p{font-size:.95rem;line-height:1.7}}.legalFooter{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.legalFooter a{text-decoration:none}.legalFooter button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.legalFooter button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.legalFooter button:active{transform:translateY(0)}.legalFooter button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.legalFooter{margin:2rem auto 0}.legalFooter button{padding:.85rem 1.5rem;font-size:.95rem}}.game-rules-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.game-rules-modal{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}@media (max-width: 768px){.game-rules-modal{max-width:100%;max-height:95vh;border-radius:16px}}.game-rules-modal .close-button{position:absolute;top:1rem;right:1rem;background:#0000001a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:#666;transition:all .3s ease;z-index:1}.game-rules-modal .close-button:hover{background:#0003;transform:scale(1.1)}.game-rules-modal .modal-title{font-size:2rem;font-weight:800;color:#1b4332;text-align:center;margin:2rem 2rem .5rem;padding-top:.5rem}@media (max-width: 768px){.game-rules-modal .modal-title{font-size:1.5rem;margin:1.5rem 1.5rem .5rem}}.game-rules-modal .modal-subtitle{text-align:center;color:#52796f;font-size:1rem;margin:0 2rem 2rem}@media (max-width: 768px){.game-rules-modal .modal-subtitle{margin:0 1.5rem 1.5rem}}.game-rules-modal .rules-content{padding:0 2rem 2rem}@media (max-width: 768px){.game-rules-modal .rules-content{padding:0 1.5rem 1.5rem}}.game-rules-modal .rules-section{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #2d6a4f}.game-rules-modal .rules-section.info{border-left-color:#ffc107;background:linear-gradient(135deg,#fff9e6,#ffe69c)}.game-rules-modal .rules-section.highlight{border-left-color:#27ae60;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.game-rules-modal .rules-section h3{font-size:1.25rem;font-weight:700;color:#1b4332;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.game-rules-modal .rules-section ul{list-style:none;padding:0;margin:0}.game-rules-modal .rules-section ul li{padding:.5rem 0;color:#495057}.game-rules-modal .rules-section ul li:before{content:"•";color:#2d6a4f;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.game-rules-modal .rules-list{display:flex;flex-direction:column;gap:1rem}.game-rules-modal .rule-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.game-rules-modal .rule-item .rule-icon{font-size:1.75rem;flex-shrink:0}.game-rules-modal .rule-item .rule-text{flex:1}.game-rules-modal .rule-item .rule-text strong{display:block;color:#1b4332;font-size:1rem;margin-bottom:.25rem}.game-rules-modal .rule-item .rule-text p{margin:0;color:#6c757d;font-size:.9rem}.game-rules-modal .badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}@media (max-width: 768px){.game-rules-modal .badges-grid{grid-template-columns:1fr}}.game-rules-modal .badge-item{background:#fff;padding:1rem;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000000d}.game-rules-modal .badge-item .badge-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.game-rules-modal .badge-item strong{display:block;color:#1b4332;font-size:.9rem;margin-bottom:.25rem}.game-rules-modal .badge-item p{margin:0;color:#6c757d;font-size:.8rem}.game-rules-modal .close-modal-button{width:calc(100% - 4rem);margin:0 2rem 2rem;padding:1rem 2rem;background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.game-rules-modal .close-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66}@media (max-width: 768px){.game-rules-modal .close-modal-button{width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;font-size:1rem}}.points-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9998;text-align:center;animation:popIn .5s ease,float 2s ease-in-out .5s;pointer-events:none}.points-animation .points-value{font-size:3rem;font-weight:800;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(255,215,0,.5);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));margin-bottom:.5rem}@media (max-width: 768px){.points-animation .points-value{font-size:2.5rem}}.points-animation .points-message{background:#2d6a4ff2;color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:600;box-shadow:0 4px 12px #2d6a4f66}@media (max-width: 768px){.points-animation .points-message{font-size:.9rem;padding:.6rem 1.2rem}}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}}.badge-unlocked-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.badge-unlocked{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-radius:20px;padding:3rem 2rem;text-align:center;max-width:400px;width:90%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:zoomIn .5s ease}@media (max-width: 768px){.badge-unlocked{padding:2rem 1.5rem}}.badge-unlocked .badge-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(74,222,128,.3) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite}.badge-unlocked .badge-icon-large{font-size:6rem;margin-bottom:1rem;position:relative;z-index:1;animation:bounce .6s ease .5s}@media (max-width: 768px){.badge-unlocked .badge-icon-large{font-size:5rem}}.badge-unlocked .badge-title{font-size:1.75rem;font-weight:800;color:#4ade80;margin-bottom:.5rem;position:relative;z-index:1}@media (max-width: 768px){.badge-unlocked .badge-title{font-size:1.5rem}}.badge-unlocked .badge-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem;position:relative;z-index:1}@media (max-width: 768px){.badge-unlocked .badge-name{font-size:1.25rem}}.badge-unlocked .badge-description{font-size:1rem;color:#fffc;margin:0 0 1rem;position:relative;z-index:1}@media (max-width: 768px){.badge-unlocked .badge-description{font-size:.9rem}}.badge-unlocked .badge-bonus{display:inline-block;background:linear-gradient(135deg,gold,#ffed4e);color:#1b4332;padding:.75rem 1.5rem;border-radius:50px;font-size:1.1rem;font-weight:700;position:relative;z-index:1;box-shadow:0 4px 12px #ffd70066}@media (max-width: 768px){.badge-unlocked .badge-bonus{font-size:1rem;padding:.6rem 1.2rem}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.plant-suggestion-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:3000;padding:20px;animation:fadeIn .2s ease-out}.plant-suggestion-modal{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px;padding:30px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #0000004d;animation:slideUp .3s ease-out;position:relative}.plant-suggestion-modal .close-button{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.plant-suggestion-modal .close-button:hover{background:#c0392b;transform:rotate(90deg)}.plant-suggestion-modal h2{font-size:28px;color:#2c3e50;margin:0 0 10px;padding-right:40px}.plant-suggestion-modal .modal-intro{color:#7f8c8d;line-height:1.6;margin-bottom:20px;font-size:15px}.plant-suggestion-modal .important-notice{display:flex;gap:12px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:5px solid #f39c12;padding:16px;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 8px #f39c1226}@media (max-width: 768px){.plant-suggestion-modal .important-notice{flex-direction:column;gap:8px;padding:12px}}.plant-suggestion-modal .important-notice .notice-icon{font-size:28px;line-height:1;flex-shrink:0}@media (max-width: 768px){.plant-suggestion-modal .important-notice .notice-icon{font-size:24px}}.plant-suggestion-modal .important-notice .notice-content{color:#856404;line-height:1.6;font-size:14px}@media (max-width: 768px){.plant-suggestion-modal .important-notice .notice-content{font-size:13px}}.plant-suggestion-modal .important-notice .notice-content strong{color:#6d5200;font-weight:700}.suggestion-form .form-group{margin-bottom:20px}.suggestion-form .form-group label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:15px}.suggestion-form .form-group label .required{color:#e74c3c;margin-left:3px}.suggestion-form .form-group input[type=text],.suggestion-form .form-group textarea{width:100%;padding:12px 15px;border:2px solid #ecf0f1;border-radius:10px;font-size:15px;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.suggestion-form .form-group input[type=text]:focus,.suggestion-form .form-group textarea:focus{outline:none;border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.suggestion-form .form-group input[type=text]::placeholder,.suggestion-form .form-group textarea::placeholder{color:#bdc3c7}.suggestion-form .form-group textarea{resize:vertical;min-height:80px}.suggestion-form .form-group .field-hint{font-size:13px;color:#95a5a6;margin:6px 0 0;font-style:italic}.suggestion-form .category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.suggestion-form .category-card{border:2px solid #ecf0f1;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;text-align:center}.suggestion-form .category-card:hover{border-color:#27ae60;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.suggestion-form .category-card.selected{border-color:#27ae60;background:linear-gradient(135deg,#27ae601a,#27ae600d);box-shadow:0 0 0 3px #27ae601a}.suggestion-form .category-card .category-label{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:5px}.suggestion-form .category-card .category-description{font-size:13px;color:#7f8c8d}.suggestion-form .readonly-textarea{background-color:#f8f9fa;cursor:not-allowed;color:#495057}.suggestion-form .loading-resources{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:10px;padding:15px;text-align:center;color:#1976d2;font-weight:600;margin-bottom:15px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.suggestion-form .load-links-button{width:100%;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.suggestion-form .load-links-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #3498db4d}.suggestion-form .load-links-button:disabled{opacity:.6;cursor:not-allowed}.suggestion-form .external-links{background:#f8f9fa;border-radius:12px;padding:15px;border:1px solid #e9ecef}.suggestion-form .external-links h4{font-size:16px;color:#2c3e50;margin:0 0 12px}.suggestion-form .external-links .links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:10px}.suggestion-form .external-links .external-link{display:block;background:#fff;color:#3498db;text-decoration:none;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;text-align:center;border:2px solid #3498db;transition:all .3s ease}.suggestion-form .external-links .external-link:hover{background:#3498db;color:#fff;transform:translateY(-2px)}.suggestion-form .external-links .links-hint{font-size:12px;color:#7f8c8d;margin:0;font-style:italic}.suggestion-form .external-links .add-resource{margin-top:20px;padding-top:15px;border-top:1px solid #dee2e6}.suggestion-form .external-links .add-resource h4{font-size:14px;color:#27ae60;margin-bottom:10px}.suggestion-form .external-links .add-resource .add-resource-input{display:flex;gap:8px;margin-bottom:10px}.suggestion-form .external-links .add-resource .add-resource-input input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:8px;font-size:13px}.suggestion-form .external-links .add-resource .add-resource-input input:focus{outline:none;border-color:#27ae60}.suggestion-form .external-links .add-resource .add-resource-input button{background:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.suggestion-form .external-links .add-resource .add-resource-input button:hover:not(:disabled){background:#229954}.suggestion-form .external-links .add-resource .add-resource-input button:disabled{opacity:.5;cursor:not-allowed}.suggestion-form .external-links .add-resource .additional-resources-list{display:flex;flex-direction:column;gap:6px}.suggestion-form .external-links .add-resource .additional-resources-list .resource-item{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #dee2e6;font-size:13px}.suggestion-form .external-links .add-resource .additional-resources-list .resource-item span{flex:1;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-form .external-links .add-resource .additional-resources-list .resource-item .remove-btn{background:#e74c3c;color:#fff;border:none;width:24px;height:24px;border-radius:50%;font-size:12px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.suggestion-form .external-links .add-resource .additional-resources-list .resource-item .remove-btn:hover{background:#c0392b}.suggestion-form .points-info{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.suggestion-form .points-info .info-box{flex:1;min-width:150px;background:linear-gradient(135deg,#ecf0f1,#f8f9fa);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;border:2px solid #e9ecef}.suggestion-form .points-info .info-box.bonus{background:linear-gradient(135deg,#fff3cd,#fff8e1);border-color:#f39c12}.suggestion-form .points-info .info-box .info-icon{font-size:24px}.suggestion-form .points-info .info-box .info-text{flex:1}.suggestion-form .points-info .info-box .info-text strong{display:block;color:#2c3e50;font-size:14px;margin-bottom:2px}.suggestion-form .form-actions{display:flex;gap:12px;margin-top:25px;padding-top:20px;border-top:2px solid #ecf0f1}.suggestion-form .form-actions button{flex:1;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.suggestion-form .form-actions button.cancel-button{background:#ecf0f1;color:#7f8c8d}.suggestion-form .form-actions button.cancel-button:hover:not(:disabled){background:#bdc3c7}.suggestion-form .form-actions button.submit-button{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.suggestion-form .form-actions button.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.suggestion-form .form-actions button.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.plant-suggestion-modal{padding:20px;max-width:95%}.plant-suggestion-modal h2{font-size:22px}.plant-suggestion-modal .suggestion-form .category-grid{grid-template-columns:1fr}.plant-suggestion-modal .suggestion-form .points-info,.plant-suggestion-modal .suggestion-form .form-actions{flex-direction:column}.plant-suggestion-modal .suggestion-form .external-links .links-grid{grid-template-columns:1fr}}.plantIdentifierPage{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:6rem 1rem 2rem}@media (max-width: 768px){.plantIdentifierPage{padding:4rem .75rem 5rem}}.plantIdentifierHeader{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 10px 30px #2d6a4f4d,0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center;margin-bottom:2rem;position:relative;animation:fadeIn .5s ease-out}.plantIdentifierHeader .circleBan{width:100px;height:100px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;box-shadow:0 4px 12px #00000026}.plantIdentifierHeader .circleBan img{width:100%;height:100%;object-fit:contain;filter:brightness(1.1)}@media (max-width: 768px){.plantIdentifierHeader{padding:2rem 1.5rem;border-radius:16px}.plantIdentifierHeader .circleBan{width:80px;height:80px}}.plantIdentifierTitle{font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff}@media (max-width: 768px){.plantIdentifierTitle{font-size:1.75rem}}.plantIdentifierSubtitle{font-size:1.1rem;margin:0;opacity:.95;color:#ffffffe6;font-weight:400}@media (max-width: 768px){.plantIdentifierSubtitle{font-size:1rem}}.headerActions{display:flex;flex-direction:column;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.headerActions .pointsRow{display:flex;justify-content:center;width:100%}.headerActions .buttonsRow{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.headerActions,.headerActions .buttonsRow{gap:.75rem}}.pointsBadge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000001a}.pointsBadge .pointsIcon{font-size:1.5rem}.pointsBadge .pointsValue{font-weight:600;font-size:1.1rem;color:#fff}.pointsBadge .highestBadge{font-size:1.5rem;margin-left:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.pointsBadge{padding:.6rem 1.2rem}.pointsBadge .pointsIcon{font-size:1.25rem}.pointsBadge .pointsValue{font-size:1rem}.pointsBadge .highestBadge{font-size:1.25rem;margin-left:.3rem}}.gameRulesButton{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:50px;padding:.75rem 1.5rem;display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:600;box-shadow:0 2px 8px #0000001a}.gameRulesButton:hover{background:#ffffff59;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.gameRulesButton:active{transform:translateY(0)}.gameRulesButton .rulesIcon{font-size:1.25rem}.gameRulesButton .rulesText{font-size:1rem}@media (max-width: 768px){.gameRulesButton{padding:.6rem 1.2rem}.gameRulesButton .rulesIcon{font-size:1.1rem}.gameRulesButton .rulesText{font-size:.9rem}}.plantIdentifierContent{max-width:900px;margin:0 auto}.loadingCamera{background:#fff;border-radius:20px;padding:3rem 2rem;box-shadow:0 4px 16px #2d6a4f1a,0 2px 8px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.loadingCamera .spinner{width:50px;height:50px;border:4px solid rgba(45,106,79,.2);border-top-color:#2d6a4f;border-radius:50%;animation:spin .8s linear infinite}.loadingCamera p{font-size:1.1rem;color:#2d6a4f;font-weight:600;margin:0}@media (max-width: 768px){.loadingCamera{padding:2rem 1.5rem}}.cameraFullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.cameraFullscreen .cameraHeader{position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);padding:1rem;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.cameraFullscreen .cameraHeader{padding:env(safe-area-inset-top,1rem) 1rem 1rem}}.cameraFullscreen .cameraHeader .closeButton{position:absolute;left:1rem;top:1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid white;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.cameraFullscreen .cameraHeader .closeButton:hover{background:#ffffff4d;transform:scale(1.1)}.cameraFullscreen .cameraHeader .closeButton:active{transform:scale(.95)}.cameraFullscreen .cameraHeader .closeButton .closeIcon{font-size:1.5rem;font-weight:700}@media (max-width: 768px){.cameraFullscreen .cameraHeader .closeButton{top:calc(env(safe-area-inset-top,1rem) + .5rem);width:40px;height:40px}.cameraFullscreen .cameraHeader .closeButton .closeIcon{font-size:1.3rem}}.cameraFullscreen .cameraHeader .cameraTitle{color:#fff;font-size:1.25rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.cameraFullscreen .cameraHeader .cameraTitle{font-size:1.1rem}}.cameraFullscreen .cameraPreview{width:100%;height:100%;object-fit:cover;display:block}.cameraFullscreen .cameraControls{position:absolute;bottom:0;left:0;right:0;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (max-width: 768px){.cameraFullscreen .cameraControls{padding:2rem 1rem calc(env(safe-area-inset-bottom,1rem) + 1rem)}}.cameraFullscreen .cameraControls .captureButton{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .3s ease}.cameraFullscreen .cameraControls .captureButton:hover{transform:scale(1.05)}.cameraFullscreen .cameraControls .captureButton:active{transform:scale(.95)}.cameraFullscreen .cameraControls .captureButton .captureRing{width:80px;height:80px;border:4px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ffffff4d}.cameraFullscreen .cameraControls .captureButton .captureRing .captureInner{width:65px;height:65px;background:#fff;border-radius:50%;transition:all .2s ease}.cameraFullscreen .cameraControls .captureButton:active .captureRing .captureInner{transform:scale(.9)}.cameraFullscreen .cameraControls .captureButton .captureText{color:#fff;font-size:1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.cameraFullscreen .cameraControls .captureButton .captureRing{width:70px;height:70px;border-width:3px}.cameraFullscreen .cameraControls .captureButton .captureRing .captureInner{width:55px;height:55px}.cameraFullscreen .cameraControls .captureButton .captureText{font-size:.95rem}}.controlsSection{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 16px #2d6a4f1a,0 2px 8px #0000000d;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.controlsSection{padding:1.5rem}}.uploadCard .uploadButton{display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#4ade80,#2d6a4f);border:none;border-radius:12px;padding:1.25rem 2rem;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 12px #4ade804d,0 2px 6px #0000001a;transition:all .3s ease}.uploadCard .uploadButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066,0 4px 10px #00000026}.uploadCard .uploadButton:active{transform:translateY(0)}.uploadCard .uploadButton .uploadIcon{font-size:1.5rem}.cameraSelector{display:flex;flex-direction:column;gap:.75rem}.cameraSelector .selectorLabel{font-weight:600;color:#1b4332;font-size:1rem}.cameraSelector .cameraSelect{padding:.85rem 1rem;border:2px solid #2d6a4f;border-radius:10px;font-size:1rem;color:#1b4332;background:#fff;cursor:pointer;transition:all .3s ease}.cameraSelector .cameraSelect:hover{border-color:#1b4332}.cameraSelector .cameraSelect:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade8033}.cameraButton{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1.25rem 2rem;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease}.cameraButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.cameraButton:active:not(:disabled){transform:translateY(0)}.cameraButton:disabled{opacity:.7;cursor:not-allowed}.cameraButton .cameraIcon{font-size:1.5rem}.cameraButton .spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.previewSection{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 16px #2d6a4f1a,0 2px 8px #0000000d;margin-bottom:2rem}@media (max-width: 768px){.previewSection{padding:1.5rem}}.previewCard{border-radius:16px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000001a}.previewCard .previewImage{width:100%;height:auto;display:block}.actionButtons{display:flex;flex-direction:column;gap:1rem}@media (min-width: 769px){.actionButtons{flex-direction:row}}@media (max-width: 768px){.actionButtons{gap:.75rem}}.identifyButton{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#4ade80,#2d6a4f);border:none;border-radius:12px;padding:1.25rem 2rem;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 12px #4ade804d,0 2px 6px #0000001a;transition:all .3s ease}.identifyButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066,0 4px 10px #00000026}.identifyButton:active:not(:disabled){transform:translateY(0)}.identifyButton:disabled{opacity:.7;cursor:not-allowed}.identifyButton .plantnetLogo{width:28px;height:28px;filter:brightness(0) invert(1)}.identifyButton .spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.identifyButton{padding:1rem 1.5rem;font-size:1rem;gap:.75rem}.identifyButton .plantnetLogo{width:24px;height:24px}}.resetButton{flex:.5;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f8f9fa;border:2px solid #dee2e6;border-radius:12px;padding:1.25rem 2rem;color:#495057;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.resetButton:hover{background:#e9ecef;border-color:#ced4da;transform:translateY(-2px)}.resetButton:active{transform:translateY(0)}@media (max-width: 768px){.resetButton{padding:1rem 1.5rem;font-size:.95rem}}.resultsSection{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 16px #2d6a4f1a,0 2px 8px #0000000d}@media (max-width: 768px){.resultsSection{padding:1.5rem}}.resultsTitle{font-size:1.75rem;font-weight:700;color:#1b4332;margin-bottom:2rem;text-align:center;padding-bottom:1rem;border-bottom:3px solid #4ade80}.noResults{text-align:center;padding:2rem;background:#fff3cd;border-radius:12px;margin-bottom:2rem}.noResults p{margin:.5rem 0;color:#856404;font-size:1rem;font-weight:500}.noResults p:first-child{font-size:1.1rem;font-weight:600}.noResults ul{text-align:left;max-width:400px;margin:1rem auto 0;color:#856404}.noResults ul li{margin:.5rem 0}.noResults .suggestionPrompt{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(133,100,4,.2)}.noResults .suggestionPrompt p{font-size:1rem;margin-bottom:1rem;color:#2c3e50}.noResults .suggestionPrompt .suggestButton{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.noResults .suggestionPrompt .suggestButton:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.externalResourcesSection{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:15px;padding:2rem;margin:2rem 0;border:2px solid #3498db}.externalResourcesSection .externalTitle{font-size:1.5rem;color:#2c3e50;margin:0 0 .5rem;font-weight:700}.externalResourcesSection .externalIntro{color:#7f8c8d;margin-bottom:1.5rem;line-height:1.6}.externalResourcesSection .loadLinksButton{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:1.5rem}.externalResourcesSection .loadLinksButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #3498db4d}.externalResourcesSection .loadLinksButton:disabled{opacity:.6;cursor:not-allowed}.externalResourcesSection .externalLinksGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-bottom:1.5rem}.externalResourcesSection .externalLinkCard{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:15px;text-decoration:none;transition:all .3s ease;border:2px solid #e9ecef}.externalResourcesSection .externalLinkCard:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a;border-color:#3498db}.externalResourcesSection .externalLinkCard .linkIcon{font-size:36px;min-width:50px;display:flex;align-items:center;justify-content:center}.externalResourcesSection .externalLinkCard .linkContent{flex:1}.externalResourcesSection .externalLinkCard .linkContent h4{margin:0 0 5px;color:#2c3e50;font-size:1.1rem;font-weight:600}.externalResourcesSection .externalLinkCard .linkContent p{margin:0;color:#7f8c8d;font-size:.9rem}.externalResourcesSection .suggestionPrompt{background:#27ae601a;border-radius:12px;padding:1.5rem;text-align:center;border:2px solid rgba(39,174,96,.3)}.externalResourcesSection .suggestionPrompt p{margin:0 0 1rem;color:#2c3e50;font-weight:600;font-size:1.05rem}.externalResourcesSection .suggestionPrompt .suggestButton{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.externalResourcesSection .suggestionPrompt .suggestButton:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.lowScoreSection{margin:2rem 0;background:#f8f9fa;border-radius:12px;padding:1.5rem;border:2px solid #ffc107}.lowScoreSection .lowScoreHeader{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.lowScoreSection .lowScoreHeader{flex-direction:column;align-items:stretch}}.lowScoreSection .lowScoreHeader .lowScoreMessage{margin:0;color:#856404;font-size:1rem;font-weight:600;flex:1}@media (max-width: 768px){.lowScoreSection .lowScoreHeader .lowScoreMessage{text-align:center}}.lowScoreSection .lowScoreHeader .lowScoreToggle{background:#ffc107;border:none;border-radius:8px;padding:.75rem 1.5rem;color:#000;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.lowScoreSection .lowScoreHeader .lowScoreToggle:hover{background:#ffb300;transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}.lowScoreSection .lowScoreHeader .lowScoreToggle:active{transform:translateY(0)}.lowScoreSection .lowScoreGrid{margin-top:1.5rem;animation:slideDown .3s ease-out}.lowScoreSection .lowScoreCard{background:linear-gradient(135deg,#fff9e6,#fff);border:2px solid #ffc107}.lowScoreSection .lowScoreCard .resultRank.lowScore,.lowScoreSection .lowScoreCard .resultScore.lowScore{background:linear-gradient(135deg,#ffc107,#ff9800)}.matchedPlantsSection{margin-top:2.5rem;padding-top:2rem;border-top:2px solid #e9ecef}.matchedPlantsSection .matchedTitle{font-size:1.5rem;font-weight:700;color:#2d6a4f;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.matchedPlantsSection .matchedGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}@media (max-width: 768px){.matchedPlantsSection .matchedGrid{grid-template-columns:1fr}}.matchedPlantsSection .matchedCard{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #4ade80;border-radius:16px;overflow:hidden;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #4ade8033}.matchedPlantsSection .matchedCard:hover{transform:translateY(-4px);box-shadow:0 6px 20px #4ade804d;border-color:#2d6a4f}.matchedPlantsSection .matchedCard .matchedImageWrapper{position:relative;width:100%;height:180px;overflow:hidden;background:#f8f9fa}.matchedPlantsSection .matchedCard .matchedImageWrapper .matchedImage{width:100%;height:100%;object-fit:cover}.matchedPlantsSection .matchedCard .matchedImageWrapper .matchedBadge{position:absolute;top:.75rem;right:.75rem;background:#2d6a4ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.4rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #0003}.matchedPlantsSection .matchedCard .matchedInfo{padding:1.25rem}.matchedPlantsSection .matchedCard .matchedInfo .matchedName{font-size:1.15rem;font-weight:700;color:#1b4332;margin:0 0 .5rem}.matchedPlantsSection .matchedCard .matchedInfo .matchedLatin{font-size:.95rem;font-style:italic;color:#6c757d;margin:0 0 .75rem}.matchedPlantsSection .matchedCard .matchedInfo .matchedLink{display:inline-block;color:#2d6a4f;font-weight:600;font-size:.95rem;transition:all .3s ease}.matchedPlantsSection .matchedCard:hover .matchedLink{color:#4ade80;transform:translate(4px)}.resultsGrid{display:grid;gap:1.5rem;margin-bottom:2rem}.resultCard{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;padding:1.5rem;transition:all .3s ease}.resultCard:hover{border-color:#2d6a4f;box-shadow:0 4px 16px #2d6a4f26;transform:translateY(-2px)}.resultHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.resultHeader .resultRank{background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;font-weight:700;font-size:1rem;padding:.5rem 1rem;border-radius:50px;box-shadow:0 2px 8px #2d6a4f4d}.resultHeader .resultScore{background:linear-gradient(135deg,#4ade80,#2d6a4f);color:#fff;font-weight:600;font-size:.95rem;padding:.5rem 1.25rem;border-radius:50px;box-shadow:0 2px 8px #4ade804d}.resultBody{display:flex;flex-direction:column;gap:1rem}.resultItem{display:flex;flex-direction:column;gap:.5rem}.resultItem .resultLabel{font-size:.85rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.resultItem .resultValue{font-size:1.05rem;color:#212529;font-weight:500;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.resultItem .resultValue.scientific{font-style:italic;color:#2d6a4f;font-weight:600}.newSearchButton{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1.25rem 2rem;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;width:100%;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease}.newSearchButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.newSearchButton:active{transform:translateY(0)}@media (max-width: 768px){.newSearchButton{padding:1rem 1.5rem;font-size:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2000px}}.leaderboard-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:6rem 1rem 2rem}@media (max-width: 768px){.leaderboard-page{padding:4rem 1rem 5rem}}.leaderboard-container{max-width:800px;margin:0 auto}.leaderboard-header{background:linear-gradient(135deg,#2d6a4f,#1b4332);border-radius:20px;padding:2.5rem 2rem;text-align:center;margin-bottom:2rem;box-shadow:0 10px 30px #2d6a4f4d}@media (max-width: 768px){.leaderboard-header{padding:2rem 1.5rem;border-radius:16px}}.leaderboard-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (max-width: 768px){.leaderboard-title{font-size:1.75rem}}.leaderboard-subtitle{font-size:1rem;color:#ffffffe6;margin:0}@media (max-width: 768px){.leaderboard-subtitle{font-size:.9rem}}.refresh-button{margin-top:1rem;padding:.5rem 1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:25px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-button:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.refresh-button:disabled{opacity:.7;cursor:not-allowed;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.migration-button{margin-top:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#dc2626,#991b1b);border:2px solid rgba(255,255,255,.4);border-radius:25px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.migration-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px)}.my-position-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #4ade80;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 8px 24px #4ade8033}.my-position-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.my-position-card .card-header .card-title{font-size:1.25rem;font-weight:700;color:#1b4332;display:flex;align-items:center;gap:.5rem}.my-position-card .card-header .scroll-to-me-btn{background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;border:none;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #2d6a4f4d}.my-position-card .card-header .scroll-to-me-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d6a4f66}.my-position-card .card-header .scroll-to-me-btn:active{transform:translateY(0)}.my-position-card .card-header .scroll-to-me-btn span{display:flex;align-items:center;gap:.25rem}.my-position-card .my-position-content{display:flex;gap:2rem;align-items:center}@media (max-width: 768px){.my-position-card .my-position-content{flex-direction:column;gap:1.5rem}}.my-position-card .my-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:2px solid #fbbf24}.my-position-card .my-rank .rank-label{font-size:.875rem;color:#92400e;font-weight:600;margin-bottom:.5rem}.my-position-card .my-rank .rank-value{font-size:2.5rem;font-weight:700}@media (max-width: 768px){.my-position-card .my-rank{min-width:100%}}.my-position-card .my-stats{display:flex;gap:2rem;flex:1;justify-content:space-around}@media (max-width: 768px){.my-position-card .my-stats{width:100%;gap:1rem}}.my-position-card .my-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.my-position-card .my-stats .stat-item .stat-icon{font-size:1.75rem}.my-position-card .my-stats .stat-item .stat-value{font-size:1.5rem;font-weight:700;color:#1b4332}.my-position-card .my-stats .stat-item .stat-label{font-size:.875rem;color:#6b7280;font-weight:500}@media (max-width: 768px){.my-position-card .my-stats .stat-item .stat-icon{font-size:1.5rem}.my-position-card .my-stats .stat-item .stat-value{font-size:1.25rem}.my-position-card .my-stats .stat-item .stat-label{font-size:.75rem}}@media (max-width: 768px){.my-position-card{padding:1.25rem;border-radius:12px}}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.leaderboard-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001f}.leaderboard-item.current-user{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #4ade80;box-shadow:0 4px 16px #4ade804d}.leaderboard-item.top-three{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24}.leaderboard-item.top-three.current-user{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #4ade80}@media (max-width: 768px){.leaderboard-item{padding:1rem;gap:.75rem}}.leaderboard-item .rank{min-width:50px;text-align:center}@media (max-width: 768px){.leaderboard-item .rank{min-width:40px}}.leaderboard-item .rank .rank-icon{font-size:1.75rem;font-weight:700}@media (max-width: 768px){.leaderboard-item .rank .rank-icon{font-size:1.5rem}}.leaderboard-item .user-info{flex:1}.leaderboard-item .user-info .username{font-size:1.1rem;font-weight:700;color:#2d6a4f;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.leaderboard-item .user-info .username{font-size:1rem}}.leaderboard-item .user-info .username .you-badge{background:#4ade80;color:#fff;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.leaderboard-item .user-info .user-stats{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.leaderboard-item .user-info .user-stats{gap:.75rem}}.leaderboard-item .user-info .user-stats .stat{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#666}@media (max-width: 768px){.leaderboard-item .user-info .user-stats .stat{font-size:.8rem}}.leaderboard-item .user-info .user-stats .stat .stat-icon{font-size:1rem}.leaderboard-item .points{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.leaderboard-item .points .points-value{font-size:1.75rem;font-weight:800;color:#2d6a4f;line-height:1}@media (max-width: 768px){.leaderboard-item .points .points-value{font-size:1.5rem}}.leaderboard-item .points .points-label{font-size:.75rem;color:#888;text-transform:uppercase;margin-top:.25rem}.loading,.error,.not-logged-in{text-align:center;padding:3rem 1rem;color:#666;font-size:1.1rem}.error{color:#dc2626}.retry-button{display:block;margin:1rem auto;padding:.75rem 2rem;background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2d6a4f4d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2d6a4f66}.retry-button:active{transform:translateY(0)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state p{font-size:1.1rem;color:#666;margin:.5rem 0}.empty-state .empty-subtitle{font-size:.95rem;color:#999}.app-switcher{position:relative;width:100%}.app-switcher .app-switcher-btn{width:100%;background:transparent;border:none;color:#000;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;border-radius:8px}.app-switcher .app-switcher-btn:hover{background-color:#ffffff1a;transform:translate(2px)}.app-switcher .app-switcher-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a4d2ebf;z-index:10000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-switcher .app-switcher-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-height:95vh;background:linear-gradient(135deg,#1a4d2efa,#2d6a4ffa);border:2px solid rgba(74,222,128,.4);border-radius:20px;box-shadow:0 25px 50px #00000080;z-index:10001;animation:modalSlideIn .3s ease;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-switcher .app-switcher-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#2d6a4f26;border-bottom:2px solid rgba(45,106,79,.3)}.app-switcher .app-switcher-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.app-switcher .app-switcher-modal .modal-header .modal-close{background:#2d6a4f33;border:2px solid rgba(45,106,79,.4);color:#e6e9ef;font-size:18px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;font-weight:300}.app-switcher .app-switcher-modal .modal-header .modal-close:hover{background:#2d6a4f59;border-color:#4ade8099;transform:rotate(90deg)}.app-switcher .app-switcher-modal .modal-description{padding:16px 24px;margin:0;font-size:.875rem;color:#e6e9ef;opacity:.9;text-align:center;background:#2d6a4f0d;border-bottom:2px solid rgba(45,106,79,.15)}.app-switcher .app-switcher-modal .app-list{padding:20px;overflow-y:auto;flex:1}.app-switcher .app-switcher-modal .app-item{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px;width:100%;height:auto;background:#2d6a4f14;border:2px solid rgba(45,106,79,.25);border-radius:12px;cursor:pointer;transition:all .25s ease;text-align:left}.app-switcher .app-switcher-modal .app-item:not(:last-child){margin-bottom:12px}.app-switcher .app-switcher-modal .app-item:hover:not(.current){background:#2d6a4f26;border-color:#4ade8080;transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.app-switcher .app-switcher-modal .app-item.current{background:#2d6a4f33;border-color:#4ade80;cursor:default}.app-switcher .app-switcher-modal .app-item .app-logo{width:56px;height:56px;flex-shrink:0;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#2d6a4f,#1a4d2e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:600;box-shadow:0 4px 12px #2d6a4f80}.app-switcher .app-switcher-modal .app-item .app-logo img{width:100%;height:100%;object-fit:cover}.app-switcher .app-switcher-modal .app-item .app-info{flex:1;min-width:0}.app-switcher .app-switcher-modal .app-item .app-info .app-name{display:flex;align-items:center;gap:10px;font-size:1.0625rem;font-weight:600;color:#e6e9ef;margin-bottom:4px}.app-switcher .app-switcher-modal .app-item .app-info .app-name .current-badge{display:inline-block;padding:3px 10px;background:linear-gradient(135deg,#4ade80,#2d6a4f);color:#fff;font-size:.6875rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #4ade8066}.app-switcher .app-switcher-modal .app-item .app-info .app-description{font-size:.8125rem;color:#e6e9ef;opacity:.7;line-height:1.4}.app-switcher .app-switcher-modal .app-item .app-action{flex-shrink:0}.app-switcher .app-switcher-modal .app-item .app-action .arrow{font-size:22px;color:#4ade80;transition:transform .25s ease;font-weight:700}.app-switcher .app-switcher-modal .app-item:hover:not(.current) .arrow{transform:translate(6px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 768px){.app-switcher .app-switcher-modal{width:100%;max-width:100%;border-radius:20px 20px 0 0;top:auto;bottom:0;left:0;transform:none;animation:slideUp .3s ease}.app-switcher .app-switcher-modal .modal-description{display:none}.app-switcher .app-item .app-logo{width:48px;height:48px;font-size:28px}.app-switcher .app-item .app-info .app-name{font-size:.9375rem}.app-switcher .app-item .app-info .app-description{font-size:.75rem}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}.admin-page{min-height:100vh;padding:6rem 1rem 2rem;background:transparent}.admin-page .admin-container{max-width:1400px;margin:0 auto}.admin-page .admin-container .admin-header{text-align:center;margin-bottom:3rem}.admin-page .admin-container .admin-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.admin-page .admin-container .admin-header .admin-subtitle{font-size:1.125rem;color:#6b7280}.admin-page .admin-container .admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.admin-page .admin-container .admin-stats .stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;align-items:center;gap:.5rem;border-left:4px solid #4ade80;transition:all .3s ease}.admin-page .admin-container .admin-stats .stat-card.clickable{cursor:pointer;border:2px solid transparent}.admin-page .admin-container .admin-stats .stat-card.clickable:hover{transform:translateY(-4px);box-shadow:0 6px 20px #1a4d2e33;border-color:#4ade80}.admin-page .admin-container .admin-stats .stat-card.clickable.active{background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-color:#1a4d2e;box-shadow:0 6px 20px #1a4d2e66}.admin-page .admin-container .admin-stats .stat-card.clickable.active .stat-number,.admin-page .admin-container .admin-stats .stat-card.clickable.active .stat-label{color:#fff}.admin-page .admin-container .admin-stats .stat-card.premium{border-left-color:#fbbf24}.admin-page .admin-container .admin-stats .stat-card.premium.clickable:hover{border-color:#fbbf24}.admin-page .admin-container .admin-stats .stat-card.premium.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24}.admin-page .admin-container .admin-stats .stat-card.pro{border-left-color:#8b5cf6}.admin-page .admin-container .admin-stats .stat-card.pro.clickable:hover{border-color:#8b5cf6}.admin-page .admin-container .admin-stats .stat-card.pro.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6}.admin-page .admin-container .admin-stats .stat-card.essential{border-left-color:#6b7280}.admin-page .admin-container .admin-stats .stat-card.essential.clickable:hover{border-color:#6b7280}.admin-page .admin-container .admin-stats .stat-card.essential.active{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#6b7280}.admin-page .admin-container .admin-stats .stat-card.active-card{border-left-color:#4ade80}.admin-page .admin-container .admin-stats .stat-card.active-card.clickable:hover{border-color:#4ade80}.admin-page .admin-container .admin-stats .stat-card.active-card.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e}.admin-page .admin-container .admin-stats .stat-card.blocked-card{border-left-color:#f87171}.admin-page .admin-container .admin-stats .stat-card.blocked-card.clickable:hover{border-color:#f87171}.admin-page .admin-container .admin-stats .stat-card.blocked-card.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.admin-page .admin-container .admin-stats .stat-card .stat-number{font-size:2.5rem;font-weight:700;color:#1a4d2e}.admin-page .admin-container .admin-stats .stat-card .stat-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.admin-page .admin-container .admin-filters{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.admin-page .admin-container .admin-filters .search-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease}.admin-page .admin-container .admin-filters .search-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.admin-page .admin-container .mobile-only{display:none}.admin-page .admin-container .desktop-only{display:block}.admin-page .admin-container .users-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;margin-bottom:2rem}.admin-page .admin-container .users-table-container .users-table{width:100%;border-collapse:collapse}.admin-page .admin-container .users-table-container .users-table thead{background:linear-gradient(135deg,#1a4d2e,#2d6a4f)}.admin-page .admin-container .users-table-container .users-table thead tr th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.admin-page .admin-container .users-table-container .users-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.admin-page .admin-container .users-table-container .users-table tbody tr:hover{background-color:#f9fafb}.admin-page .admin-container .users-table-container .users-table tbody tr:last-child{border-bottom:none}.admin-page .admin-container .users-table-container .users-table tbody tr td{padding:1rem;font-size:.875rem;color:#374151}.admin-page .admin-container .users-table-container .users-table tbody tr td .status-badge{display:inline-block;padding:.375rem .75rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.admin-page .admin-container .users-table-container .users-table tbody tr td .status-badge.essential{background:#e5e7eb;color:#6b7280}.admin-page .admin-container .users-table-container .users-table tbody tr td .status-badge.premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.admin-page .admin-container .users-table-container .users-table tbody tr td .status-badge.pro{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#5b21b6}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch{position:relative;display:inline-block;width:48px;height:24px}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch input{opacity:0;width:0;height:0}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch input:checked+.slider{background-color:#4ade80}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch input:checked+.slider:before{transform:translate(24px)}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.admin-page .admin-container .users-table-container .users-table tbody tr td .switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons{display:flex;gap:.5rem}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons button{padding:.5rem 1rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons button:hover:not(:disabled){transform:scale(1.1)}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons button:disabled{opacity:.5;cursor:not-allowed}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .btn-block{background:#fecaca;color:#991b1b}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .btn-block:hover{background:#fca5a5}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .btn-unblock{background:#bbf7d0;color:#166534}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .btn-unblock:hover{background:#86efac}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.admin-page .admin-container .users-table-container .users-table tbody tr td .action-buttons .delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#fecaca,#fca5a5)}.admin-page .admin-container .users-cards{display:none;flex-direction:column;gap:1rem}.admin-page .admin-container .users-cards .user-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:1rem;transition:all .3s ease}.admin-page .admin-container .users-cards .user-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.admin-page .admin-container .users-cards .user-card__header{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.admin-page .admin-container .users-cards .user-card__header .user-avatar-large{width:48px;height:48px;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.25rem;flex-shrink:0}.admin-page .admin-container .users-cards .user-card__header .user-main-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.admin-page .admin-container .users-cards .user-card__header .user-main-info h3{margin:0;font-size:1.125rem;font-weight:600;color:#1a4d2e}.admin-page .admin-container .users-cards .user-card__header .user-main-info .user-email{font-size:.875rem;color:#6b7280;margin:0;word-break:break-word}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row{display:flex;gap:.5rem;flex-wrap:wrap}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row .id-badge{display:inline-block;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;background:#6b7280;color:#fff}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row .status-badge{display:inline-block;padding:.25rem .625rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row .status-badge.essential{background:#e5e7eb;color:#6b7280}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row .status-badge.premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.admin-page .admin-container .users-cards .user-card__header .user-main-info .badges-row .status-badge.pro{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#5b21b6}.admin-page .admin-container .users-cards .user-card__toggles{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f9fafb;border-radius:12px}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .toggle-label{font-size:.875rem;font-weight:600;color:#374151}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch{position:relative;display:inline-block;width:48px;height:24px}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch input{opacity:0;width:0;height:0}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch input:checked+.slider{background-color:#4ade80}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch input:checked+.slider:before{transform:translate(24px)}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.admin-page .admin-container .users-cards .user-card__toggles .toggle-item .switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.admin-page .admin-container .users-cards .user-card__actions{display:flex;gap:.5rem}.admin-page .admin-container .users-cards .user-card__actions button{flex:1;padding:.75rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-page .admin-container .users-cards .user-card__actions button:hover:not(:disabled){transform:scale(1.02)}.admin-page .admin-container .users-cards .user-card__actions button:disabled{opacity:.5;cursor:not-allowed}.admin-page .admin-container .users-cards .user-card__actions .block-btn{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b}.admin-page .admin-container .users-cards .user-card__actions .block-btn:hover{background:linear-gradient(135deg,#fca5a5,#f87171)}.admin-page .admin-container .users-cards .user-card__actions .unblock-btn{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#166534}.admin-page .admin-container .users-cards .user-card__actions .unblock-btn:hover{background:linear-gradient(135deg,#86efac,#4ade80)}.admin-page .admin-container .users-cards .user-card__actions .delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.admin-page .admin-container .users-cards .user-card__actions .delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#fecaca,#fca5a5)}.admin-page .admin-container .loading{text-align:center;padding:3rem;font-size:1.25rem;color:#6b7280}.admin-page .admin-container .back-button-container{max-width:900px;margin:3rem auto 0;display:flex;justify-content:center}.admin-page .admin-container .back-button-container a{text-decoration:none}.admin-page .admin-container .back-button-container button{background:linear-gradient(135deg,#2d6a4f,#1b4332);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2d6a4f4d,0 2px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center}.admin-page .admin-container .back-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66,0 4px 10px #00000026}.admin-page .admin-container .back-button-container button:active{transform:translateY(0)}.admin-page .admin-container .back-button-container button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.admin-page .admin-container .back-button-container{margin:2rem auto 0}.admin-page .admin-container .back-button-container button{padding:.85rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.admin-page .admin-container .admin-quick-links{grid-template-columns:1fr;gap:1rem}.admin-page .admin-container .admin-quick-links .quick-link-card{padding:1.5rem}.admin-page .admin-container .admin-quick-links .quick-link-card .link-icon{font-size:2rem}.admin-page .admin-container .admin-quick-links .quick-link-card .link-content h3{font-size:1rem}.admin-page .admin-container .admin-quick-links .quick-link-card .link-content p{font-size:.8125rem}}@media (max-width: 768px){.admin-page{padding:5rem 1rem 2rem}.admin-page .admin-container .admin-header h1{font-size:1.75rem}.admin-page .admin-container .admin-header .admin-subtitle{font-size:1rem}.admin-page .admin-container .admin-stats{grid-template-columns:repeat(3,1fr);gap:.75rem}.admin-page .admin-container .admin-stats .stat-card{padding:.75rem}.admin-page .admin-container .admin-stats .stat-card .stat-number{font-size:1.5rem}.admin-page .admin-container .admin-stats .stat-card .stat-label{font-size:.7rem}.admin-page .admin-container .admin-filters .search-input{width:100%}.admin-page .admin-container .desktop-only{display:none!important}.admin-page .admin-container .users-cards{display:flex!important}}.editor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.editor-modal{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #0000004d}@media (max-width: 768px){.editor-modal{max-width:100%;border-radius:15px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:2px solid #ecf0f1;position:sticky;top:0;background:#fff;z-index:1;border-radius:20px 20px 0 0}@media (max-width: 768px){.modal-header{padding:20px}}.modal-header h2{font-size:28px;color:#2c3e50;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.modal-header h2{font-size:22px;gap:8px}}.modal-header .content-type-badge{font-size:16px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:6px 16px;border-radius:20px;font-weight:500}@media (max-width: 768px){.modal-header .content-type-badge{font-size:14px;padding:4px 12px}}.modal-header .close-button{background:#e74c3c;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.modal-header .close-button{width:35px;height:35px;font-size:20px}}.modal-header .close-button:hover{background:#c0392b;transform:rotate(90deg)}.editor-form{padding:30px}@media (max-width: 768px){.editor-form{padding:20px}}.form-section{margin-bottom:35px}.form-section:last-of-type{margin-bottom:0}.form-section .section-title{font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 20px;padding-bottom:12px;border-bottom:3px solid #3498db;display:flex;align-items:center}@media (max-width: 768px){.form-section .section-title{font-size:18px;margin-bottom:15px;padding-bottom:10px}}.form-section .section-title:before{content:"📋";margin-right:10px;font-size:24px}@media (max-width: 768px){.form-section .section-title:before{font-size:20px;margin-right:8px}}.form-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (max-width: 768px){.form-grid{gap:15px}}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:15px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:5px}@media (max-width: 768px){.form-field label{font-size:14px}}.form-field label .required{color:#e74c3c;font-size:18px}.form-field input[type=text],.form-field input[type=url],.form-field select{padding:12px 16px;border:2px solid #e1e8ed;border-radius:10px;font-size:15px;transition:all .3s ease;background:#fff}@media (max-width: 768px){.form-field input[type=text],.form-field input[type=url],.form-field select{padding:10px 14px;font-size:14px}}.form-field input[type=text]:focus,.form-field input[type=url]:focus,.form-field select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c3e50' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-field textarea{padding:12px 16px;border:2px solid #e1e8ed;border-radius:10px;font-size:15px;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease}@media (max-width: 768px){.form-field textarea{padding:10px 14px;font-size:14px;min-height:80px}}.form-field textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{flex-direction:row;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-field label input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin-right:10px}@media (max-width: 768px){.checkbox-field label input[type=checkbox]{width:18px;height:18px}}.form-actions{display:flex;gap:15px;justify-content:flex-end;border-top:2px solid #ecf0f1;position:sticky;bottom:0;background:#fff;margin:0 -30px -30px;padding:20px 30px;border-radius:0 0 20px 20px}@media (max-width: 768px){.form-actions{flex-direction:column;margin:0 -20px -20px;padding:15px 20px}}.form-actions button{padding:14px 32px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.form-actions button{padding:12px 24px;font-size:15px;width:100%}}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.form-actions .cancel-button{background:#95a5a6;color:#fff}.form-actions .cancel-button:hover:not(:disabled){background:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 12px #95a5a64d}.form-actions .save-button{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.form-actions .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #27ae6066}.content-management-page{padding:100px 20px 80px;max-width:100vw;margin:0}@media (max-width: 768px){.content-management-page{padding:80px 12px 60px}}@media (max-width: 480px){.content-management-page{padding:70px 8px 50px}}@media (max-width: 768px){.page-header{margin-bottom:20px}}@media (max-width: 480px){.page-header{margin-bottom:15px}}@media (max-width: 768px){.page-header h1{font-size:24px}}@media (max-width: 480px){.page-header h1{font-size:20px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-bottom:20px!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}}.stat-card{position:relative;background:#fff;border-radius:15px;padding:6px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;cursor:pointer;border:3px solid transparent}@media (max-width: 768px){.stat-card{padding:12px;gap:10px;border-radius:10px;border-width:2px}}@media (max-width: 480px){.stat-card{flex-direction:column;padding:10px 8px;gap:6px;text-align:center}}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px #00000026;border-color:#3498db}.stat-card.active{border-color:#27ae60;background:linear-gradient(135deg,#f8fff9,#e8f8f0);box-shadow:0 4px 20px #27ae6033}.stat-card.active .stat-icon{transform:scale(1.1)}.stat-card.active .stat-value{color:#27ae60}.stat-card .stat-icon{font-size:36px;transition:transform .3s ease}@media (max-width: 768px){.stat-card .stat-icon{font-size:28px}}@media (max-width: 480px){.stat-card .stat-icon{font-size:24px}}.stat-card .active-indicator{position:absolute;top:10px;right:10px;background:#27ae60;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 8px #27ae604d}@media (max-width: 768px){.stat-card .active-indicator{width:22px;height:22px;font-size:12px;top:6px;right:6px}}@media (max-width: 480px){.stat-card .active-indicator{width:20px;height:20px;font-size:11px;top:4px;right:4px}}.stat-card .stat-content{flex:1}.stat-card .stat-content h3{font-size:14px;color:#7f8c8d;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.stat-card .stat-content h3{font-size:11px;margin:0 0 4px;letter-spacing:.3px}}@media (max-width: 480px){.stat-card .stat-content h3{font-size:10px;margin:0 0 3px}}.stat-card .stat-content .stat-numbers{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}@media (max-width: 768px){.stat-card .stat-content .stat-numbers{gap:4px}}@media (max-width: 480px){.stat-card .stat-content .stat-numbers{gap:3px;justify-content:center}}.stat-card .stat-content .stat-value{font-size:28px;font-weight:700;color:#27ae60}@media (max-width: 768px){.stat-card .stat-content .stat-value{font-size:22px}}@media (max-width: 480px){.stat-card .stat-content .stat-value{font-size:18px}}.stat-card .stat-content .stat-label{font-size:14px;color:#95a5a6}@media (max-width: 768px){.stat-card .stat-content .stat-label{font-size:11px}}@media (max-width: 480px){.stat-card .stat-content .stat-label{font-size:10px}}.stat-card .stat-content .stat-separator{color:#bdc3c7;margin:0 2px}@media (max-width: 480px){.stat-card .stat-content .stat-separator{display:none}}.stat-card .stat-content .stat-draft{font-size:14px;color:#f39c12;font-weight:600}@media (max-width: 768px){.stat-card .stat-content .stat-draft{font-size:11px}}@media (max-width: 480px){.stat-card .stat-content .stat-draft{font-size:10px;display:block;width:100%}}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:12px}@media (max-width: 768px){.actions-bar{flex-direction:column;gap:12px;padding:12px;margin-bottom:15px}}@media (max-width: 480px){.actions-bar{padding:10px;gap:10px}}.create-button{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.create-button{width:100%;padding:10px 20px;font-size:14px}}@media (max-width: 480px){.create-button{padding:8px 16px;font-size:13px}}.create-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.filters-section{display:flex;gap:15px;align-items:center;flex:1}@media (max-width: 768px){.filters-section{width:100%;flex-direction:column;gap:10px}}.draft-filter{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px;background:#fff;border-radius:8px;border:2px solid #e1e8ed;transition:all .3s ease;white-space:nowrap}@media (max-width: 768px){.draft-filter{width:100%;justify-content:center;padding:10px}}@media (max-width: 480px){.draft-filter{padding:8px;font-size:13px}}.draft-filter:hover{border-color:#3498db;background:#f8f9fa}.draft-filter input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3498db}@media (max-width: 480px){.draft-filter input[type=checkbox]{width:16px;height:16px}}.draft-filter span{font-size:14px;color:#2c3e50;font-weight:500}@media (max-width: 480px){.draft-filter span{font-size:13px}}.search-bar{position:relative;flex:1;max-width:400px}@media (max-width: 768px){.search-bar{max-width:100%}}.search-bar input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e1e8ed;border-radius:12px;font-size:15px;transition:all .3s ease}@media (max-width: 768px){.search-bar input{padding:10px 35px 10px 12px;font-size:14px}}@media (max-width: 480px){.search-bar input{padding:8px 30px 8px 10px;font-size:13px}}.search-bar input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-bar .clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#95a5a6;font-size:18px;cursor:pointer;padding:5px 10px;transition:color .3s ease}.search-bar .clear-search:hover{color:#e74c3c}.content-list{min-height:300px}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.content-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.content-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.content-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.content-card .card-header h3{font-size:20px;color:#2c3e50;margin:0;flex:1}.content-card .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.content-card .status-badge.published{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.content-card .status-badge.draft{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.content-card .card-body{margin-bottom:15px}.content-card .card-body .latin-name{font-style:italic;color:#7f8c8d;margin:0 0 5px}.content-card .card-body .common-name{color:#95a5a6;font-size:14px;margin:0}.content-card .card-actions{display:flex;gap:8px;flex-wrap:wrap}.content-card .action-btn{border:none;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.content-card .action-btn.edit{background:#3498db;color:#fff}.content-card .action-btn.edit:hover{background:#2980b9}.content-card .action-btn.publish{background:#27ae60;color:#fff}.content-card .action-btn.publish:hover{background:#229954}.content-card .action-btn.publish.unpublish{background:#f39c12}.content-card .action-btn.publish.unpublish:hover{background:#e67e22}.content-card .action-btn.delete{background:#e74c3c;color:#fff}.content-card .action-btn.delete:hover{background:#c0392b}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.type-buttons{flex-direction:column}.actions-bar{flex-direction:column;gap:15px}.content-grid{grid-template-columns:1fr}}.suggestion-management-page{padding:100px 20px 80px;max-width:100vw;margin:0}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.page-header h1{font-size:32px;color:#2c3e50;margin:0}.back-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-button:hover{transform:translate(-5px);box-shadow:0 4px 15px #3498db4d}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat-box{background:#fff;border-radius:15px;padding:20px;text-align:center;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;cursor:pointer;position:relative}.stat-box:hover{transform:translateY(-3px);box-shadow:0 4px 20px #00000026}.stat-box.active{border:3px solid #27ae60;box-shadow:0 4px 20px #27ae604d;transform:translateY(-3px)}.stat-box .stat-value{font-size:36px;font-weight:700;margin-bottom:8px}.stat-box .stat-label{font-size:14px;color:#7f8c8d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-box.pending{border-left:4px solid #f39c12}.stat-box.pending .stat-value{color:#f39c12}.stat-box.approved{border-left:4px solid #27ae60}.stat-box.approved .stat-value{color:#27ae60}.stat-box.rejected{border-left:4px solid #e74c3c}.stat-box.rejected .stat-value{color:#e74c3c}.stat-box.total{border-left:4px solid #3498db}.stat-box.total .stat-value{color:#3498db}.suggestions-list{min-height:300px}.loading,.empty-state{text-align:center;padding:60px 20px;color:#95a5a6;font-size:18px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.suggestion-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;border-left:4px solid transparent}.suggestion-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.suggestion-card .card-header{margin-bottom:15px}.suggestion-card .card-header .card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.suggestion-card .card-header .card-title h3{font-size:20px;color:#2c3e50;margin:0;font-style:italic;flex:1}.suggestion-card .card-header .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.suggestion-card .card-header .card-meta{display:flex;gap:15px;font-size:13px;color:#7f8c8d}.suggestion-card .card-body{margin-bottom:15px}.suggestion-card .card-body .info-row{margin-bottom:10px;font-size:14px}.suggestion-card .card-body .info-row strong{color:#2c3e50;display:block;margin-bottom:3px}.suggestion-card .card-body .info-row.traditional-use p{margin:5px 0 0;color:#7f8c8d;line-height:1.5}.suggestion-card .card-body .bonus-badge{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;display:inline-block;margin-top:10px}.suggestion-card .card-actions{display:flex;gap:8px;flex-wrap:wrap}.suggestion-card .action-btn{border:none;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.suggestion-card .action-btn.details{background:#3498db;color:#fff}.suggestion-card .action-btn.details:hover{background:#2980b9}.suggestion-card .action-btn.approve{background:#27ae60;color:#fff}.suggestion-card .action-btn.approve:hover{background:#229954}.suggestion-card .action-btn.reject{background:#e74c3c;color:#fff}.suggestion-card .action-btn.reject:hover{background:#c0392b}.detail-modal-overlay,.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.modal-content{background:#fff;border-radius:20px;padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d}.modal-content .close-btn{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.modal-content .close-btn:hover{background:#c0392b;transform:rotate(90deg)}.modal-content h2{font-size:24px;color:#2c3e50;margin:0 0 20px;padding-right:40px}.modal-content .suggestion-name{margin:0 0 25px;padding:15px;background:#ecf0f1;border-radius:10px;text-align:center}.approval-modal{max-width:700px}.approval-modal .category-selection h3{font-size:18px;margin:0 0 10px;color:#2c3e50}.approval-modal .category-selection .category-hint{font-size:14px;color:#7f8c8d;margin-bottom:20px;line-height:1.5}.approval-modal .category-selection .category-hint strong{color:#27ae60}.approval-modal .category-selection .category-hint small{display:block;margin-top:5px;color:#95a5a6}.approval-modal .category-selection .category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.approval-modal .category-selection .category-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;text-align:center}.approval-modal .category-selection .category-card:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 15px #3498db33}.approval-modal .category-selection .category-card.selected{border-color:#27ae60;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);box-shadow:0 4px 15px #27ae604d}.approval-modal .category-selection .category-card.selected .category-icon{transform:scale(1.2)}.approval-modal .category-selection .category-card .category-icon{font-size:32px;margin-bottom:8px;transition:transform .3s ease}.approval-modal .category-selection .category-card .category-label{font-size:13px;font-weight:600;color:#2c3e50}.approval-modal .approval-info{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px;border-radius:8px;margin-bottom:20px}.approval-modal .approval-info p{margin:0;font-size:13px;line-height:1.8;color:#37474f}.approval-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end}.approval-modal .modal-actions .modal-btn{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.approval-modal .modal-actions .modal-btn.approve{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.approval-modal .modal-actions .modal-btn.approve:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.approval-modal .modal-actions .modal-btn.cancel{background:#95a5a6;color:#fff}.approval-modal .modal-actions .modal-btn.cancel:hover{background:#7f8c8d}.detail-modal{background:#fff;border-radius:20px;padding:30px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d}.detail-modal .close-button{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.detail-modal .close-button:hover{background:#c0392b;transform:rotate(90deg)}.detail-modal h2{font-size:28px;color:#2c3e50;margin:0 0 25px;font-style:italic;padding-right:40px}.detail-modal .modal-content .detail-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #ecf0f1}.detail-modal .modal-content .detail-section:last-child{border-bottom:none}.detail-modal .modal-content .detail-section h3{font-size:20px;color:#2c3e50;margin:0 0 15px}.detail-modal .modal-content .detail-section p{color:#7f8c8d;line-height:1.6;margin:0}.detail-modal .modal-content .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.detail-modal .modal-content .detail-section .detail-item{display:flex;flex-direction:column;gap:5px}.detail-modal .modal-content .detail-section .detail-item strong{color:#2c3e50;font-size:14px}.detail-modal .modal-content .detail-section .detail-item span{color:#7f8c8d;font-size:15px}.detail-modal .modal-content .external-links{display:flex;flex-wrap:wrap;gap:10px}.detail-modal .modal-content .external-links .external-link{display:inline-block;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;transition:all .3s ease}.detail-modal .modal-content .external-links .external-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.detail-modal .modal-content .plantnet-data{background:#f8f9fa;padding:15px;border-radius:10px;overflow-x:auto;font-size:12px;line-height:1.5;border:1px solid #e9ecef}.detail-modal .modal-actions{display:flex;gap:15px;margin-top:25px;padding-top:25px;border-top:2px solid #ecf0f1}.detail-modal .modal-btn{flex:1;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.detail-modal .modal-btn.approve{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.detail-modal .modal-btn.approve:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.detail-modal .modal-btn.reject{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.detail-modal .modal-btn.reject:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c4d}@media (max-width: 768px){.suggestion-management-page{padding:80px 15px 70px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:24px}.stats-row{grid-template-columns:repeat(4,1fr);gap:10px}.stat-box{padding:12px 8px}.stat-box .stat-value{font-size:24px}.stat-box .stat-label{font-size:11px}.suggestions-grid{grid-template-columns:1fr}.detail-modal,.modal-content{padding:20px;margin:10px}.detail-modal h2,.modal-content h2{font-size:22px}.detail-modal .modal-actions,.modal-content .modal-actions{flex-direction:column}.approval-modal .category-selection .category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-row{gap:8px}.stat-box{padding:10px 5px}.stat-box .stat-value{font-size:20px}.stat-box .stat-label{font-size:10px}.approval-modal .category-selection .category-grid{grid-template-columns:1fr}.approval-modal .category-card .category-icon{font-size:28px}}.article-management-page{padding:100px 20px 80px;max-width:1400px;margin:0 auto}.article-management-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.article-management-page .page-header h1{font-size:2rem;color:#1a4d2e;margin:0}.article-management-page .page-header .create-button{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #27ae604d}.article-management-page .page-header .create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.article-management-page .loading-state{text-align:center;padding:4rem 2rem}.article-management-page .loading-state .spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#4ade80;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.article-management-page .loading-state p{color:#6b7280;font-size:1rem}.article-management-page .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.article-management-page .empty-state .empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.article-management-page .empty-state p{color:#6b7280;font-size:1.125rem;margin-bottom:1.5rem}.article-management-page .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.article-management-page .article-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative}.article-management-page .article-card.draft{border:2px solid #f59e0b}.article-management-page .article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.article-management-page .article-card .draft-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;z-index:10}.article-management-page .article-card .premium-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;z-index:10}.article-management-page .article-card .article-image{width:100%;height:200px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.article-management-page .article-card .article-image img{width:100%;height:100%;object-fit:cover}.article-management-page .article-card .article-image .no-image{font-size:3rem;color:#9ca3af}.article-management-page .article-card .article-content{padding:1.5rem}.article-management-page .article-card .article-content .article-category{color:#4ade80;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.article-management-page .article-card .article-content .article-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1rem;line-height:1.4}.article-management-page .article-card .article-content .article-description{font-size:.9375rem;color:#6b7280;line-height:1.6;margin-bottom:1rem}.article-management-page .article-card .article-content .article-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem;color:#9ca3af;padding-top:1rem;border-top:1px solid #e5e7eb;margin-bottom:1rem}.article-management-page .article-card .article-content .article-actions{display:flex;gap:.5rem;flex-wrap:wrap}.article-management-page .article-card .article-content .article-actions .action-btn{flex:1;min-width:fit-content;border:none;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.article-management-page .article-card .article-content .article-actions .action-btn.edit{background:#3b82f6;color:#fff}.article-management-page .article-card .article-content .article-actions .action-btn.edit:hover{background:#2563eb}.article-management-page .article-card .article-content .article-actions .action-btn.publish{background:#27ae60;color:#fff}.article-management-page .article-card .article-content .article-actions .action-btn.publish:hover{background:#229954}.article-management-page .article-card .article-content .article-actions .action-btn.unpublish{background:#6b7280;color:#fff}.article-management-page .article-card .article-content .article-actions .action-btn.unpublish:hover{background:#4b5563}.article-management-page .article-card .article-content .article-actions .action-btn.delete{background:#e74c3c;color:#fff}.article-management-page .article-card .article-content .article-actions .action-btn.delete:hover{background:#c0392b}.article-management-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;overflow-y:auto}.article-management-page .modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d}.article-management-page .modal-content .close-btn{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .3s ease}.article-management-page .modal-content .close-btn:hover{background:#c0392b;transform:rotate(90deg)}.article-management-page .modal-content h2{font-size:1.75rem;color:#1a4d2e;margin:0 0 1.5rem;padding-right:40px}.article-management-page .modal-content .article-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.article-management-page .modal-content .article-form .form-grid .form-group{display:flex;flex-direction:column;gap:.5rem}.article-management-page .modal-content .article-form .form-grid .form-group.full-width{grid-column:1/-1}.article-management-page .modal-content .article-form .form-grid .form-group label{font-weight:600;color:#1f2937;font-size:.9375rem}.article-management-page .modal-content .article-form .form-grid .form-group label input[type=checkbox]{margin-right:.5rem}.article-management-page .modal-content .article-form .form-grid .form-group input[type=text],.article-management-page .modal-content .article-form .form-grid .form-group input[type=url],.article-management-page .modal-content .article-form .form-grid .form-group input[type=date],.article-management-page .modal-content .article-form .form-grid .form-group textarea{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.article-management-page .modal-content .article-form .form-grid .form-group input[type=text]:focus,.article-management-page .modal-content .article-form .form-grid .form-group input[type=url]:focus,.article-management-page .modal-content .article-form .form-grid .form-group input[type=date]:focus,.article-management-page .modal-content .article-form .form-grid .form-group textarea:focus{outline:none;border-color:#4ade80}.article-management-page .modal-content .article-form .form-grid .form-group textarea{resize:vertical;min-height:80px}.article-management-page .modal-content .article-form .form-grid .form-group .image-preview{margin-top:.5rem;border-radius:8px;overflow:hidden;max-width:300px}.article-management-page .modal-content .article-form .form-grid .form-group .image-preview img{width:100%;height:auto;display:block}.article-management-page .modal-content .article-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid #e5e7eb}.article-management-page .modal-content .article-form .form-actions button{padding:.75rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.article-management-page .modal-content .article-form .form-actions button.cancel-btn{background:#e5e7eb;color:#6b7280}.article-management-page .modal-content .article-form .form-actions button.cancel-btn:hover{background:#d1d5db}.article-management-page .modal-content .article-form .form-actions button.submit-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 4px 12px #27ae604d}.article-management-page .modal-content .article-form .form-actions button.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.article-management-page .back-link{text-align:center;margin-top:2rem}.article-management-page .back-link .back-button{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#1a4d2e;padding:1rem 2rem;border:none;border-radius:50px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.article-management-page .back-link .back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;background:linear-gradient(135deg,#1a4d2e,#2d6a4f);color:#fff}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.article-management-page{padding:80px 15px 70px}.article-management-page .page-header{flex-direction:column;align-items:stretch}.article-management-page .page-header h1{font-size:1.5rem}.article-management-page .page-header .create-button{width:100%}.article-management-page .articles-grid{grid-template-columns:1fr;gap:1.5rem}.article-management-page .modal-content{padding:1.5rem}.article-management-page .modal-content h2{font-size:1.5rem}.article-management-page .modal-content .article-form .form-grid{grid-template-columns:1fr;gap:1rem}.article-management-page .modal-content .article-form .form-actions{flex-direction:column}.article-management-page .modal-content .article-form .form-actions button{width:100%}}