body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-spinner{position:fixed;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid rgba(0,0,0,.1);border-top:4px solid #000;border-radius:50%;animation:spin 1s linear infinite;z-index:100000}.loading-spinner-component{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;display:flex;align-items:center;justify-content:center}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #ffffff;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@media (max-width: 500px){.loading-spinner,.loading-spinner-component{width:30px;height:30px;margin:-10px 0 0 -10px;border-width:3px;top:45%}}.homepage-welcome-box{background:#fff;border-radius:16px;box-shadow:0 10px 35px #00000026;padding:60px 50px;color:#1a1a1a;font-family:Segoe UI,Roboto,sans-serif;margin-bottom:80px}.welcome-hero{display:flex;align-items:flex-start;gap:30px;margin-bottom:40px}.hero-icon{font-size:4rem;color:#2f7928;flex-shrink:0}.welcome-hero h1{font-size:2.2rem;color:#2f7928;font-weight:700;margin-bottom:15px}.welcome-hero p{font-size:1.15rem;line-height:1.6;color:#333}.welcome-section{margin-top:40px}.welcome-section h2{font-size:1.7rem;color:#276b22;display:flex;align-items:center;gap:10px;margin-bottom:15px}.section-icon{font-size:1.5rem;color:#2f7928}.welcome-list{list-style:none;padding:0;margin-top:10px}.welcome-list li{font-size:1.1rem;margin-bottom:10px;display:flex;align-items:center;gap:10px;color:#444}.list-icon{font-size:1.2rem;color:#2f7928}.welcome-login-area{text-align:center;margin-top:50px}.welcome-login-btn{background-color:#2f7928;color:#fff;padding:10px 80px;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #2f792859;margin-top:20px}.welcome-login-btn i{margin-right:10px}.welcome-login-btn:hover{background-color:#276b22;transform:scale(1.05);box-shadow:0 8px 25px #2f792880}@media (max-width: 768px){.welcome-hero{flex-direction:column;align-items:center;text-align:center}.hero-icon{margin-bottom:10px}.welcome-hero h1{font-size:1.8rem}}.mobile-app-section{text-align:center;margin-top:50px}.app-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:25px}.app-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;color:#fff;transition:all .3s ease;box-shadow:0 4px 10px #0003}.app-btn i{font-size:1.4rem}.app-btn.android{background-color:#34a853}.app-btn.android:hover{background-color:#2e8b45;transform:scale(1.05)}.app-btn.ios{background-color:#000}.app-btn.ios:hover{background-color:#333;transform:scale(1.05)}#navbar{background-color:#2f7928;color:#fff;opacity:1;position:fixed;width:100%;z-index:10000;margin-top:0;display:flex;padding:0;top:0;max-width:100%}.navbar-toggler{position:absolute;align-self:center;right:18px;top:20px;background-color:transparent;border:none;outline:none;padding:10px}.navbar-toggler:focus{outline:none;box-shadow:none;border:1px solid white}.navbar-toggler-icon{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:24px;color:#fff!important;filter:brightness(0) invert(1)}.navbar-toggler-icon span{display:block;width:100%;height:3px;background-color:#fff!important;content:white!important}@media only screen and (min-width: 769px){.nav-item:hover .dropdown-menu{display:block}.dropdown-menu{display:none}}.text{margin-left:5px}#text2:hover{color:#bbadad}#img2{transition:transform .4s ease;color:#fff}#img2:hover{color:#d6cbcb;transform:scale(1.15)}#navbarDropdown:hover{color:#fff;transform:scale(1.046);transition:.8s}#navbarDropdownItem{border-radius:0}#navbarDropdownItem:hover{color:#fff;transform:scale(1.038);transition:.42s;margin-top:1px}#text3{color:#fff;margin-left:54px;margin-top:-40px}.dropdown-item:hover{background-color:#6c99ee;color:#fff;transform:scale(1);transition:.42s}#profilePicture{height:45px;width:45px;margin-left:5px;object-fit:cover}.request-navbar-icon a{font-size:19px;color:#fff;transition:.8s}.request-navbar-icon:hover a{color:gray;transform:scale(1.04)}#logText{color:#fff;margin-top:10px;align-self:center}#logText:hover{color:#c5bae4;transform:scale(1.05);transition:.8s}#navbarNav{color:#000;font-size:17px}.nav-item .nav-link i.fas.fa-chevron-down{margin-left:12px!important}.offcanvas{visibility:hidden;transform:translate(100%);transition:transform .55s ease-in-out,visibility .6s ease-in-out;position:fixed;top:0;right:0;bottom:0;width:0;max-width:90%;z-index:1050;padding-right:0}.offcanvas.show{visibility:visible;transform:translate(0);position:fixed;top:0;right:0;bottom:0;max-width:90%;z-index:1050;padding-right:0}body.offcanvas-open{overflow:hidden;padding-right:0!important;max-width:100%}.offcanvas-body{margin-top:15px;border-radius:5px;font-size:15.3px;padding:20px}.offcanvas-body .nav-link{border-radius:5px;padding-bottom:14px;padding-top:14px}.offcanvas-body .nav-link2{padding:15px 5px;color:#000;display:flex;align-items:center;text-decoration:none;border-radius:5px}.offcanvas-body .nav-link:hover{background-color:#32a539;color:#fff}.offcanvas-body .nav-link .fas{margin-right:10px;padding-left:7px}.offcanvas-body .nav-link.btn{background-color:transparent;border:none;color:#000;padding-right:15px}.offcanvas-body .nav-link.btn:hover{background-color:#223f75;color:#fff}#generalInfoCollapse .nav-link2{padding-left:37px;margin-bottom:-10px}#generalInfoCollapse .nav-link2:hover{background-color:#223f75;color:#fff}.nav-item-nav-item{margin-top:10px;border-top:1px solid rgb(19,19,19);padding-top:10px}.dropdown-item{font-size:18px}@media only screen and (max-width: 991px){.logo{height:80px;width:80px;margin-left:-5px;margin-bottom:5px}.text{margin-left:5px;font-size:19px}#navbarNav{margin-left:25px;color:#fff}#collapseButton{margin-right:10px}}@media only screen and (max-width: 768px){.logo{height:70px;width:70px;margin-left:2px;margin-bottom:5px}.text{margin-left:5px;font-size:17px}.loginPopUp{margin-right:-0px}#navbarNav{margin-left:15px;color:#000;font-size:16px}#profilePicture{height:38px;width:38px}#navbarDropdown:hover{transform:scale(1)}#collapseButton{margin-right:10px!important}}@media only screen and (max-width: 478px){.logo{height:65px;width:65px;margin-left:-5px;margin-bottom:5px}.text{margin-left:5px;font-size:17px}.loginPopUp{margin-right:-155px}#navbarNav{margin-left:15px;color:#000}#profilePicture{height:45px;width:45px;margin-left:-3px;margin-bottom:1px}#navbarDropdown:hover{transform:scale(1)}.offcanvas-body{margin-top:0;border-radius:5px;font-size:17px}.navbar-toggler{top:10px;margin-right:10px}}@media only screen and (max-width: 361px){#collapseButton{margin-right:0!important}.navbar-toggler{top:10px;margin-right:0}.offcanvas-body{margin-top:0;border-radius:5px;font-size:14.3px}}.fas.fa-chevron-down{transition:transform .3s ease}.fas.fa-chevron-down.open{transform:rotate(180deg)}.dropdown-menu{transition:opacity .3s ease;opacity:0}.dropdown-menu.show{opacity:1}.nav-item:hover{transition:.4s;transform:scale(1.02)}.dropdown-item{padding:5px 5px 5px 20px;margin-right:10px}.dropdown-item:hover{cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:11000;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;position:relative;text-align:center;max-width:500px!important;opacity:0;transform:scale(.5);transition:transform .6s ease,opacity .6s ease}.modal-content.show{transform:scale(1);opacity:1}.close-button{position:absolute;top:-10px;right:5px;background:none;border:none;font-size:34px;cursor:pointer;color:#000}.close-button:hover{transform:scale(1.13);transition:.5s;color:#e22b2b}.modal-content h2{margin-bottom:20px;color:#1d4057}.modal-content form{display:flex;flex-direction:column}.modal-content input{margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:4px}.login-button{background:#15a957;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;margin-bottom:20px}.login-button:hover{background-color:#097330;transform:scale(1.03);transition:.5s}.social-icons{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.modal-content p{margin-top:0}.modal-content a{color:#1c8adb;text-decoration:none}.modal-overlay.show.blink{transition:transform .5s ease;transform:scale(1.02)}.modal-content.show.blink{border:2px solid rgb(130,130,199)}.modal-content a:hover{text-decoration:underline}.password-input-container{position:relative}.password-input-container input{width:100%;padding-right:40px}.toggle-password-button{position:absolute;right:2px;top:38%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;outline:none}@media only screen and (max-width: 399px){.modal-content{width:330px}}html,body{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.npvf-footer{background:linear-gradient(135deg,#0a192f,#1b3358);color:#fff;padding:40px 20px 15px;font-family:Segoe UI,Roboto,sans-serif;border-top:3px solid #00aaff;box-shadow:0 -2px 10px #00000040;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;max-width:1200px;margin:0 auto}.footer-left{display:flex;align-items:center;gap:20px;flex:1;min-width:300px}.footer-logo{width:80px;height:auto;filter:brightness(0) invert(1)}.footer-text h4{margin:0;font-size:1.2rem;color:#00c6ff;font-weight:600}.footer-text p{margin-top:6px;font-size:.95rem;color:#cdd9e5;line-height:1.5}.footer-right{text-align:right;min-width:250px}.footer-right p{margin:0}.footer-right .author{font-size:.95rem;color:#c9d1d9;line-height:1.5}.footer-right .version{font-size:.85rem;color:#7fbfff;margin-top:6px}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.2);margin-top:25px;padding-top:10px;font-size:.85rem;color:#a0b3c5}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-left{flex-direction:column;align-items:center}.footer-right{text-align:center;margin-top:20px}.footer-logo{width:65px}}.admin-panel-container{width:90%;max-width:1800px;margin:120px auto 60px;background:#fff;border-radius:16px;box-shadow:0 8px 22px #00000014;padding:40px 35px;font-family:Segoe UI,Roboto,sans-serif}.admin-panel-title{font-size:2rem;font-weight:700;color:#2f7928;text-align:center;margin-bottom:35px;display:flex;justify-content:center;align-items:center;gap:10px}.admin-panel-summary{margin-bottom:40px}.admin-panel-divider{height:2px;background:linear-gradient(to right,#0000,#2f792866,#0000);margin:40px 0;border-radius:2px}.admin-actions-title{font-size:1.5rem;font-weight:700;color:#2f7928;margin-bottom:30px;text-align:center}.admin-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;justify-content:center;align-items:stretch}.admin-action-card{background:#fdfdfd;border-radius:14px;box-shadow:0 6px 16px #0000000f;padding:25px 15px;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.admin-action-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f;background-color:#fff}.admin-action-card i{font-size:2.2rem;margin-bottom:10px;transition:transform .25s ease}.admin-action-card:hover i{transform:scale(1.1)}.admin-action-card h4{font-size:1.05rem;font-weight:600;color:#333;margin:0}.changes-summary-container{text-align:center;background-color:#fff;border:1.5px solid rgba(47,121,40,.25);border-radius:14px;box-shadow:0 6px 16px #0000000f;padding:40px 30px;font-family:Segoe UI,Roboto,sans-serif;color:#222;transition:all .3s ease}.changes-summary-title{font-size:1.5rem;font-weight:700;color:#2f7928;margin-bottom:15px}.changes-summary-text{font-size:1.1rem;margin-bottom:20px}.changes-summary-btn{background-color:#2f7928;color:#fff;border:none;padding:12px 28px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:10px}.changes-summary-btn:hover:enabled{background-color:#3fa243;transform:scale(1.05)}.changes-summary-btn:disabled{background-color:#ccc;cursor:not-allowed}.changes-summary-status{margin-top:12px;font-weight:600}.changes-summary-view-btn{background-color:transparent;border:1.5px solid #2f7928;color:#2f7928;padding:10px 25px;border-radius:25px;font-weight:600;margin-top:20px;cursor:pointer;transition:.3s ease}.changes-summary-view-btn:hover{background-color:#2f7928;color:#fff;transform:scale(1.04)}.changes-summary-view-btn:disabled{background-color:#ccc}.changes-summary-version{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;font-size:.95rem;color:#333;background-color:#f5f9f5;border:1px solid rgba(47,121,40,.2);border-radius:8px;padding:10px 15px;margin-bottom:20px}.changes-summary-version strong{color:#2f7928}.version-date{font-size:.9rem;color:#666}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000008c;display:flex;justify-content:center;align-items:center;z-index:12000;animation:fadeIn .3s ease}.confirm-modal{background:#fff;border-radius:14px;padding:35px 30px;max-width:420px;width:90%;box-shadow:0 10px 25px #00000040;text-align:center;animation:slideUp .35s ease}.confirm-modal-title{font-size:1.4rem;font-weight:700;color:#2f7928;margin-bottom:15px}.confirm-modal-message{font-size:1.05rem;color:#333;margin-bottom:25px}.confirm-modal-buttons{display:flex;justify-content:center;gap:15px}.confirm-btn{padding:10px 22px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.confirm-cancel{background:#ccc;color:#333}.confirm-cancel:hover{background:#bbb}.confirm-accept{background:#2f7928;color:#fff}.confirm-accept:hover{background:#3fa243;transform:scale(1.04)}.changes-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000008c;display:flex;justify-content:center;z-index:12000;animation:fadeIn .3s ease}.changes-modal{background:#fff;border-radius:14px;width:90%;max-width:1000px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #00000040;overflow:hidden;animation:slideUp .35s ease;margin-top:60px}.changes-modal-header{display:flex;justify-content:space-between;align-items:center;background:#2f7928;color:#fff;padding:15px 20px}.changes-modal-header h3{margin:0;font-size:1.2rem}.close-btn{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;transition:.3s}.close-btn:hover{color:#c4e9c4}.changes-modal-body{padding:20px;overflow-y:auto}.changes-list{list-style:none;padding:0;margin:0}.change-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee;padding:10px 0}.change-item i{color:#2f7928;font-size:1rem}.change-time{font-size:.9rem;color:#555;width:180px}.change-desc{flex:1;font-weight:500;color:#222}.error-text{color:#c62828;font-weight:600}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.loading-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fffc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999}.loading-circle{width:48px;height:48px;border:4px solid #22c55e;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;color:#16a34a;font-size:1.125rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.denied-wrapper{display:flex;flex-direction:column;color:#000;overflow-x:hidden;justify-content:center;min-height:100vh}.denied-section{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 20px 0}.spin-frame{width:180px;height:180px;border:3px solid #e34c4c;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:30px;box-shadow:0 0 25px #e34c4c66;animation:pulse 2.5s infinite ease-in-out}.spin-image{width:90px;height:90px;animation:spin 4s linear infinite;filter:drop-shadow(0px 0px 6px rgba(255,255,255,.6))}.denied-title{font-size:2.4rem;font-weight:700;margin-top:10px}.denied-text{font-size:1.1rem;max-width:500px;color:#000;line-height:1.6;margin-top:10px;margin-bottom:25px}.denied-btn{background-color:#e34c4c;color:#fff;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:600;transition:.4s ease;box-shadow:0 0 15px #e34c4c80}.denied-btn:hover{background-color:#ff6565;transform:scale(1.06);box-shadow:0 0 25px #e34c4ccc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 20px #e34c4c4d}50%{transform:scale(1.07);box-shadow:0 0 35px #e34c4c99}to{transform:scale(1);box-shadow:0 0 20px #e34c4c4d}}@media (max-width: 600px){.spin-frame{width:130px;height:130px}.spin-image{width:70px;height:70px}.denied-title{font-size:1.8rem}.denied-text{font-size:1rem}}.register-container{background:#fff;border-radius:12px;padding:30px 40px;box-shadow:0 4px 18px #0000001a;width:100%;max-width:1200px;margin:40px auto;text-align:left;font-family:Segoe UI,Roboto,sans-serif}.register-container h2{text-align:center;color:#2f7928;margin-bottom:25px}.register-form .form-group{margin-bottom:20px}.register-form label{display:block;margin-bottom:6px;font-weight:600;color:#333}.register-form input{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:15px;transition:.3s}.register-form input:focus{border-color:#2f7928;outline:none;box-shadow:0 0 5px #2f79284d}.register-form button{width:100%;padding:12px;background-color:#2f7928;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.register-form button:hover{background-color:#256722}.register-message{margin-top:15px;text-align:center;font-weight:600}.form-group input[type=password]{letter-spacing:.5px}.add-flora-container{background:#fff;border-radius:12px;padding:30px 40px;box-shadow:0 4px 18px #00000026;max-width:1200px;margin:40px auto;text-align:left}.add-flora-container h2{color:#2f7928;display:flex;align-items:center;gap:10px;font-size:1.8rem}.add-flora-form{display:flex;flex-direction:column;gap:18px;margin-top:20px}.form-group label{font-weight:600}.form-group input,.form-group textarea{width:100%;border:1px solid #ccc;border-radius:8px;padding:10px;font-size:1rem}.add-flora-form button{background-color:#2f7928;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s}.add-flora-form button:hover{background-color:#3c8d34}.add-flora-message{margin-top:10px;font-weight:600;text-align:center}.flora-list-container{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000026;max-width:1200px;margin:30px auto 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left}.flora-search{width:100%;border-radius:8px;border:1px solid #ccc;padding:10px 12px;margin-bottom:20px;font-size:1rem;max-width:80%}.flora-list{list-style:none;padding:0;margin:0;width:100%;max-width:80%;border-radius:10px}.flora-item{display:flex;align-items:center;gap:15px;padding:12px;border-bottom:1px solid #106c4c;cursor:pointer;transition:background .2s,transform .1s ease-in-out}.flora-item:hover{background-color:#f7fdf6;transform:scale(1.01)}.flora-thumbnail{width:70px;height:70px;object-fit:cover;border-radius:10px;border:2px solid #2f7928}.flora-placeholder{width:70px;height:70px;border-radius:10px;background-color:#e9f5e8;color:#2f7928;display:flex;align-items:center;justify-content:center;font-size:24px}.flora-info h4{margin:0;color:#2f7928}.flora-info p{margin:5px 0 0;color:#555;font-size:.9rem;line-height:1.4}.flora-detail-container{background:#fff;border-radius:18px;box-shadow:0 10px 35px #0000001a;padding:45px 55px;max-width:1200px;margin:120px auto;font-family:Segoe UI,Roboto,sans-serif;color:#2f2f2f;position:relative;transition:all .3s ease}.flora-detail-container:hover{transform:translateY(-4px)}.flora-detail-container h2{text-align:center;color:#2f7928;font-weight:700;font-size:2.2rem;margin-bottom:15px}.flora-detail-container h2 i{color:#4caf50;margin-right:10px}.flora-instructions{text-align:center;color:#555;font-size:1rem;margin-bottom:30px;background:#f8fdf8;padding:12px 20px;border-radius:10px;border-left:4px solid #2f7928}.flora-detail-photo{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f4fbf4,#f0fdf0);border:2px dashed #a6dba6;border-radius:14px;height:340px;overflow:hidden;margin-bottom:25px;transition:.3s ease}.flora-detail-photo:hover{border-color:#2f7928;background:#f9fef9}.flora-detail-photo img{max-width:100%;object-fit:contain;border-radius:10px;filter:drop-shadow(0 0 5px rgba(0,0,0,.1))}.flora-detail-photo p{color:#888;font-style:italic}.flora-label{display:block;font-weight:600;margin:18px 0 8px;color:#2f7928;font-size:1.05rem}input[type=text]{width:100%;border-radius:10px;border:1px solid #ccc;padding:10px 14px;font-size:1rem;outline:none;margin-bottom:18px;transition:.2s ease}input[type=text]:focus{border-color:#2f7928;box-shadow:0 0 6px #2f792833}.flora-detail-buttons{display:flex;justify-content:center;gap:18px;margin-top:25px}.flora-detail-message{text-align:center;margin-top:25px;font-weight:600;font-size:1.05rem;color:#2f7928;animation:fadeIn .5s ease}.flora-photo-label{text-align:left;font-size:1.2rem;font-weight:600;color:#2f7928;margin-bottom:10px}@media (max-width: 768px){.flora-detail-container{padding:25px;margin:90px 10px}.flora-detail-container h2{font-size:1.6rem}.flora-detail-photo{height:260px}.flora-detail-buttons{flex-direction:column;gap:12px}.update-btn,.delete-btn{width:100%}}.fauna-add-container{background:#fff;border-radius:12px;padding:40px;margin:120px auto;max-width:1200px;box-shadow:0 6px 20px #00000026;text-align:center;font-family:Segoe UI,Roboto,sans-serif;color:#2c3e50}.fauna-add-container h2{font-size:1.8rem;color:#1e5631;margin-bottom:25px;display:flex;align-items:center;justify-content:center;gap:10px}.fauna-add-container i{color:#2f7928;font-size:1.6rem}.fauna-add-container form{display:flex;flex-direction:column;gap:18px;text-align:left}.fauna-add-container label{font-weight:600;color:#1b3b1a;margin-bottom:4px}.fauna-add-container input[type=text],.fauna-add-container textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #d0d0d0;font-size:1rem;resize:none;transition:all .2s ease-in-out}.fauna-add-container input[type=text]:focus,.fauna-add-container textarea:focus{outline:none;border-color:#2f7928;box-shadow:0 0 5px #2f79284d}.fauna-add-container input[type=file]{border:none;background:#f4fdf3;padding:8px;border-radius:8px;cursor:pointer;transition:background .3s ease}.fauna-add-container input[type=file]:hover{background:#e8f7e6}.fauna-add-container button{background:linear-gradient(90deg,#2f7928,#4e944f);color:#fff;padding:12px 20px;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;margin-top:10px}.fauna-add-container button:hover{background:linear-gradient(90deg,#276821,#3d7b3f);transform:scale(1.02)}.fauna-message{margin-top:15px;font-weight:500;padding:10px;border-radius:6px}.fauna-message:has(>span){display:inline-block}.fauna-message:before{content:""}.fauna-message:contains("✅"){color:#2e7d32}.fauna-message:contains("❌"){color:#c62828}@media (max-width: 768px){.fauna-add-container{margin:100px 20px;padding:25px}.fauna-add-container h2{font-size:1.5rem}.fauna-add-container button{font-size:1rem}}.fauna-add-container select{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #ccc;background-color:#fff;font-size:1rem;transition:all .2s ease}.fauna-add-container select:focus{outline:none;border-color:#2f7928;box-shadow:0 0 5px #2f79284d}.fauna-add-container input[type=file][accept^=audio]{background:#f7fdf6;border:1px dashed #3b873e;padding:10px;border-radius:8px;cursor:pointer}.fauna-add-container input[type=file][accept^=audio]:hover{background:#eef9ee}.fauna-list-container{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000026;max-width:1200px;margin:100px auto}.fauna-search{width:100%;border-radius:8px;border:1px solid #ccc;padding:10px 12px;margin-bottom:20px;font-size:1rem;margin-top:15px}.fauna-list{list-style:none;padding:0;margin:0}.fauna-item{display:flex;align-items:center;gap:15px;padding:12px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background .2s}.fauna-item:hover{background-color:#f7fdf6}.fauna-thumbnail{width:70px;height:70px;object-fit:cover;border-radius:10px;border:2px solid #2f7928}.fauna-placeholder{width:70px;height:70px;border-radius:10px;background-color:#e9f5e8;color:#2f7928;display:flex;align-items:center;justify-content:center;font-size:24px}.fauna-info h4{margin:0;color:#2f7928}.fauna-info p{margin:5px 0 0;color:#555;font-size:.9rem}.fauna-detail-container{background:#fff;border-radius:18px;box-shadow:0 10px 35px #0000001a;padding:45px 55px;max-width:1200px;margin:120px auto;font-family:Segoe UI,Roboto,sans-serif;color:#2f2f2f;position:relative;transition:all .3s ease}.fauna-detail-container:hover{transform:translateY(-3px)}.back-btn{position:absolute;top:25px;left:25px;background:none;border:none;color:#3a8c3a;font-size:1.1rem;cursor:pointer;font-weight:600;transition:.3s}.back-btn:hover{color:#2f7928;transform:translate(-6px)}.fauna-detail-container h2{text-align:center;color:#2f7928;font-weight:700;font-size:2.2rem;margin-bottom:15px}.fauna-detail-container h2 i{color:#4caf50;margin-right:10px}.fauna-instructions{text-align:center;color:#555;font-size:1rem;margin-bottom:30px;background:#f8fdf8;padding:12px 20px;border-radius:10px;border-left:4px solid #2f7928}.fauna-detail-photo{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f4fbf4,#f0fdf0);border:2px dashed #a6dba6;border-radius:14px;height:400px;overflow:hidden;margin-bottom:25px;transition:.3s ease}.fauna-detail-photo:hover{border-color:#2f7928;background:#f9fef9}.fauna-detail-photo img{max-width:100%;object-fit:cover;border-radius:10px;filter:drop-shadow(0 0 5px rgba(0,0,0,.1))}.fauna-detail-photo p{color:#888;font-style:italic}.fauna-label{display:block;font-weight:600;margin:18px 0 8px;color:#2f7928;font-size:1.05rem}input[type=text],select{width:100%;border-radius:10px;border:1px solid #ccc;padding:10px 14px;font-size:1rem;outline:none;margin-bottom:18px;transition:.2s ease}input[type=text]:focus,select:focus{border-color:#2f7928;box-shadow:0 0 6px #2f792833}textarea{width:100%;resize:none;border-radius:10px;border:1px solid #dcdcdc;padding:12px;font-size:1rem;line-height:1.5;outline:none;transition:.2s;margin-bottom:20px}textarea:focus{border-color:#2f7928;box-shadow:0 0 6px #2f792833}input[type=file]{display:block;width:100%;padding:10px;border:1px dashed #bbb;border-radius:10px;background-color:#fafafa;margin-bottom:25px;cursor:pointer;transition:.2s}input[type=file]:hover{border-color:#2f7928;background-color:#f9fef9}.audio-preview{display:flex;justify-content:center;margin-top:10px}audio{width:100%;max-width:450px;outline:none;border-radius:10px}.fauna-detail-buttons{display:flex;justify-content:center;gap:18px;margin-top:25px}.update-btn,.delete-btn{padding:12px 32px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;color:#fff;letter-spacing:.4px}.update-btn{background:linear-gradient(135deg,#2f7928,#4caf50);box-shadow:0 3px 10px #4caf5040}.update-btn:hover{background:linear-gradient(135deg,#3fa83a,#5cd45c);transform:scale(1.05)}.update-btn:disabled{background:#9ccc9c;cursor:not-allowed;box-shadow:none}.delete-btn{background:linear-gradient(135deg,#c62828,#e53935);box-shadow:0 3px 10px #e5393540}.delete-btn:hover{background:linear-gradient(135deg,#e53935,#f76b6b);transform:scale(1.05)}.fauna-detail-message{text-align:center;margin-top:25px;font-weight:600;font-size:1.05rem;color:#2f7928;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.fauna-detail-container{padding:25px;margin:90px 10px}.fauna-detail-container h2{font-size:1.6rem}.fauna-detail-photo{height:260px}.fauna-detail-buttons{flex-direction:column;gap:12px}.update-btn,.delete-btn{width:100%}}.addqr-container{background:#fff;max-width:1200px;margin:120px auto;padding:30px;border-radius:15px;box-shadow:0 4px 15px #00000026}.addqr-container h2{text-align:center;color:#2f7928;margin-bottom:25px}form label{font-weight:600;margin-top:15px;display:block;color:#333}input[type=text],textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;margin-top:8px}.add-btn,.qr-btn,.submit-btn{background:#2f7928;color:#fff;border:none;border-radius:8px;padding:10px 15px;font-weight:600;margin-top:15px;cursor:pointer;transition:.2s}.add-btn:hover,.qr-btn:hover,.submit-btn:hover{background:#25671e}.text-block{display:flex;gap:10px;align-items:center;margin-top:8px}.remove-btn{background:#c62828;color:#fff;border:none;border-radius:5px;cursor:pointer;padding:6px 10px}.remove-btn:hover{background:#b71c1c}.qr-preview{text-align:center;margin-top:20px}.qr-preview img{width:200px;height:200px;margin-top:10px;border:3px solid #2f7928;border-radius:10px}.audio-list{margin-top:10px;list-style:none;padding:0}.audio-list li{background:#f5f5f5;border-radius:8px;padding:8px 12px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.addqr-message{text-align:center;font-weight:600;margin-top:20px;color:#2f7928}.fauna-flora-section{margin-top:20px}.multi-select{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}.option{padding:8px 12px;background-color:#f0f0f0;border-radius:6px;border:1px solid #ccc;cursor:pointer;transition:.2s}.option.selected{background-color:#2f7928;color:#fff;border-color:#2f7928}.qr-preview{margin-top:30px;text-align:center;background:#f9fff9;padding:20px;border-radius:10px;border:2px solid #3a7b3a}.qr-preview img{width:200px;height:200px;margin-top:10px;border-radius:10px}.pdf-btn{margin-top:15px;background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:.2s;margin-left:50px}.pdf-btn:hover{background:#c0392b}.texts-section{margin-top:15px}.text-block{background:#f9fdf9;border:2px solid #3a7b3a20;border-radius:12px;padding:15px;margin-bottom:15px;transition:.2s}.text-block:hover{border-color:#3a7b3a60;background:#f5fff5}.text-heading{width:100%;border:1px solid #ccc;border-radius:6px;padding:8px;margin-bottom:10px;font-weight:600;font-size:1rem}.text-block textarea{width:100%;border:1px solid #ccc;border-radius:6px;padding:8px;resize:vertical;font-size:.95rem}.add-btn{display:inline-block;margin-top:5px;background-color:#3a7b3a;color:#fff;padding:8px 14px;border:none;border-radius:8px;cursor:pointer;transition:.2s}.add-btn:hover{background-color:#2f672f}.remove-btn{background:transparent;color:#c62828;border:none;cursor:pointer;margin-top:5px;font-size:.9rem}.remove-btn:hover{text-decoration:underline}.multi-select{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.option{background:#f2f9f2;border:1px solid #3a7b3a50;border-radius:8px;padding:8px 14px;cursor:pointer;transition:.2s}.option:hover{background:#e8f7e8}.option.selected{background:#3a7b3a;color:#fff;border-color:#2e5e2e}.qr-list-wrapper{background:linear-gradient(120deg,#eef2f3,#fff);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#1e293b;font-family:Inter,sans-serif}.qr-list-header{width:100%;max-width:1200px;text-align:center;margin-bottom:50px}.qr-list-header h1{font-size:2.4rem;font-weight:500;letter-spacing:-.5px;color:#1e3a8a;margin-bottom:20px}.qr-search{width:100%;max-width:400px;padding:12px 16px;font-size:1rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff;box-shadow:0 4px 10px #0000000d;transition:all .3s ease}.qr-search:focus{border-color:#2563eb;box-shadow:0 4px 12px #2563eb33;outline:none}.qr-list-container{width:100%;max-width:1200px}.qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.qr-card{background:#ffffffe6;border-radius:20px;box-shadow:0 8px 25px #00000014;overflow:hidden;transition:all .35s ease;cursor:pointer;display:flex;flex-direction:column}.qr-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px #0000001f}.qr-image-wrapper{background:linear-gradient(145deg,#dbeafe,#eff6ff);display:flex;justify-content:center;align-items:center;padding:30px}.qr-image{width:200px;height:200px;object-fit:contain;border-radius:12px;transition:transform .3s ease}.qr-card:hover .qr-image{transform:scale(1.05)}.qr-info{padding:25px 25px 30px;text-align:center;flex-grow:1}.qr-info h2{font-size:1.3rem;color:#1e3a8a;font-weight:600;margin-bottom:8px}.qr-info p{font-size:.95rem;color:#475569;line-height:1.4;margin-bottom:12px;min-height:40px}.qr-id{display:inline-block;font-size:.8rem;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:6px;letter-spacing:.3px}.qr-empty-state{text-align:center;padding:60px 20px;background:#ffffffbf;border-radius:16px;box-shadow:0 6px 20px #0000000d}.qr-empty-state h3{font-size:1.4rem;color:#1e40af;margin-bottom:10px}.qr-empty-state p{color:#64748b}.qr-loading,.qr-error{font-size:1.1rem;text-align:center;color:#475569;margin-top:100px}.qr-detail-page{padding:50px;background:linear-gradient(135deg,#e5ecff,#f9fafb);min-height:100vh;display:flex;flex-direction:column;align-items:center;margin-top:80px}.qr-detail-container{width:100%;max-width:1200px;background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;padding:40px 50px;margin-bottom:60px}.qr-detail-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;margin-bottom:40px}.qr-detail-img{width:160px;height:160px;object-fit:contain;border-radius:12px;border:2px solid #e5e7eb;margin-bottom:15px}.qr-header-text{flex:1;margin-left:20px}.qr-header-text h1{color:#1e3a8a;font-size:2rem;margin-bottom:10px}.qr-header-text p{color:#444;margin-bottom:5px}.btn-row{display:flex;justify-content:center;gap:15px;margin-top:15px;flex-wrap:wrap}.print-btn,.delete-btn,.save-btn{border:none;border-radius:8px;padding:10px 18px;color:#fff;cursor:pointer;transition:.3s;font-size:.95rem;display:flex;align-items:center;gap:8px}.print-btn{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.print-btn:hover{background:linear-gradient(90deg,#1e40af,#1d4ed8)}.delete-btn{background:linear-gradient(90deg,#dc2626,#991b1b)}.delete-btn:hover{background:linear-gradient(90deg,#b91c1c,#7f1d1d)}.save-btn{background:linear-gradient(90deg,#16a34a,#15803d)}.save-btn:hover{background:linear-gradient(90deg,#15803d,#166534)}button{cursor:pointer}.edit-input,.edit-textarea{width:100%;border:2px solid #d1d5db;border-radius:8px;padding:10px 12px;margin-bottom:10px;font-size:1rem;color:#111827;background:#f9fafb;transition:border-color .3s ease,background .3s ease}.edit-input:focus,.edit-textarea:focus{border-color:#2563eb;background:#fff;outline:none}.edit-input.title{font-size:1.5rem;font-weight:600;color:#1e3a8a}input[type=file]{margin-top:8px;display:block}.qr-section{margin-bottom:40px;background:#eceff1;padding:20px;border-radius:12px}.qr-section h2{display:flex;align-items:center;font-size:1.3rem;color:#1e3a8a;margin-bottom:20px}.qr-section h2 i{margin-right:10px;color:#2563eb;font-size:1.4rem}.qr-text{background:#f8fafc;border-radius:10px;padding:15px 20px;box-shadow:0 2px 8px #0000000a;margin-bottom:15px;position:relative}.qr-text h3{margin-bottom:8px;color:#1e3a8a}.qr-text textarea{min-height:70px}.qr-section button{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:8px 15px;margin-top:10px;font-size:.9rem;transition:background .25s ease}.qr-section button:hover{background:#1e3a8a}.qr-section button:disabled{opacity:.6;cursor:not-allowed}.media-card button,.qr-text button{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 10px;margin-top:8px;font-size:.8rem;transition:background .25s ease}.media-card button:hover,.qr-text button:hover{background:#dc2626}.qr-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px}.media-card{background:#fff;border-radius:16px;box-shadow:0 3px 12px #00000014;padding:15px;text-align:center;transition:transform .25s ease;position:relative}.media-card:hover{transform:translateY(-4px)}.media-card img{width:100px;height:100px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:10px}.media-card h4{color:#1e3a8a;margin-bottom:5px}.media-card p{color:#555;font-size:.95rem}.media-card input,.media-card textarea{width:100%;margin-top:6px;font-size:.9rem}.qr-photo-grid.small-thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;justify-items:center}.qr-photo-grid.small-thumbs img{width:150px;height:150px;object-fit:cover;border-radius:8px;box-shadow:0 2px 6px #0000001a;border:1px solid #ddd;transition:transform .2s}.qr-photo-grid.small-thumbs img:hover{transform:scale(1.05)}.photo-card{position:relative}.photo-card button{position:absolute;top:6px;right:6px;background:#dc2626d9;color:#fff;border:none;border-radius:50%;width:26px;height:26px;font-size:.8rem;cursor:pointer;transition:background .2s}.photo-card button:hover{background:#b91c1cf2}audio{display:block;margin-top:10px;width:100%}audio+button{margin-top:8px}.empty-msg{text-align:center;color:#6b7280;background:#f3f4f6;border-radius:8px;padding:10px 15px;font-style:italic;font-size:.95rem;box-shadow:inset 0 1px 3px #0000000d;margin-top:10px}@media print{.no-print{display:none!important}.qr-detail-page{background:#fff;padding:0}}@media (max-width: 768px){.qr-detail-container{padding:25px}.qr-detail-header{flex-direction:column}.qr-detail-img{width:130px;height:130px}.qr-header-text h1{font-size:1.5rem}.btn-row{flex-direction:column}}.edit-btn{background:linear-gradient(90deg,#207a3a,#2e9b4b);border:none;border-radius:8px;padding:10px 18px;color:#fff;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 3px 6px #207a3a4d}.edit-btn:hover{background:linear-gradient(90deg,#1d6a33,#248a40);box-shadow:0 4px 10px #207a3a66;transform:translateY(-2px)}.cancel-btn{background:linear-gradient(90deg,#e20505,#f80303);border:none;border-radius:8px;padding:10px 18px;color:#fff;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 3px 6px #5b7c5940}.cancel-btn:hover{background:linear-gradient(90deg,#e20505,#f80303);border:none;box-shadow:0 4px 10px #506e4d59;transform:translateY(-2px)}.btn-row button{min-width:140px}.add-row{margin-top:10px;text-align:center}.add-btn{background:linear-gradient(90deg,#2e9b4b,#38b353);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:.9rem;cursor:pointer;transition:.25s ease}.add-btn:hover{background:linear-gradient(90deg,#248a40,#2fa34a);transform:translateY(-1px)}.remove-btn{background:linear-gradient(90deg,#c53030,#9b2c2c);color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:.85rem;margin-top:8px;cursor:pointer;transition:.25s ease}.remove-btn:hover{background:linear-gradient(90deg,#9b2c2c,#7f1d1d);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .25s ease}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;padding:30px;box-shadow:0 10px 30px #00000040;animation:scaleIn .25s ease}.modal-content h3{font-size:1.4rem;color:#14532d;margin-bottom:15px;text-align:center}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:20px}.modal-card{background:#f8fafc;border-radius:12px;box-shadow:0 3px 8px #0000001a;padding:12px;text-align:center;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.modal-card:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000026;background:#f1fdf5}.modal-card img{width:100px;height:100px;object-fit:cover;border-radius:8px;margin-bottom:8px;border:1px solid #e2e8f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.photo-card{position:relative;display:inline-block;border-radius:10px;overflow:hidden}.photo-remove{position:absolute!important;top:0!important;right:5px!important;width:5px!important;height:28px!important;background:#f30303e6!important;border:2px solid #a3b18a;border-radius:50%;color:#344e41;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;transition:all .25s ease;opacity:1}.photo-remove:hover{background:#a3b18a;color:#fff;border-color:#344e41;transform:scale(1.1)}.photo-remove:active{transform:scale(.95)}.add-select-row{display:flex;align-items:center;gap:10px;margin-top:10px}.add-select-row select{padding:8px 10px;border-radius:8px;border:1px solid #ccc;font-size:.95rem;min-width:200px}.edit-label{display:block;font-weight:650;margin-top:12px;margin-bottom:6px;color:#2e4a2f;font-size:15px;text-align:left;font-size:18px}.edit-input.title,.edit-textarea{width:100%;border:1px solid #c3d4c4;border-radius:8px;padding:8px 10px;font-size:15px}.edit-textarea{min-height:90px;resize:vertical}.user-update-container{max-width:1020px;margin:40px auto;background:#fff;padding:25px 30px;border-radius:10px;box-shadow:0 4px 12px #00000014;text-align:center}.user-update-container h2{color:#1e3a8a;margin-bottom:20px}.user-update-form{display:flex;flex-direction:column;gap:15px}.form-group{text-align:left}.form-group label{font-weight:600;margin-bottom:6px;display:block}.form-group input{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.95rem}.password-input-wrapper{position:relative}.toggle-password-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#4b5563;font-size:1.1rem;padding:6px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background .2s,color .2s}.toggle-password-btn:hover{background:#0000000d;color:#1e40af}.password-strength{margin-top:5px;font-size:.9rem}.password-strength.weak{color:#dc2626}.password-strength.strong{color:#16a34a}.user-update-form button{background:#2563eb;color:#fff;padding:10px 0;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.user-update-form button:hover{background:#1d4ed8}.user-update-msg{margin-top:15px;font-weight:500;color:#374151}.profile-container{max-width:1200px;margin:40px auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 15px #00000014}.profile-card{display:flex;flex-direction:column;align-items:center;gap:20px}.profile-photo img{width:110px;height:110px;border-radius:50%;border:3px solid #2563eb;object-fit:cover}.default-photo{font-size:110px;color:#93c5fd}.profile-info{width:100%;background:#f9fafb;border-radius:8px;padding:15px 20px}.profile-info p{margin:8px 0}.photo-form,.password-form{width:100%;margin-top:15px;display:flex;flex-direction:column;gap:10px}.photo-form input,.password-form input{padding:8px 10px;border-radius:6px;border:1px solid #ccc}.photo-form button,.password-form button{background-color:#2563eb;color:#fff;border:none;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background-color .2s}.photo-form button:hover,.password-form button:hover{background-color:#1e40af}.profile-message{margin-top:10px;font-weight:500;color:#2563eb}.translation-editor-wrapper{display:flex;width:100%;margin:0 auto;max-width:1600px;padding:20px;gap:25px}.translation-sidebar{width:300px;background:#fff;padding:20px;border-radius:14px;border:1px solid #e2e8f0;height:calc(100vh - 120px);position:sticky;top:90px;overflow-y:auto}.translation-sidebar h2{font-size:22px;font-weight:700;margin-bottom:20px;color:#1e293b}.sidebar-label{font-size:14px;margin-bottom:5px;font-weight:600;color:#334155}.sidebar-select{width:100%;padding:8px 12px;margin-bottom:18px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px;background:#f8fafc}.sidebar-divider{height:2px;background:#e2e8f0;margin:15px 0}.item-list{max-height:55vh;overflow-y:auto}.item{padding:12px 14px;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:.2s}.item:hover{background:#e2e8f0}.item.active{background:#0284c7;border-color:#0369a1;color:#fff;font-weight:700}.translation-editor-content{flex:1;background:#fff;padding:25px;border-radius:14px;border:1px solid #cbd5e1;min-height:600px}.editor-placeholder{font-size:18px;padding-top:100px;color:#64748b}.sidebar-input{width:100%;padding:8px 10px;border:1px solid #94a3b8;border-radius:6px;margin-bottom:15px;font-size:14px}.no-results{margin-top:15px;text-align:center;opacity:.6}.editor-card{background:#fff;padding:24px 28px;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 4px 22px #00000014;animation:fadeIn .25s ease-out;width:100%;max-width:900px}.editor-wrapper{width:100%;max-width:900px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.editor-title{font-size:24px;font-weight:700;margin-bottom:6px;color:#1e293b}.editor-subtitle{opacity:.65;margin-top:-4px;margin-bottom:20px;font-size:14px}.editor-highlight{color:#0ea5e9}.editor-field,.edit-field{margin-bottom:18px;display:flex;flex-direction:column}.editor-field label,.edit-field label{font-weight:600;margin-bottom:6px;color:#0f172a}.editor-input,.editor-textarea,.edit-field input,.edit-field textarea{width:100%;padding:10px 14px;font-size:15px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;transition:all .2s}.editor-input:focus,.editor-textarea:focus,.edit-field input:focus,.edit-field textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e940;outline:none}.editor-textarea,.edit-field textarea{resize:vertical;min-height:90px}.qrtext-block{margin-top:14px;padding:14px 16px;border-radius:10px;border:1px dashed #cbd5e1;background:#f9fafb}.editor-save-btn,.save-button{background:#0ea5e9;color:#fff;padding:11px 20px;border-radius:8px;border:none;cursor:pointer;font-size:15px;margin-top:10px;transition:.25s}.editor-save-btn:hover,.save-button:hover{background:#0284c7}.editor-save-btn:disabled,.save-button:disabled{background:#94a3b8!important;cursor:not-allowed}.editor-status,.status-msg{margin-top:15px;font-weight:600;font-size:14px}