*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,sans-serif;background-color:#fffdf4;line-height:1.6}.page{min-height:100vh;background-image:url(/assets/mango-bg.vzVb0qGN.png);background-size:cover;background-position:center;padding:2rem 1rem;position:relative;display:flex;flex-direction:column;align-items:center}.falling-mangoes{position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:9999}.mango{position:absolute;top:-60px;opacity:.95;animation-name:drop;animation-timing-function:cubic-bezier(.32,.72,.38,1.17);animation-fill-mode:forwards;animation-duration:3s}@keyframes drop{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(90vh) rotate(360deg);opacity:1}}.overlay{background:#ffffff80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2rem;border-radius:16px;width:100%;max-width:480px;box-shadow:0 12px 28px #00000026;z-index:20}.hero{text-align:center;margin-bottom:1.5rem}.tagline{font-family:"Baloo 2",cursive;font-size:1.2rem;font-weight:700;color:#4e342e}h1{font-family:Pacifico,cursive;font-size:2.2rem;color:#d35400;margin:.3rem 0}.highlight{color:#ff7043}.subtitle{font-size:1rem;color:#2e7d32;background:#e9f5e9;padding:6px 16px;border-radius:50px;display:inline-block}.why-choose-our-mangoes{background:linear-gradient(to left,#fff8dc,#fedaa3);padding:1rem;border-radius:12px;margin-top:2rem;text-align:center;box-shadow:0 4px 12px #0000004d}.about-mangoes{background:linear-gradient(to right,#fff8dc,#fedaa3);padding:1rem;border-radius:12px;margin-top:2rem;text-align:center;box-shadow:0 4px 12px #0000004d}.about-mangoes h3{font-size:1.2rem;color:#e65100}.about-mangoes p{font-size:.95rem;color:#444}.form-card{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.form-card h2{font-size:1.3rem;color:#e65100;text-align:center}input,textarea{width:100%;padding:.9rem;font-size:1rem;border:2px solid #ffd54f;border-radius:10px;background:#fffefb;outline:none;transition:border .3s ease}input:focus,textarea:focus{border-color:#ffb300}textarea{resize:none;height:80px}button{background:#ff9800;color:#fff;font-weight:700;padding:1rem;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:background .3s ease;white-space:nowrap}button:hover{background:#e65100}.error{color:#d32f2f;font-size:.9rem;margin-top:-.5rem;margin-bottom:.5rem;text-align:left;padding-left:.3rem}.footer{background:#ffffff80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:2px dashed #ffe082;padding:2rem 1rem;margin-top:2rem;text-align:center;font-size:.95rem;color:#333;border-radius:16px;width:100%;max-width:480px;box-shadow:0 4px 10px #00000014}.footer h4{margin-bottom:.5rem;font-size:1.1rem;color:#e67e22}.footer a{color:#e67e22;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-note{font-size:.8rem;color:#555;margin-top:1rem}.table-wrapper{width:100%;overflow-x:auto;background:#ffffffe6;border-radius:16px;padding:1rem;box-shadow:0 12px 28px #00000026}.orders-table{width:100%;min-width:600px;border-collapse:collapse;margin-top:1rem;font-size:.95rem}.orders-table th,.orders-table td{border:1px solid #ddd;padding:.8rem;text-align:center}.orders-table th{background-color:#f3a847;color:#fff}.orders-table tr:nth-child(2n){background-color:#fdf5e6}.orders-table tr.inactive{background-color:#ffeaea;color:#999}.orders-table tr.warning{background-color:#ffc107cc;color:#856404}.orders-table tr.success{background-color:#28a745cc;color:#155724}.orders-table tr.order-received{background-color:#e3f2fd;color:#0d47a1}.orders-table tr.in-progress{background-color:#fff9c4;color:#f57f17}.orders-table tr.out-for-delivery{background-color:#e0f7fa;color:#006064}.orders-table tr.delivered{background-color:#dcedc8;color:#33691e}.orders-table tr.order-received-payment-completed{background-color:#c8e6c9;color:#1b5e20}.orders-table select{padding:.5rem;font-size:.95rem;border:2px solid #ffd54f;border-radius:8px;background:#fffefb;outline:none;transition:border .3s ease}.orders-table select:focus{border-color:#ffb300}.action-buttons{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;align-items:flex-start}.action-buttons button{padding:.6rem 1rem;font-size:.95rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.action-buttons button:hover{opacity:.95}.cancel-btn{background-color:#d32f2f;color:#fff}.cancel-btn:hover{background-color:#b71c1c}.update-btn{background-color:#ff9800;color:#fff}.update-btn:hover{background-color:#e65100}.logout-container{position:absolute;top:10px;right:10px}.logout-btn{background-color:#ff4d4d;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px}.logout-btn:hover{background-color:#ff1a1a}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 20px #0000004d;text-align:center;max-width:400px;width:90%}.popup p{font-size:1.2rem;color:#333;margin-bottom:20px}.popup button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;margin:0 10px;transition:background-color .3s ease}.popup button:hover{background-color:#45a049}.popup .cancel-btn{background-color:#f44336}.popup .cancel-btn:hover{background-color:#d32f2f}.popup-buttons{display:flex;justify-content:center;gap:10px}.popup-buttons button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.popup-buttons .proceed{background-color:#4caf50;color:#fff}.popup-buttons .cancel{background-color:#f44336;color:#fff}.statistics-container{display:flex;justify-content:center;align-items:center;background:linear-gradient(to left,#fff8dc,#fedaa3);padding:1rem;border-radius:12px;margin-top:2rem;text-align:center;box-shadow:0 4px 12px #0000004d}.stat-info{text-align:center;font-size:1.5rem;color:#4e342e;font-weight:700}.stat-info .odometer{font-size:2.5rem;color:#e65100}.statistics-container-admin{background-color:#fff8e1;border:1px solid #ffcc80;border-radius:12px;padding:20px;margin:20px auto;max-width:900px;box-shadow:0 4px 8px #0000001a;text-align:center}.statistics-container-admin h2{font-size:1.8rem;margin-bottom:20px;color:#e65100;font-weight:700}.statistics-row-admin{display:flex;justify-content:space-around;align-items:center;gap:20px}.stat-item-admin{background-color:#fff3e0;border:1px solid #ffe0b2;border-radius:8px;padding:15px 20px;flex:1;text-align:center;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.stat-item-admin:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0003}.stat-item-admin h3{font-size:2rem;color:#ff6f00;margin:0}.stat-item-admin p{font-size:1rem;color:#6d4c41;margin-top:10px}@media (max-width: 768px){.statistics-container{grid-template-columns:1fr;padding:1.5rem}.stat-card{padding:1rem}.stat-info h3{font-size:1.2rem}.stat-info .odometer{font-size:1.5rem}.page{background-position:right center}}.counter{text-align:center;font-family:Arial,sans-serif;margin:1rem}.counter h3{font-size:2.5rem;color:#ff6f61;margin:0}.counter p{font-size:1.2rem;color:#333;margin:.5rem 0 0}@media (max-width: 768px){.statistics-container{grid-template-columns:1fr;padding:1.5rem}.stat-card{padding:1rem}.stat-info h3{font-size:1.2rem}.stat-info .odometer{font-size:1.5rem}}@media (max-width: 768px){.statistics-container{flex-direction:column;gap:1.5rem}}@media (max-width: 768px){.statistics-container-admin{padding:10px;font-size:14px}.statistics-row-admin{display:flex;flex-direction:column;gap:15px}.stat-item-admin{text-align:center;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.stat-item-admin p{margin-bottom:5px;font-size:16px}}@media (max-width: 768px){.statistics-row-admin{display:flex;flex-direction:row;gap:15px;overflow-x:auto;white-space:nowrap}.stat-item-admin{flex:0 0 auto;text-align:center;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;min-width:150px}.stat-item-admin p{margin-bottom:5px;font-size:16px}}@media (max-width: 768px){.statistics-container-admin{height:auto;min-height:200px}.stat-item-admin{padding:15px}}@media (max-width: 768px){.logout-container{position:fixed;top:10px;right:10px;z-index:1000}.logout-btn{padding:12px 18px;font-size:16px}}@media (max-width: 768px){.statistics-container-admin{background-color:#fff8e1;border:1px solid #ffcc80}.stat-item-admin{background-color:#fff3e0;border:1px solid #ffe0b2;color:#6d4c41}.stat-item-admin h3{color:#ff6f00}.stat-item-admin p{color:#6d4c41}}@media (max-width: 768px){.orders-table{font-size:.85rem;padding:0 10px}.orders-table th,.orders-table td{padding:.6rem}#order-image,#details-image{width:120px;height:120px;transition:transform 1.2s ease}#order-image:hover,#details-image:hover{transform:scale(1.1);overflow:hidden}}@media (max-width: 480px){h1{font-size:1.7rem}.tagline{font-size:1rem}.form-card h2{font-size:1.1rem}.overlay{padding:1.2rem}}@media screen and (min-width: 1024px){.page{padding:3rem 2rem}.overlay{max-width:800px}.hero h1{font-size:3rem}.tagline{font-size:1.5rem}.form-card{padding:2rem 0}.footer{max-width:800px}}@media screen and (max-width: 1023px) and (min-width: 768px){.overlay{max-width:600px}.hero h1{font-size:2.5rem}}@media screen and (max-width: 767px){.page{padding:1rem .8rem}.overlay{padding:1rem;margin:.5rem;width:calc(100% - 1rem)}.hero h1{font-size:1.8rem}.tagline{font-size:1rem}.subtitle{font-size:.9rem;padding:4px 12px}.form-card{gap:.8rem}input,textarea,button{padding:.8rem;font-size:.95rem}.about-mangoes{padding:.8rem;margin-top:1.5rem}.about-mangoes h3{font-size:1.1rem}.about-mangoes p{font-size:.9rem}.footer{padding:1.5rem 1rem;margin-top:1.5rem;font-size:.9rem}.table-wrapper{margin:0 -.8rem;padding:0 .8rem}.orders-table{font-size:.8rem}.orders-table th,.orders-table td{padding:.5rem}.action-buttons{flex-direction:column;gap:.3rem}.action-buttons button{width:100%;padding:.5rem;font-size:.9rem}}@media screen and (max-width: 360px){.hero h1{font-size:1.5rem}.tagline{font-size:.9rem}.overlay{padding:.8rem}input,textarea,button{font-size:.9rem}}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:10px}.pagination-btn{padding:10px 15px;font-size:14px;font-weight:700;color:#fff;background-color:#ff9800;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.pagination-btn:hover{background-color:#e65100}.pagination-btn:disabled{background-color:#ccc;cursor:not-allowed}.pagination-btn.active{background-color:#4caf50}.button-group{display:flex;gap:20px;justify-content:center;margin-top:20px}.fancy-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 1.2s ease}.fancy-button img{width:150px;height:150px;transition:transform 1.2s ease}.fancy-button div{text-align:center;margin-top:10px;transition:transform 1.2s ease}.fancy-button p{font-size:18px;font-weight:700;color:#ff4500;font-family:Nunito,sans-serif;animation:fadeInText 1.2s ease-in-out;margin-top:10px}.photo-carousel{display:flex;overflow:hidden;width:100%;max-width:900px;margin:20px auto 0}.carousel-track{display:flex;transition:transform .5s ease-in-out}.carousel-track img{width:33.33%;flex-shrink:0;height:auto;border-radius:10px;margin:0 10px;border:1px solid #ccc;box-shadow:0 2px 4px #0003}.odometer.odometer-auto-theme,.odometer.odometer-theme-default,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:middle;*vertical-align: auto;*zoom: 1;*display: inline;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;*vertical-align: auto;*zoom: 1;*display: inline;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.odometer.odometer-auto-theme,.odometer.odometer-theme-default{font-family:Helvetica Neue,sans-serif;line-height:1.1em}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center}