body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body,html{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 30%,#a5d6a7 60%,#81c784);color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.container{padding:20px}.app-header{color:#fff;margin-bottom:40px;text-align:center}.header-top{gap:20px;justify-content:space-between;margin-bottom:20px}.header-top,.user-section{align-items:center;display:flex;flex-wrap:wrap}.user-section{gap:15px}.user-email{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:8px;font-size:.9rem;opacity:.9;padding:8px 12px}.logout-btn{background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.2)!important}.logout-btn:hover{background:hsla(0,0%,100%,.2)!important}.app-title{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#2e7d32,#4caf50);-webkit-background-clip:text;background-clip:text;caret-color:transparent;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-subtitle{font-size:1.1rem;font-weight:300;margin-bottom:20px;opacity:.9}.business-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:20px;padding:20px}.contact-item{align-items:center;color:hsla(0,0%,100%,.9);display:flex;font-size:.9rem;font-weight:400;gap:8px;transition:all .3s ease}.contact-item:hover{color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.contact-icon{opacity:.8}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{-webkit-animation:fadeIn .6s ease-out;animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:25px;box-shadow:0 25px 50px rgba(0,0,0,.15);max-width:450px}.login-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:8px}.login-subtitle{color:#718096;font-size:1rem;font-weight:400}.business-info-login{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:30px;padding:15px}.business-info-login .contact-item{color:#4a5568;font-size:.85rem}.business-info-login .contact-item:hover{color:#2d3748}.login-form{margin-bottom:25px}.login-btn{font-size:1.1rem;margin-top:10px;padding:15px;width:100%}.error-message{align-items:center;background:hsla(0,88%,68%,.1);border:1px solid hsla(0,88%,68%,.3);border-radius:8px;color:#e53e3e;display:flex;font-size:.9rem;gap:8px;margin-bottom:20px;padding:12px 16px}.error-icon{font-size:1rem}.login-help{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1);border-radius:12px;padding:20px;text-align:center}.help-text{color:#718096;font-size:.85rem;line-height:1.6}.loading-spinner{-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;display:inline-block;height:16px;width:16px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.1);margin-bottom:30px}.card:hover{box-shadow:0 25px 50px rgba(0,0,0,.15)}.card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.card-title{color:#2d3748;font-size:1.5rem;font-weight:600}.form-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.form-group{display:flex;flex-direction:column}.form-label{color:#4a5568;font-size:.875rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.form-input::-webkit-input-placeholder{color:#a0aec0}.form-input::placeholder{color:#a0aec0}.btn{padding:12px 24px}.btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn-primary{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 15px rgba(76,175,80,.4)}.btn-primary:hover{background:linear-gradient(135deg,#43a047,#4caf50);box-shadow:0 8px 25px rgba(76,175,80,.5)}.btn-secondary{background:linear-gradient(135deg,#f1f8e9,#dcedc8);border:2px solid #a5d6a7;color:#2e7d32}.btn-secondary:hover{background:linear-gradient(135deg,#dcedc8,#c8e6c9);box-shadow:0 4px 12px rgba(76,175,80,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 4px 15px hsla(0,88%,68%,.4)}.btn-danger:hover{box-shadow:0 8px 25px hsla(0,88%,68%,.6)}.btn-success{background:linear-gradient(135deg,#2e7d32,#388e3c);box-shadow:0 4px 15px rgba(46,125,50,.4);color:#fff}.btn-success:hover{box-shadow:0 8px 25px rgba(46,125,50,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-sm{font-size:.875rem}.table-container{box-shadow:0 4px 6px rgba(0,0,0,.05)}.table th{background:linear-gradient(135deg,#667eea,#764ba2)}.table td,.table th{font-size:.875rem;padding:16px 12px}.table td{border-bottom:1px solid #f7fafc}.table tbody tr:hover{background:#f7fafc;-webkit-transform:scale(1.01);transform:scale(1.01)}.table tfoot{background:#2d3748;color:#fff;font-weight:600}.table tfoot td{font-size:1rem;padding:20px 12px}.profit-positive{color:#48bb78;font-weight:600}.profit-negative{color:#f56565;font-weight:600}.summary-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 10px 30px rgba(0,0,0,.1);padding:25px}.summary-card:hover{box-shadow:0 15px 35px rgba(0,0,0,.15)}.summary-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.summary-card-title{color:#2d3748;font-size:1.25rem;font-weight:600}.summary-filters{display:flex;flex-wrap:wrap;gap:10px}.summary-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .3s ease}.summary-select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.summary-select:hover{border-color:#667eea}@media (max-width:768px){.container{padding:15px}.app-title{font-size:2rem}.header-top{flex-direction:column;text-align:center}.user-section{justify-content:center}.business-info{flex-direction:column;gap:15px;padding:15px}.login-card{padding:30px 20px}.form-container{grid-template-columns:1fr}.card{padding:20px}.table-container{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:auto;width:100%}.table{min-width:600px}.table td,.table th{padding:12px 8px}.summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.app-title,.login-title{font-size:1.5rem}.card{padding:15px}.btn{font-size:.875rem;padding:10px 20px}.business-info{padding:10px}.contact-item{font-size:.8rem}.login-card{padding:20px 15px}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.empty-state{color:#a0aec0}.empty-state-icon{font-size:3rem;margin-bottom:20px}.empty-state-text{font-size:1.1rem;margin-bottom:10px}.empty-state-subtext{font-size:.875rem;opacity:.7}.navbar{background:hsla(0,0%,100%,.95);box-shadow:0 2px 8px rgba(0,0,0,.07)}.navbar-title{color:#764ba2;font-size:1.5rem}.navbar-link{color:#333;font-size:1.05rem;transition:background .2s,color .2s}.navbar-link.active,.navbar-link:hover{background:#764ba2;color:#fff}.navbar-title{text-shadow:0 2px 8px rgba(46,125,50,.3)}.navbar-title:before{content:"🐄";font-size:1.4rem}.navbar-link.active,.navbar-link:hover{box-shadow:0 2px 8px rgba(46,125,50,.2);color:#2e7d32}.logout-btn{background:rgba(198,40,40,.9)!important;border:1px solid rgba(198,40,40,.3)!important;margin-right:10px}.logout-btn:hover{background:#c62828!important;box-shadow:0 4px 12px rgba(198,40,40,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.card{background:linear-gradient(145deg,#fff,#f9fbe7 50%,#f1f8e9);border:2px solid #c8e6c9;box-shadow:0 4px 20px rgba(46,125,50,.1);transition:box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-transform .2s}.card:hover{box-shadow:0 8px 30px rgba(46,125,50,.15)}.card h3:before{content:"🌾"}.summary-grid{grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.summary-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:12px;box-shadow:0 2px 10px rgba(46,125,50,.1);color:#1b5e20;font-size:1.1rem;font-weight:500;gap:10px;padding:18px 20px;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.summary-card:hover{box-shadow:0 4px 15px rgba(46,125,50,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.summary-card b{font-size:1.2rem}.table-container{box-shadow:0 2px 10px rgba(46,125,50,.08);max-width:100vw;width:100%}.table td,.table th{border-bottom:1px solid #c8e6c9}.table th{background:linear-gradient(135deg,#2e7d32,#4caf50)}.table tbody tr:hover{background:#e8f5e9}.table tbody tr:nth-child(2n){background:#f1f8e9}.table tbody tr:nth-child(2n):hover{background:#dcedc8}.form-label{color:#2e7d32;display:block;font-size:1rem;font-weight:500;margin-bottom:6px}.form--input{background:linear-gradient(180deg,#fff,#f9fbe7);border:2px solid #c8e6c9}.form--input:focus{border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2)}.form--input::-webkit-input-placeholder{color:#81c784}.form--input::placeholder{color:#81c784}.btn{background:linear-gradient(135deg,#4caf50,#66bb6a 50%,#81c784);box-shadow:0 2px 10px rgba(46,125,50,.2)}.btn:focus,.btn:hover{background:linear-gradient(135deg,#43a047,#4caf50 50%,#66bb6a);box-shadow:0 4px 16px rgba(46,125,50,.3);color:#fff;-webkit-transform:translateY(-2px) scale(1.03);transform:translateY(-2px) scale(1.03)}.btn:active{background:#2e7d32;color:#fff;-webkit-transform:scale(.98);transform:scale(.98)}.form-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;color:#e53e3e;display:block;font-size:.98rem;margin-top:8px;padding:8px 12px}@media (max-width:900px){.container{padding:10px}.navbar-container{flex-direction:column;gap:10px;padding:0 8px}.navbar-links{gap:.7rem}.summary-grid{gap:18px;grid-template-columns:1fr}}@media (max-width:600px){.container{padding:4px}.card{border-radius:10px;padding:12px 4px}.summary-card{border-radius:8px;font-size:.98rem;padding:10px 6px}.table{border-radius:8px;font-size:.93rem;min-width:320px}.table td,.table th{padding:8px 4px}.navbar-title{font-size:1rem}.navbar-link{border-radius:6px;font-size:.93rem;padding:5px 7px}.form-container{align-items:stretch;flex-direction:column;gap:10px}.form--input{border-radius:6px;font-size:.98rem;min-width:100px;padding:10px 8px}.btn{border-radius:6px;font-size:.97rem;padding:10px 16px}}.table{box-shadow:0 2px 8px rgba(102,75,162,.06);font-size:1.04rem;min-width:600px}.table td,.table th{border-bottom:1px solid #e2e8f0;padding:14px 10px;text-align:left}.table th{background:#f6f8fc;color:#764ba2;font-weight:600;letter-spacing:.02em}.table tbody tr:nth-child(2n){background:#f8f6fc}.table tbody tr:hover{background:#ede7f6;transition:background .2s}.table td{vertical-align:middle}.empty-state{background:linear-gradient(135deg,#f1f8e9,#dcedc8);border:1px dashed #a5d6a7;color:#558b2f}.empty-state:before{content:"🐄";margin-bottom:12px}.navbar{box-shadow:0 4px 15px rgba(46,125,50,.3);margin-bottom:32px;padding:.5rem 0;transition:background .3s}.navbar-container{padding:0 20px;position:relative}.navbar-title{font-size:1.6rem;letter-spacing:1px;text-shadow:0 2px 8px rgba(102,75,162,.08)}.navbar-links{gap:1.5rem}.navbar-link{color:#fff;font-size:1.08rem;padding:8px 18px;transition:background .2s,color .2s,box-shadow .2s}.navbar-link.active,.navbar-link:hover{background:#fff;box-shadow:0 2px 8px rgba(102,75,162,.1);color:#764ba2}.hamburger-menu{border-radius:6px;margin-left:auto}.hamburger-line{transition:.3s;width:25px}.hamburger-menu.active .hamburger-line:first-child{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.hamburger-menu.active .hamburger-line:nth-child(3){-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu-overlay{z-index:99}.mobile-menu{background:linear-gradient(135deg,#2e7d32,#4caf50);box-shadow:-2px 0 10px rgba(46,125,50,.3);overflow-y:auto;padding:20px;z-index:100}.mobile-menu-header{margin-bottom:30px;padding-bottom:20px}.mobile-menu-close{background:none;border-radius:4px;font-size:1.5rem;padding:5px;transition:background .2s}.mobile-menu-close:hover{background:hsla(0,0%,100%,.1)}.mobile-nav-links{gap:10px}.mobile-nav-link{color:#fff;font-size:1.1rem;padding:15px 20px;transition:background .2s,-webkit-transform .2s;transition:background .2s,transform .2s;transition:background .2s,transform .2s,-webkit-transform .2s}.mobile-nav-link.active,.mobile-nav-link:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateX(5px);transform:translateX(5px)}.mobile-nav-link i{width:20px}@media (max-width:900px){.container{padding:15px}.navbar-container{padding:0 15px}.navbar-links{gap:1rem}.navbar-link{font-size:1rem;padding:6px 12px}.summary-grid{gap:18px;grid-template-columns:1fr}}@media (max-width:768px){.container{padding:12px}.app-title{font-size:2rem}.header-top{flex-direction:column;text-align:center}.user-section{justify-content:center}.business-info{flex-direction:column;gap:15px;padding:15px}.login-card{padding:30px 20px}.form-container{gap:15px;grid-template-columns:1fr}.card{border-radius:15px;padding:20px}.table-container{-webkit-overflow-scrolling:touch;border-radius:12px;max-width:100vw;overflow-x:auto;width:100%}.table{font-size:.95rem;min-width:600px}.table td,.table th{padding:12px 8px}.summary-grid{gap:15px;grid-template-columns:1fr}.hamburger-menu{display:flex;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.navbar-links{display:none}.navbar-container{position:relative}.navbar-title{flex:1 1;font-size:1.4rem}}@media (max-width:600px){.container{padding:8px}.card{border-radius:12px;padding:15px}.summary-card{border-radius:10px;font-size:.98rem;padding:12px 15px}.table{border-radius:10px;font-size:.9rem;min-width:500px}.table td,.table th{padding:10px 6px}.navbar-title{font-size:1.2rem}.form-container{align-items:stretch;flex-direction:column;gap:12px}.form--input{min-width:100%;padding:12px 10px}.btn,.form--input{border-radius:8px;font-size:1rem}.btn{padding:12px 20px;width:100%}.navbar-container{padding:0 10px}.hamburger-menu{right:10px}}@media (max-width:480px){.app-title,.login-title{font-size:1.5rem}.card{border-radius:10px;padding:12px}.btn{font-size:.95rem;padding:10px 16px}.business-info{padding:10px}.contact-item{font-size:.8rem}.login-card{padding:20px 15px}.table{font-size:.85rem;min-width:400px}.table td,.table th{padding:8px 4px}.navbar-title{font-size:1.1rem}.hamburger-menu{padding:6px;right:8px}.hamburger-line{height:2px;width:22px}.mobile-menu{width:260px}.mobile-nav-link{font-size:1rem;padding:12px 15px}}@media (max-width:360px){.container{padding:5px}.card{border-radius:8px;padding:10px}.table{font-size:.8rem;min-width:350px}.table td,.table th{padding:6px 3px}.navbar-title{font-size:.95rem}.hamburger-menu{padding:5px;right:5px}.hamburger-line{width:20px}.mobile-menu{width:240px}}.form-container{align-items:flex-end;flex-wrap:wrap;gap:18px;margin-bottom:18px}.form-row{display:flex;flex-wrap:wrap;gap:12px;width:100%}.form-actions{justify-content:flex-start;width:100%}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mobile-close-btn{background:none;border:none;border-radius:50%;color:#764ba2;cursor:pointer;display:none;font-size:1.5rem;padding:8px;transition:background .2s}.mobile-close-btn:hover{background:rgba(118,75,162,.1)}.table-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.btn-sm{font-size:.9rem;min-height:36px;padding:8px 12px}.mobile-add-button{display:none}@media (max-width:768px){.form-container{flex-direction:column;gap:15px}.form-row{flex-direction:column;gap:12px}.form-actions{flex-direction:column;gap:10px}.form-actions .btn{width:100%}.table-header{align-items:stretch;flex-direction:column;gap:10px}.table-header .btn{width:100%}.action-buttons{flex-direction:column;gap:5px}.action-buttons .btn{font-size:.85rem;padding:6px 10px;width:100%}.mobile-add-button,.mobile-close-btn{display:block}.form-header{align-items:center;flex-direction:row}}@media (max-width:600px){.form-row{gap:10px}.form-actions,.table-header{gap:8px}.action-buttons{gap:4px}.btn-sm{font-size:.85rem;min-height:32px;padding:6px 10px}}@media (max-width:480px){.form-container{gap:12px}.form-row{gap:8px}.form-actions,.table-header{gap:6px}.action-buttons{gap:3px}.btn-sm{font-size:.8rem;min-height:30px;padding:5px 8px}}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}@media (max-width:768px){.summary-grid{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.summary-grid{gap:12px;grid-template-columns:1fr}.summary-card{font-size:1rem;padding:15px}.summary-card b{font-size:1.1rem}}@media (max-width:768px){.table-container{margin:0 -12px;padding:0 12px}.table{border-radius:8px;font-size:.9rem}.table td,.table th{padding:10px 6px;white-space:nowrap}.table td:last-child{white-space:normal}.table td:first-child,.table th:first-child{min-width:120px}.table td:nth-child(2),.table td:nth-child(3),.table th:nth-child(2),.table th:nth-child(3){min-width:80px}.table td:nth-child(4),.table td:nth-child(5),.table td:nth-child(6),.table th:nth-child(4),.table th:nth-child(5),.table th:nth-child(6){min-width:90px}.table td:nth-child(7),.table th:nth-child(7){min-width:120px}}@media (max-width:600px){.table{font-size:.85rem}.table td,.table th{padding:8px 4px}.table td:first-child,.table th:first-child{min-width:100px}.table td:nth-child(2),.table td:nth-child(3),.table th:nth-child(2),.table th:nth-child(3){min-width:70px}.table td:nth-child(4),.table td:nth-child(5),.table td:nth-child(6),.table th:nth-child(4),.table th:nth-child(5),.table th:nth-child(6){min-width:80px}.table td:nth-child(7),.table th:nth-child(7){min-width:100px}}@media (max-width:480px){.table{font-size:.8rem}.table td,.table th{padding:6px 3px}.table td:first-child,.table th:first-child{min-width:90px}.table td:nth-child(2),.table td:nth-child(3),.table th:nth-child(2),.table th:nth-child(3){min-width:60px}.table td:nth-child(4),.table td:nth-child(5),.table td:nth-child(6),.table th:nth-child(4),.table th:nth-child(5),.table th:nth-child(6){min-width:70px}.table td:nth-child(7),.table th:nth-child(7){min-width:90px}}.card{background:hsla(0,0%,100%,.97);border-radius:18px;box-shadow:0 4px 16px rgba(102,126,234,.08);margin-bottom:24px;padding:32px 24px;transition:box-shadow .2s}.card:hover{box-shadow:0 6px 20px rgba(102,126,234,.12)}.card h2,.card h3{color:#764ba2;font-size:1.3rem;font-weight:600;margin-bottom:16px}.btn{background:linear-gradient(90deg,#764ba2,#667eea);border-radius:8px;box-shadow:0 2px 8px rgba(102,75,162,.08);color:#fff;font-size:1.08rem;font-weight:600;min-height:44px;padding:12px 28px;text-decoration:none;transition:background .2s,box-shadow .2s,-webkit-transform .1s;transition:background .2s,box-shadow .2s,transform .1s;transition:background .2s,box-shadow .2s,transform .1s,-webkit-transform .1s}.btn:focus,.btn:hover{background:linear-gradient(90deg,#6a4c93,#5a67d8);box-shadow:0 4px 12px rgba(102,75,162,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn:active{box-shadow:0 2px 8px rgba(102,75,162,.08);-webkit-transform:translateY(0);transform:translateY(0)}.btn-primary{background:linear-gradient(90deg,#764ba2,#667eea)}.btn-primary:hover{background:linear-gradient(90deg,#6a4c93,#5a67d8)}.btn-secondary{background:linear-gradient(90deg,#718096,#a0aec0)}.btn-secondary:hover{background:linear-gradient(90deg,#4a5568,#718096)}.btn-danger{background:linear-gradient(90deg,#e53e3e,#fc8181)}.btn-danger:hover{background:linear-gradient(90deg,#c53030,#e53e3e)}.btn-success{background:linear-gradient(90deg,#38a169,#68d391)}.btn-success:hover{background:linear-gradient(90deg,#2f855a,#38a169)}.form--input{background:#f6f8fc;border:1.5px solid #d1c4e9;border-radius:8px;box-sizing:border-box;color:#333;flex:1 1 180px;font-size:1rem;max-width:100%;min-width:120px;outline:none;padding:12px 14px;transition:border .2s,box-shadow .2s}.form--input:focus{background:#fff;border-color:#764ba2;box-shadow:0 0 0 2px #e9d8fd}.form--input::-webkit-input-placeholder{color:#b39ddb;opacity:1}.form--input::placeholder{color:#b39ddb;opacity:1}.empty-state{background:#f6f8fc;border-radius:8px;color:#b39ddb;letter-spacing:.01em}.empty-state-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;display:block;font-size:2.5rem;margin-bottom:12px;opacity:.5}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.fade-in{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}.slide-in{-webkit-animation:slideIn .5s ease-out;animation:slideIn .5s ease-out}.pulse{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.loading{opacity:.6}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:focus{outline:2px solid #667eea;outline-offset:2px}::selection{background:rgba(102,126,234,.3);color:#2d3748}.toast{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;background:linear-gradient(90deg,#764ba2,#667eea);border-radius:10px;bottom:32px;box-shadow:0 4px 24px rgba(102,75,162,.18);color:#fff;font-size:1.08rem;font-weight:600;left:50%;opacity:.97;padding:16px 32px;pointer-events:none;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9999}.food-item-row{grid-gap:12px;align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr auto;margin-bottom:12px;padding:12px}.food-item-row:hover{background:#f0f0f0;border-color:#bbb}.farmer-info{background:#f5f5f5;border-left:4px solid #667eea;border-radius:8px;margin-bottom:16px;padding:12px}.total-section{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;margin-bottom:20px;padding:16px}@media (max-width:768px){.food-item-row{gap:8px;grid-template-columns:1fr}.food-item-row>*{width:100%}.food-item-row button{justify-self:start}}@media (max-width:480px){.food-item-row{padding:8px}.total-section{padding:12px}}.demo-credentials{background-color:#e8f4fd;border:1px solid #b8daff;border-radius:6px;color:#004085;font-size:14px;margin-top:15px;padding:10px 15px}.demo-credentials p{margin:4px 0}.dairy-login-container{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9 30%,#a5d6a7 60%,#81c784);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.floating-elements{pointer-events:none}.floating-elements,.milk-drops{height:100%;overflow:hidden;position:absolute;width:100%}.drop{-webkit-animation:fall 6s ease-in infinite;animation:fall 6s ease-in infinite;background:linear-gradient(135deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.6));border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 0 15px hsla(0,0%,100%,.6),inset 0 2px 4px hsla(0,0%,100%,.3);height:30px;position:absolute;width:20px}.drop:first-child{-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:5s;animation-duration:5s;left:10%}.drop:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:7s;animation-duration:7s;left:30%}.drop:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:6s;animation-duration:6s;left:50%}.drop:nth-child(4){-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:8s;animation-duration:8s;left:70%}.drop:nth-child(5){-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-duration:5.5s;animation-duration:5.5s;left:90%}.floating-icons{height:100%;position:absolute;width:100%}.float-icon{-webkit-animation:float 8s ease-in-out infinite;animation:float 8s ease-in-out infinite;font-size:2rem;opacity:.3;position:absolute}.float-icon.cow{-webkit-animation-delay:0s;animation-delay:0s;left:15%;top:20%}.float-icon.milk{-webkit-animation-delay:2s;animation-delay:2s;right:20%;top:60%}.float-icon.grass{-webkit-animation-delay:4s;animation-delay:4s;bottom:30%;left:10%}.float-icon.farm{-webkit-animation-delay:6s;animation-delay:6s;right:10%;top:40%}@-webkit-keyframes fall{0%{opacity:0;top:-10%;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%;-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}}@keyframes fall{0%{opacity:0;top:-10%;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%;-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{-webkit-transform:translateY(-20px) rotate(5deg);transform:translateY(-20px) rotate(5deg)}50%{-webkit-transform:translateY(-10px) rotate(-5deg);transform:translateY(-10px) rotate(-5deg)}75%{-webkit-transform:translateY(-15px) rotate(3deg);transform:translateY(-15px) rotate(3deg)}}@keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{-webkit-transform:translateY(-20px) rotate(5deg);transform:translateY(-20px) rotate(5deg)}50%{-webkit-transform:translateY(-10px) rotate(-5deg);transform:translateY(-10px) rotate(-5deg)}75%{-webkit-transform:translateY(-15px) rotate(3deg);transform:translateY(-15px) rotate(3deg)}}.dairy-login-card{-webkit-animation:cardEntrance 1s ease-out;animation:cardEntrance 1s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#fff,#fafafa 30%,#f8f9fa 70%,#fffde7);background-clip:padding-box;border:3px solid transparent;border-radius:35px;box-shadow:0 30px 80px rgba(76,175,80,.25),0 15px 40px rgba(0,0,0,.1),inset 0 2px 0 hsla(0,0%,100%,.9),inset 0 -2px 0 rgba(0,0,0,.05);max-width:480px;overflow:hidden;padding:50px 45px;position:relative;width:100%}.dairy-login-card:before{background:linear-gradient(90deg,#4caf50,#81c784,#a5d6a7,#81c784,#4caf50);border-radius:35px 35px 0 0;content:"";height:10px;left:0;position:absolute;right:0;top:0}.dairy-login-card:after{background:linear-gradient(135deg,#4caf50,#66bb6a,#81c784,#a5d6a7);border-radius:37px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@-webkit-keyframes cardEntrance{0%{opacity:0;-webkit-transform:translateY(50px) scale(.9);transform:translateY(50px) scale(.9)}50%{opacity:.8;-webkit-transform:translateY(-10px) scale(1.02);transform:translateY(-10px) scale(1.02)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes cardEntrance{0%{opacity:0;-webkit-transform:translateY(50px) scale(.9);transform:translateY(50px) scale(.9)}50%{opacity:.8;-webkit-transform:translateY(-10px) scale(1.02);transform:translateY(-10px) scale(1.02)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.dairy-login-header{margin-bottom:30px;text-align:center}.brand-section{padding:20px 0}.cow-icon{-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4.5rem;margin-bottom:15px}@-webkit-keyframes cowBounce{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}25%{-webkit-transform:translateY(-8px) scale(1.05);transform:translateY(-8px) scale(1.05)}50%{-webkit-transform:translateY(-5px) scale(1.02);transform:translateY(-5px) scale(1.02)}75%{-webkit-transform:translateY(-12px) scale(1.08);transform:translateY(-12px) scale(1.08)}}.dairy-login-title{margin-bottom:12px;text-align:center}.title-main{color:#2e7d32;display:block;font-size:2.5rem;font-weight:900;line-height:1;text-shadow:2px 2px 8px rgba(46,125,50,.2)}.title-sub{color:#4caf50;display:block;font-size:1.8rem;font-weight:600;letter-spacing:4px;margin-top:5px}.dairy-tagline{align-items:center;color:#558b2f;display:flex;font-size:1.1rem;font-style:italic;font-weight:500;gap:10px;justify-content:center;margin-top:10px}.tagline-icon{-webkit-animation:sway 2s ease-in-out infinite;animation:sway 2s ease-in-out infinite}@-webkit-keyframes sway{0%,to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.demo-credentials-dairy{background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9);border:2px solid #64b5f6;border-radius:20px;box-shadow:0 8px 25px rgba(100,181,246,.25);margin-bottom:30px;overflow:hidden;padding:20px 25px;position:relative}.demo-credentials-dairy:before{background:linear-gradient(90deg,#2196f3,#64b5f6,#90caf9,#64b5f6,#2196f3);content:"";height:4px;left:0;position:absolute;right:0;top:0}.demo-header{gap:12px}.demo-header h3{color:#1565c0}.milk-bottle-icon{-webkit-animation:bottleShake 4s ease-in-out infinite;animation:bottleShake 4s ease-in-out infinite;font-size:2.2rem}@-webkit-keyframes bottleShake{0%,to{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}25%{-webkit-transform:rotate(-3deg) scale(1.05);transform:rotate(-3deg) scale(1.05)}50%{-webkit-transform:rotate(0deg) scale(1.02);transform:rotate(0deg) scale(1.02)}75%{-webkit-transform:rotate(3deg) scale(1.05);transform:rotate(3deg) scale(1.05)}}@keyframes bottleShake{0%,to{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}25%{-webkit-transform:rotate(-3deg) scale(1.05);transform:rotate(-3deg) scale(1.05)}50%{-webkit-transform:rotate(0deg) scale(1.02);transform:rotate(0deg) scale(1.02)}75%{-webkit-transform:rotate(3deg) scale(1.05);transform:rotate(3deg) scale(1.05)}}.credentials-content{display:flex;flex-direction:column;gap:10px}.credential-item{background:hsla(0,0%,100%,.7);border-radius:10px;color:#1565c0;font-weight:500;gap:10px;padding:8px 12px}.credential-icon{font-size:1.1rem}.credential-text{font-family:Courier New,monospace;font-size:.95rem}.dairy-form-group,.dairy-login-form,.form-section{margin-bottom:25px}.dairy-form-label{align-items:center;color:#33691e;display:flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:10px}.label-icon{font-size:1.1rem}.input-wrapper{position:relative}.dairy-form-input{background:linear-gradient(180deg,#fff,#f9fbe7);border:2px solid #c5e1a5;border-radius:15px;box-sizing:border-box;color:#33691e;font-size:1.05rem;padding:16px 20px;position:relative;transition:all .4s ease;width:100%;z-index:1}.dairy-form-input:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 4px rgba(76,175,80,.2),0 8px 25px rgba(76,175,80,.15);outline:none;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.dairy-form-input::-webkit-input-placeholder{color:#9ccc65;font-style:italic}.dairy-form-input::placeholder{color:#9ccc65;font-style:italic}.input-focus-border{background:linear-gradient(135deg,#4caf50,#66bb6a) border-box;border:2px solid transparent;border-radius:15px;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.dairy-form-input:focus+.input-focus-border{opacity:1}.dairy-error-message{align-items:center;-webkit-animation:errorShake .6s ease;animation:errorShake .6s ease;background:linear-gradient(135deg,#ffebee,#ffcdd2 50%,#ef9a9a);border:2px solid #ef5350;border-radius:15px;box-shadow:0 4px 15px rgba(239,83,80,.2);display:flex;gap:12px;margin-bottom:25px;padding:15px 20px}.error-icon{-webkit-animation:errorPulse 1s infinite;animation:errorPulse 1s infinite;font-size:1.5rem}.error-text{color:#c62828;font-size:.95rem;font-weight:600}@-webkit-keyframes errorShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}75%{-webkit-transform:translateX(8px);transform:translateX(8px)}}@-webkit-keyframes errorPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.form-actions{flex-direction:column;gap:20px}.dairy-login-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a 30%,#81c784 70%,#a5d6a7);border:none;border-radius:15px;box-shadow:0 8px 25px rgba(76,175,80,.4);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:1.5px;overflow:hidden;padding:18px 24px;position:relative;text-transform:uppercase;transition:all .4s ease;width:100%}.dairy-login-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.dairy-login-btn:hover:before{left:100%}.dairy-login-btn:hover{background:linear-gradient(135deg,#43a047,#4caf50 30%,#66bb6a 70%,#81c784);box-shadow:0 15px 40px rgba(76,175,80,.5);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.dairy-login-btn:active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.dairy-login-btn:disabled{cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.milk-spinner{-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:22px;width:22px}.toggle-auth-btn{align-items:center;background:none;border:none;border-radius:12px;color:#4caf50;cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;gap:4px;padding:12px 20px;transition:all .3s ease;width:100%}.toggle-auth-btn:hover{background:rgba(76,175,80,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.toggle-text{color:#666;font-size:.85rem}.toggle-action{font-weight:600;text-decoration:underline}.fill-demo-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:25px;box-shadow:0 4px 15px rgba(76,175,80,.3);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;margin-top:10px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.fill-demo-btn:hover{background:linear-gradient(135deg,#43a047,#4caf50);box-shadow:0 8px 20px rgba(76,175,80,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.dairy-footer{border-top:2px dashed #c5e1a5;padding-top:20px;text-align:center}.footer-content{align-items:center;color:#689f38;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:8px}.footer-tagline{color:#81c784;font-size:.8rem;font-style:italic;opacity:.8}@media (max-width:768px){.dairy-login-card{border-radius:25px;margin:10px;padding:35px 25px}.title-main{font-size:2rem}.title-sub{font-size:1.4rem}.cow-icon{font-size:3.5rem}.back-to-landing-btn{justify-content:center;margin-bottom:20px;position:static;width:100%}}@media (max-width:480px){.dairy-login-card{border-radius:20px;padding:25px 20px}.cow-icon{font-size:3rem}.title-main{font-size:1.7rem}.title-sub{font-size:1.2rem}.dairy-tagline{font-size:.9rem}.demo-credentials-dairy{padding:15px 18px}.milk-bottle-icon{font-size:1.8rem}.credential-item{padding:6px 10px}.dairy-form-input{font-size:1rem;padding:14px 16px}.dairy-login-btn{font-size:1.1rem;padding:16px 20px}}.table th{background:linear-gradient(135deg,#2e7d32,#4caf50)!important;color:#fff!important}.card{background:linear-gradient(145deg,#fff,#f9fbe7 50%,#f1f8e9)!important;border:2px solid #c8e6c9!important;box-shadow:0 4px 20px rgba(46,125,50,.1)!important}.card h2,.card h3{color:#2e7d32!important}.summary-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;border:1px solid #a5d6a7!important;color:#1b5e20!important}.summary-card b{color:#2e7d32!important}.form--input,.form-input{background:linear-gradient(180deg,#fff,#f9fbe7)!important;border:2px solid #c8e6c9!important}.form--input:focus,.form-input:focus{border-color:#4caf50!important;box-shadow:0 0 0 3px rgba(76,175,80,.2)!important}.btn-primary{background:linear-gradient(135deg,#4caf50,#66bb6a)!important;box-shadow:0 4px 15px rgba(76,175,80,.4)!important}.btn-primary:hover{background:linear-gradient(135deg,#43a047,#4caf50)!important;box-shadow:0 8px 25px rgba(76,175,80,.5)!important}.empty-state{background:linear-gradient(135deg,#f1f8e9,#dcedc8)!important;border:1px dashed #a5d6a7!important;color:#558b2f!important}.table tbody tr:hover{background:#e8f5e9!important}.table tbody tr:nth-child(2n){background:#f1f8e9!important}.food-item-row{background:linear-gradient(135deg,#f9fbe7,#f1f8e9)!important;border:2px solid #c8e6c9!important}.food-item-row:hover{background:linear-gradient(135deg,#f1f8e9,#dcedc8)!important;border-color:#81c784!important}.farmer-info{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;border-left:4px solid #2e7d32!important;color:#1b5e20!important}.total-section{background:linear-gradient(135deg,#c8e6c9,#a5d6a7)!important;border:2px solid #4caf50!important;color:#1b5e20!important}.form-label{color:#2e7d32!important}div[style*="linear-gradient(135deg, #667eea"]{background:linear-gradient(135deg,#2e7d32,#4caf50)!important}div[style*="linear-gradient(135deg, #2ecc71"]{background:linear-gradient(135deg,#1b5e20,#2e7d32)!important}.card h2:before{content:"🥛 "!important}.card h3:before{content:"🌾 "!important}@media (max-width:768px){.container{max-width:100%;padding:10px}.card{border-radius:12px!important;padding:15px!important}.card,.card h2{margin-bottom:15px!important}.card h2{font-size:1.3rem!important}.card h3{font-size:1.1rem!important;margin-bottom:12px!important}.form-container{gap:12px!important}.form-container,.form-row{display:flex!important;flex-direction:column!important}.form-row{gap:10px!important;width:100%!important}.form--input,.form-input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select{border-radius:8px!important;box-sizing:border-box!important;flex:1 1 100%!important;font-size:16px!important;max-width:100%!important;min-width:0!important;padding:12px 10px!important;width:100%!important}.form-container .form--input,.form-container input{flex-basis:100%!important}.btn{font-size:1rem!important;justify-content:center!important;padding:14px 20px!important;width:100%!important}.btn-sm{font-size:.9rem!important;padding:10px 15px!important}.form-actions{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.summary-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:1fr!important;margin-bottom:20px!important}.summary-card{flex-wrap:wrap!important;font-size:.95rem!important;padding:12px 15px!important}.table-container{-webkit-overflow-scrolling:touch;margin:0 -10px;overflow-x:auto;padding:0 10px;width:calc(100% + 20px)}.table{font-size:.85rem!important;min-width:700px!important}.table td,.table th{padding:10px 8px!important;white-space:nowrap}.table th{font-size:.75rem!important}.action-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:5px!important}.action-buttons .btn{font-size:.75rem!important;min-width:50px!important;padding:6px 10px!important;width:auto!important}.food-item-row{display:flex!important;flex-direction:column!important;gap:10px!important;padding:12px!important}.food-item-row button,.food-item-row input,.food-item-row select{width:100%!important}div[style*="display: flex"][style*="gap: 12px"]{align-items:stretch!important;flex-direction:column!important}label{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important}label input[type=date]{margin-left:0!important;width:100%!important}div[style*="display: grid"][style*=gridTemplateColumns]{grid-template-columns:1fr!important}.farmer-info{font-size:.9rem!important;padding:10px!important}.total-section{font-size:1rem!important;padding:12px!important}.empty-state{font-size:.95rem!important;padding:30px 15px!important}}@media (max-width:480px){.container{padding:8px}.card{border-radius:10px!important;padding:12px!important}.card h2{font-size:1.15rem!important}.card h3{font-size:1rem!important}.summary-card{font-size:.9rem!important;padding:10px 12px!important}.summary-card b{font-size:1rem!important}.table{font-size:.8rem!important;min-width:600px!important}.table td,.table th{padding:8px 5px!important}.table th{font-size:.7rem!important}.btn{font-size:.95rem!important;padding:12px 16px!important}.btn-sm{font-size:.8rem!important;padding:8px 12px!important}.action-buttons .btn{font-size:.7rem!important;min-width:45px!important;padding:5px 8px!important}.navbar-title{font-size:1.1rem!important}.hamburger-menu{padding:6px!important}.hamburger-line{height:2px!important;width:20px!important}.mobile-menu{max-width:280px!important;width:85vw!important}.mobile-nav-link{font-size:.95rem!important;padding:12px 15px!important}.food-item-row{padding:10px!important}.form--input,.form-input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select{min-width:0!important;width:100%!important}}@media (max-width:360px){.container{padding:5px}.card{padding:10px!important}.card h2{font-size:1.05rem!important}.card h3{font-size:.95rem!important}.summary-card{font-size:.85rem!important;padding:8px 10px!important}.table{font-size:.75rem!important;min-width:500px!important}.table td,.table th{padding:6px 4px!important}.navbar-title{font-size:.95rem!important}.btn{font-size:.9rem!important;padding:10px 14px!important}}@media (max-width:768px) and (orientation:landscape){.container{padding:10px 15px}.summary-grid{grid-template-columns:repeat(2,1fr)!important}.form-container{flex-direction:row!important;flex-wrap:wrap!important}.form-container>*{flex:1 1 45%!important;min-width:150px!important}.form-actions{flex-direction:row!important;flex-wrap:wrap!important}.form-actions .btn{flex:1 1 auto!important;width:auto!important}}@media (hover:none) and (pointer:coarse){.btn,.mobile-nav-link,.navbar-link,input,select{min-height:44px}.action-buttons .btn,.btn-sm,.table td .btn{min-height:36px}.table td .btn{min-width:60px}}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:#e8f5e9;border-radius:3px}.table-container::-webkit-scrollbar-thumb{background:#81c784;border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover{background:#66bb6a}@supports (-webkit-touch-callout:none){input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px!important}}@media print{.hamburger-menu,.mobile-menu,.mobile-menu-overlay,.navbar{display:none!important}.container{max-width:100%;padding:0}.card{border:1px solid #ddd!important;box-shadow:none!important;page-break-inside:avoid}}.filter-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:24px}.filter-label{color:#2e7d32;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:5px}.filter-label input{margin-left:0!important}@media (max-width:768px){.filter-section{align-items:stretch;flex-direction:column;gap:12px}.filter-label{width:100%}.filter-label input{max-width:100%!important;width:100%!important}.filter-section .btn{margin-left:0!important;width:100%}div[style*="padding: 16px"][style*="borderRadius: 12px"]{margin-bottom:16px!important;padding:12px!important}div[style*="padding: 20px"][style*="borderRadius: 12px"]{padding:15px!important}div[style*="textAlign: 'center'"][style*="padding: 12px"]{padding:10px!important}div[style*="fontSize: '1.5rem'"]{font-size:1.2rem!important}div[style*="fontSize: '0.9rem'"]{font-size:.85rem!important}div[style*="padding: 12px"][style*="borderRadius: 8px"]{padding:10px!important}}@media (max-width:480px){div[style*="fontSize: '1.5rem'"]{font-size:1rem!important}div[style*="fontSize: '1.1rem'"]{font-size:.95rem!important}}@media (max-width:768px){.summary-grid .card{padding:15px!important}.summary-grid .card h3{font-size:1rem!important;margin-bottom:12px!important}.summary-grid .summary-card{font-size:.9rem!important;padding:10px 12px!important}.form-header{align-items:flex-start;flex-direction:column;gap:10px}.form-header h2{margin-bottom:0!important}div[style*="gridTemplateColumns: '2fr 1fr 1fr auto'"]{display:flex!important;flex-direction:column!important;gap:12px!important}.form-group{width:100%!important}.form-group label{display:block;margin-bottom:5px}.form-container input[type=text],.form-group input,.form-group select{width:100%!important}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{height:40px;margin-bottom:16px;position:relative;width:40px}.milk-drop-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #e8f5e9;border-radius:50%;border-top-color:#4caf50;height:40px;width:40px}.loading-message{color:#4caf50;font-size:.9rem;font-weight:500;margin:0}.table-loading{color:#666;font-style:italic;padding:20px}.table-loading .mini-spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:2px solid #e8f5e9;border-radius:50%;border-top-color:#4caf50;display:inline-block;height:16px;margin-right:8px;width:16px}.landing-container{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 30%,#a5d6a7 60%,#81c784);min-height:100vh;overflow-x:hidden;position:relative}.hero-section{justify-content:center;padding:40px 20px}.hero-content{-webkit-animation:fadeInUp 1s ease-out;animation:fadeInUp 1s ease-out;max-width:800px;text-align:center;z-index:2}.hero-icon{margin-bottom:20px}.hero-icon .cow-icon{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;display:inline-block;font-size:6rem}.hero-title{color:#1b5e20;font-size:4rem;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:1.5rem;font-style:italic;font-weight:600;margin-bottom:30px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.hero-description{color:#388e3c;font-size:1.2rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{gap:20px;justify-content:center}.btn-hero-primary{font-size:1.3rem;font-weight:700;letter-spacing:1px;min-width:200px;padding:18px 40px;text-transform:uppercase}.btn-hero-primary:hover{background:linear-gradient(135deg,#1b5e20,#2e7d32 50%,#4caf50);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}.btn-hero-secondary{background:hsla(0,0%,100%,.9);border:3px solid #4caf50;font-size:1.3rem;font-weight:700;letter-spacing:1px;min-width:200px;padding:15px 37px;text-transform:uppercase}.btn-hero-secondary:hover{box-shadow:0 8px 25px rgba(76,175,80,.4);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}.features-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);padding:100px 20px}.section-title{font-size:3rem;margin-bottom:60px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.features-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.feature-card{border:3px solid #c8e6c9;box-shadow:0 10px 30px rgba(46,125,50,.1);padding:40px 30px;text-align:center}.feature-card:before{background:linear-gradient(90deg,#4caf50,#81c784,#a5d6a7,#81c784,#4caf50);height:6px}.feature-card:hover{box-shadow:0 20px 50px rgba(46,125,50,.2);-webkit-transform:translateY(-10px) scale(1.02);transform:translateY(-10px) scale(1.02)}.feature-icon{-webkit-animation:pulse 3s infinite;animation:pulse 3s infinite;font-size:4rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px}.feature-card p{font-size:1.1rem}.demo-section{background:linear-gradient(135deg,#1b5e20,#2e7d32 50%,#388e3c);color:#fff;padding:100px 20px}.demo-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.demo-title{margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.demo-description{font-size:1.2rem;line-height:1.6;margin-bottom:30px;opacity:.9}.demo-credentials{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);border-radius:15px;padding:25px}.demo-credentials h4{font-size:1.1rem;margin-bottom:15px}.credential-item{display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 0}.credential-value{border-radius:6px;padding:4px 8px}.btn-demo{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 6px 20px rgba(255,107,53,.4);color:#fff;font-size:1.2rem;padding:16px 35px}.btn-demo:hover{box-shadow:0 10px 30px rgba(255,107,53,.6);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}.demo-preview{position:relative}.preview-card{background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;-webkit-transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:all .3s ease}.preview-card:hover{-webkit-transform:perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.02);transform:perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.02)}.preview-header{color:#fff;gap:15px;padding:15px 20px}.preview-dots{gap:6px}.preview-dots span{background:hsla(0,0%,100%,.3);border-radius:50%;height:12px;width:12px}.preview-dots span:first-child{background:#ff5f56}.preview-dots span:nth-child(2){background:#ffbd2e}.preview-dots span:nth-child(3){background:#27ca3f}.preview-title{font-size:.9rem}.preview-content{color:#333;padding:20px}.preview-nav{gap:10px;margin-bottom:20px}.nav-item{background:#f1f8e9;border-radius:20px;color:#2e7d32;padding:8px 15px}.nav-item.active{background:#4caf50}.preview-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.stat-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7;padding:15px}.stat-number{font-size:1.2rem;margin-bottom:5px}.stat-label{font-size:.7rem}.benefits-section{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);padding:100px 20px}.benefits-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto}.benefit-item{background:linear-gradient(145deg,#f9fbe7,#f1f8e9);border:2px solid #c8e6c9;border-radius:15px;padding:30px 20px;text-align:center;transition:all .3s ease}.benefit-item:hover{border-color:#4caf50;box-shadow:0 15px 40px rgba(46,125,50,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.benefit-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;font-size:3rem;margin-bottom:20px}.benefit-item h3{color:#1b5e20;font-size:1.3rem;font-weight:700;margin-bottom:10px}.benefit-item p{color:#388e3c;font-size:1rem;line-height:1.5}.landing-footer{background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#fff;padding:60px 20px 20px}.footer-content{margin:0 auto 40px;max-width:1000px}.footer-brand h3{font-size:1.8rem;margin-bottom:10px}.footer-brand p{line-height:1.5;opacity:.8}.footer-info{display:flex;flex-direction:column;gap:15px}.footer-bottom{padding-top:20px}@media (max-width:1024px){.demo-content{gap:40px;grid-template-columns:1fr;text-align:center}.features-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-buttons{align-items:center;flex-direction:column}.btn-hero-primary,.btn-hero-secondary{max-width:300px;width:100%}.section-title{font-size:2rem}.features-grid{gap:25px;grid-template-columns:1fr}.feature-card{padding:30px 20px}.demo-title{font-size:2rem}.demo-description{font-size:1rem}.benefits-grid{gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-content{gap:30px;grid-template-columns:1fr;text-align:center}.preview-stats{gap:10px;grid-template-columns:1fr}.stat-number{font-size:1rem}.stat-label{font-size:.6rem}}@media (max-width:480px){.hero-section{padding:20px 15px}.hero-icon .cow-icon{font-size:4rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}.benefits-section,.demo-section,.features-section{padding:60px 15px}.section-title{font-size:1.5rem}.feature-card{padding:25px 15px}.feature-icon{font-size:3rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.95rem}.demo-title{font-size:1.5rem}.demo-credentials{padding:20px 15px}.credential-item{flex-direction:column;gap:5px;text-align:center}.benefit-item{padding:20px 15px}.benefit-icon{font-size:2.5rem}.benefit-item h3{font-size:1.1rem}.benefit-item p{font-size:.9rem}.landing-footer{padding:40px 15px 15px}.footer-brand h3{font-size:1.5rem}.footer-logo{font-size:2.5rem}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}html{scroll-behavior:smooth}.btn-demo:active{-webkit-transform:scale(.95);transform:scale(.95)}.feature-card:hover .feature-icon{-webkit-animation:bounce 1s ease-in-out;animation:bounce 1s ease-in-out}.benefit-item:hover .benefit-icon{-webkit-animation:pulse 1s ease-in-out;animation:pulse 1s ease-in-out}.back-to-landing-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(76,175,80,.15),rgba(129,199,132,.15));border:2px solid #4caf50;border-radius:25px;box-shadow:0 4px 15px rgba(76,175,80,.2);color:#2e7d32;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;left:-10px;padding:12px 20px;position:absolute;top:-10px;transition:all .4s ease}.back-to-landing-btn:hover{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 8px 25px rgba(76,175,80,.4);color:#fff;-webkit-transform:translateX(-5px) translateY(-2px);transform:translateX(-5px) translateY(-2px)}.back-icon{font-size:1.2rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.back-to-landing-btn:hover .back-icon{-webkit-transform:translateX(-3px);transform:translateX(-3px)}.dairy-login-header{position:relative}@media (max-width:768px){.back-to-landing-btn{justify-content:center;margin-bottom:20px;position:static;width:100%}}@media (max-width:480px){.back-to-landing-btn{margin-bottom:15px;position:static;text-align:center;width:100%}}:focus-visible{border-radius:4px;outline:3px solid #4caf50;outline-offset:2px}::selection{background:rgba(76,175,80,.3);color:#1b5e20}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#f1f8e9,#e8f5e9);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#81c784,#66bb6a);border:2px solid #f1f8e9;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#66bb6a,#4caf50)}::-webkit-scrollbar-corner{background:#f1f8e9}body{background-attachment:fixed;background-image:radial-gradient(circle at 25% 25%,rgba(76,175,80,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(129,199,132,.1) 0,transparent 50%)}.loading{opacity:.7;pointer-events:none;position:relative}.loading:after{-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.btn:not(.dairy-login-btn):not(.back-to-landing-btn):not(.fill-demo-btn):not(.toggle-auth-btn){overflow:hidden;position:relative}.btn:not(.dairy-login-btn):not(.back-to-landing-btn):not(.fill-demo-btn):not(.toggle-auth-btn):before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:not(.dairy-login-btn):not(.back-to-landing-btn):not(.fill-demo-btn):not(.toggle-auth-btn):hover:before{left:100%}.card{-webkit-animation:cardFadeIn .6s ease-out;animation:cardFadeIn .6s ease-out}@-webkit-keyframes cardFadeIn{0%{opacity:0;-webkit-transform:translateY(20px) scale(.95);transform:translateY(20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes cardFadeIn{0%{opacity:0;-webkit-transform:translateY(20px) scale(.95);transform:translateY(20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.table tbody tr{-webkit-animation:rowFadeIn .4s ease-out;animation:rowFadeIn .4s ease-out}@-webkit-keyframes rowFadeIn{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes rowFadeIn{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.dairy-form-input:focus,.form--input:focus,.form-input:focus{-webkit-animation:inputFocus .3s ease-out;animation:inputFocus .3s ease-out}@-webkit-keyframes inputFocus{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes inputFocus{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}.success-message{align-items:center;-webkit-animation:successSlide .5s ease-out;animation:successSlide .5s ease-out;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:12px;box-shadow:0 4px 15px rgba(76,175,80,.2);color:#1b5e20;display:flex;gap:12px;padding:15px 20px}@-webkit-keyframes successSlide{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes successSlide{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.navbar{background:linear-gradient(90deg,#2e7d32,#4caf50 50%,#66bb6a);border-bottom:3px solid #1b5e20;position:relative}.navbar:after{-webkit-animation:navbarShimmer 3s infinite;animation:navbarShimmer 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:-3px;content:"";height:2px;left:0;position:absolute;right:0}@-webkit-keyframes navbarShimmer{0%,to{opacity:0}50%{opacity:1}}@keyframes navbarShimmer{0%,to{opacity:0}50%{opacity:1}}.mobile-menu{background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#388e3c)}.mobile-nav-link{overflow:hidden;position:relative}.mobile-nav-link:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.mobile-nav-link:hover:before{left:100%}.summary-card:before{background:linear-gradient(90deg,#4caf50,#66bb6a,#81c784);height:4px;right:0}.empty-state{background:linear-gradient(135deg,#f1f8e9,#e8f5e9 50%,#dcedc8);border:2px dashed #81c784;position:relative}.empty-state:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2381c784'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:"";height:30px;opacity:.3;position:absolute;right:10px;top:10px;width:30px}.toast{-webkit-animation:toastSlide .5s ease-out;animation:toastSlide .5s ease-out;background:linear-gradient(135deg,#2e7d32,#4caf50);border:2px solid #1b5e20}@-webkit-keyframes toastSlide{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}to{opacity:.97;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes toastSlide{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}to{opacity:.97;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@media print{.dairy-login-container,.floating-elements,.floating-icons,.milk-drops{display:none!important}body{color:#000!important}.card,body{background:#fff!important}.card{border:1px solid #ddd!important;box-shadow:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.dairy-login-container{-webkit-filter:brightness(.9);filter:brightness(.9)}}@media (prefers-contrast:high){.dairy-login-card{border:4px solid #2e7d32!important}.dairy-form-input{border:3px solid #2e7d32!important}.dairy-login-btn{border:2px solid #1b5e20!important}}.hero-section{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:0;position:relative}.hero-background{z-index:0}.hero-background,.hero-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.hero-pattern{-webkit-animation:patternMove 20s linear infinite;animation:patternMove 20s linear infinite;background-image:radial-gradient(circle at 25% 25%,rgba(76,175,80,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(129,199,132,.1) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(165,214,167,.05) 0,transparent 50%)}@-webkit-keyframes patternMove{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(-10px,-10px) rotate(1deg);transform:translate(-10px,-10px) rotate(1deg)}66%{-webkit-transform:translate(10px,-5px) rotate(-1deg);transform:translate(10px,-5px) rotate(-1deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes patternMove{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(-10px,-10px) rotate(1deg);transform:translate(-10px,-10px) rotate(1deg)}66%{-webkit-transform:translate(10px,-5px) rotate(-1deg);transform:translate(10px,-5px) rotate(-1deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}.hero-gradient{background:linear-gradient(135deg,rgba(232,245,233,.9),rgba(200,230,201,.8) 30%,rgba(165,214,167,.7) 60%,rgba(129,199,132,.8));bottom:0;left:0;position:absolute;right:0;top:0}.hero-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:40px 20px;position:relative;width:100%;z-index:2}.hero-content{align-items:flex-start;display:flex;flex-direction:column;gap:30px}.hero-badge{align-self:flex-start;-webkit-animation:badgePulse 3s ease-in-out infinite;animation:badgePulse 3s ease-in-out infinite;box-shadow:0 8px 25px rgba(255,107,53,.4);font-size:.9rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow:hidden;padding:12px 24px;position:relative}.badge-icon{-webkit-animation:iconSpin 4s linear infinite;animation:iconSpin 4s linear infinite;font-size:1.1rem}@-webkit-keyframes iconSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes iconSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.badge-glow{-webkit-animation:badgeShine 3s infinite;animation:badgeShine 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);height:100%;left:-100%;position:absolute;top:0;width:100%}@-webkit-keyframes badgeShine{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes badgeShine{0%{left:-100%}50%{left:100%}to{left:100%}}@-webkit-keyframes badgePulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes badgePulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.hero-main{display:flex;flex-direction:column;gap:25px;width:100%}.hero-icon-container{align-self:flex-start;display:flex;justify-content:flex-start;margin-bottom:20px;position:relative}.hero-icon{position:relative;z-index:3}.cow-icon{-webkit-animation:cowBounce 3s ease-in-out infinite;animation:cowBounce 3s ease-in-out infinite;display:block;-webkit-filter:drop-shadow(0 10px 20px rgba(46,125,50,.3));filter:drop-shadow(0 10px 20px rgba(46,125,50,.3));font-size:5rem}@keyframes cowBounce{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{-webkit-transform:translateY(-10px) rotate(2deg);transform:translateY(-10px) rotate(2deg)}50%{-webkit-transform:translateY(-5px) rotate(0deg);transform:translateY(-5px) rotate(0deg)}75%{-webkit-transform:translateY(-15px) rotate(-2deg);transform:translateY(-15px) rotate(-2deg)}}.icon-rings{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ring{-webkit-animation:ringPulse 3s ease-in-out infinite;animation:ringPulse 3s ease-in-out infinite;border:2px solid rgba(76,175,80,.3);border-radius:50%;position:absolute}.ring-1{-webkit-animation-delay:0s;animation-delay:0s;height:120px;margin:-60px 0 0 -60px;width:120px}.ring-2{-webkit-animation-delay:1s;animation-delay:1s;height:160px;margin:-80px 0 0 -80px;width:160px}.ring-3{-webkit-animation-delay:2s;animation-delay:2s;height:200px;margin:-100px 0 0 -100px;width:200px}@-webkit-keyframes ringPulse{0%,to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}50%{opacity:.6;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes ringPulse{0%,to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}50%{opacity:.6;-webkit-transform:scale(1.2);transform:scale(1.2)}}.floating-elements-hero{height:100%;pointer-events:none;position:absolute;width:100%}.float-element{-webkit-animation:heroFloat 6s ease-in-out infinite;animation:heroFloat 6s ease-in-out infinite;font-size:1.5rem;opacity:.7}.float-element:first-child{-webkit-animation-delay:0s;animation-delay:0s}.float-element:nth-child(2){-webkit-animation-delay:1.5s;animation-delay:1.5s}.float-element:nth-child(3){-webkit-animation-delay:3s;animation-delay:3s}.float-element:nth-child(4){-webkit-animation-delay:4.5s;animation-delay:4.5s}@-webkit-keyframes heroFloat{0%,to{opacity:.7;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{opacity:1;-webkit-transform:translateY(-20px) rotate(5deg);transform:translateY(-20px) rotate(5deg)}50%{opacity:.8;-webkit-transform:translateY(-10px) rotate(-3deg);transform:translateY(-10px) rotate(-3deg)}75%{opacity:1;-webkit-transform:translateY(-25px) rotate(3deg);transform:translateY(-25px) rotate(3deg)}}@keyframes heroFloat{0%,to{opacity:.7;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{opacity:1;-webkit-transform:translateY(-20px) rotate(5deg);transform:translateY(-20px) rotate(5deg)}50%{opacity:.8;-webkit-transform:translateY(-10px) rotate(-3deg);transform:translateY(-10px) rotate(-3deg)}75%{opacity:1;-webkit-transform:translateY(-25px) rotate(3deg);transform:translateY(-25px) rotate(3deg)}}.hero-text{text-align:left;width:100%}.hero-title{align-items:flex-start;display:flex;flex-direction:column;font-size:3.5rem;font-weight:900;gap:5px;line-height:1.1;margin-bottom:20px}.title-main{color:#1b5e20;font-size:.7em;font-weight:600;letter-spacing:2px;opacity:.8;text-transform:uppercase}.title-highlight{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#66bb6a);-webkit-background-clip:text;background-clip:text;font-size:1em;position:relative;text-shadow:0 4px 8px rgba(46,125,50,.3)}.title-highlight:after{-webkit-animation:underlineGlow 2s ease-in-out infinite;animation:underlineGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#4caf50,#81c784,#4caf50);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:100%}@-webkit-keyframes underlineGlow{0%,to{opacity:.6;-webkit-transform:scaleX(1);transform:scaleX(1)}50%{opacity:1;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}}@keyframes underlineGlow{0%,to{opacity:.6;-webkit-transform:scaleX(1);transform:scaleX(1)}50%{opacity:1;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}}.title-sub{color:#388e3c;font-size:.5em;font-style:italic;font-weight:500}.hero-subtitle{color:#2e7d32;font-size:1.3rem;font-weight:500;line-height:1.5;margin-bottom:25px}.hero-features{align-items:flex-start;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.feature-point{align-items:center;color:#388e3c;display:flex;font-size:1rem;font-weight:500;gap:12px}.feature-icon{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7;border-radius:50%;font-size:1.2rem;min-width:35px;padding:8px;text-align:center}.hero-stats-container{margin:30px 0;width:100%}.stats-grid{grid-gap:15px;gap:15px;width:100%}.stat-card{background:hsla(0,0%,100%,.9);border:2px solid #c8e6c9;overflow:hidden;position:relative;width:100%}.stat-card.active{border-color:#4caf50;box-shadow:0 8px 25px rgba(76,175,80,.3);-webkit-transform:scale(1.02);transform:scale(1.02)}.stat-card.active .stat-pulse{-webkit-animation:statPulseEffect 2s infinite;animation:statPulseEffect 2s infinite}.stat-pulse{background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(129,199,132,.1));bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}@-webkit-keyframes statPulseEffect{0%,to{opacity:0}50%{opacity:1}}@keyframes statPulseEffect{0%,to{opacity:0}50%{opacity:1}}.stat-icon-bg{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:12px;box-shadow:0 4px 15px rgba(76,175,80,.3);display:flex;flex-shrink:0;justify-content:center;min-width:50px;padding:12px}.stat-icon{color:#fff}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.stat-number{color:#1b5e20;font-size:1.4rem;line-height:1}.stat-label{color:#388e3c;font-weight:600;opacity:.8}.hero-actions{align-items:flex-start;display:flex;flex-direction:column;gap:30px;width:100%}.primary-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;width:100%}.btn-hero-primary{background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#66bb6a);border:none;border-radius:50px;box-shadow:0 8px 25px rgba(46,125,50,.4);color:#fff;cursor:pointer;flex-shrink:0;min-width:220px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.btn-hero-primary:hover{box-shadow:0 12px 35px rgba(46,125,50,.6);-webkit-transform:translateY(-3px) scale(1.02);transform:translateY(-3px) scale(1.02)}.btn-content{align-items:center;display:flex;gap:12px;padding:18px 30px;position:relative;z-index:2}.btn-icon{font-size:1.3rem}.btn-text{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.btn-main{font-size:1.1rem;font-weight:700;line-height:1}.btn-sub{font-size:.75rem;font-weight:400;opacity:.9}.btn-glow{background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.btn-hero-primary:hover .btn-glow{opacity:1}.btn-particles{height:100%;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.btn-particles span{background:hsla(0,0%,100%,.8);border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}.btn-hero-primary:hover .btn-particles span{-webkit-animation:particleFloat 1s ease-out;animation:particleFloat 1s ease-out}.btn-particles span:first-child{-webkit-animation-delay:0s;animation-delay:0s;left:20%;top:20%}.btn-particles span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s;right:20%;top:20%}.btn-particles span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s;bottom:20%;left:50%}@-webkit-keyframes particleFloat{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes particleFloat{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.btn-hero-secondary{background:transparent;border:2px solid #4caf50;border-radius:50px;color:#2e7d32;cursor:pointer;flex-shrink:0;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 25px;position:relative;transition:all .3s ease}.btn-hero-secondary:hover{background:#4caf50;box-shadow:0 6px 20px rgba(76,175,80,.4);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-border-animation{-webkit-animation:borderRotate 3s linear infinite;animation:borderRotate 3s linear infinite;background:linear-gradient(45deg,#4caf50,#66bb6a,#4caf50) border-box;border:2px solid transparent;border-radius:50px;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;position:absolute;right:0;top:0}.btn-hero-secondary:hover .btn-border-animation{opacity:1}@-webkit-keyframes borderRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes borderRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hero-social-proof{align-items:flex-start;display:flex;flex-direction:column;gap:20px;width:100%}.social-proof-item{gap:15px}.avatar,.proof-avatars,.social-proof-item{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7;border-radius:50%;font-size:1rem;height:35px;justify-content:center;margin-left:-8px;transition:all .3s ease;width:35px}.avatar:first-child{margin-left:0}.avatar:hover{-webkit-transform:scale(1.1) translateY(-2px);transform:scale(1.1) translateY(-2px);z-index:2}.avatar-count{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;font-size:.8rem;font-weight:700}.proof-text{display:flex;flex-direction:column;gap:2px}.proof-number{color:#1b5e20;font-size:1rem;font-weight:700}.proof-label{color:#388e3c;font-size:.85rem;opacity:.8}.trust-indicators{display:flex;flex-wrap:wrap;gap:20px}.trust-item{align-items:center;background:hsla(0,0%,100%,.7);border:1px solid #c8e6c9;border-radius:20px;color:#2e7d32;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 12px}.trust-icon{font-size:1rem}.section-header{margin-bottom:60px;text-align:center}.section-badge{border-radius:20px;box-shadow:0 4px 15px rgba(76,175,80,.3);font-size:.9rem;font-weight:600;margin-bottom:20px;padding:6px 16px}.section-subtitle{font-size:1.2rem;margin-top:15px;opacity:.9}.feature-card{overflow:hidden}.feature-card.featured{border:3px solid #ff6b35;-webkit-transform:scale(1.02);transform:scale(1.02)}.feature-card.featured:before{background:linear-gradient(90deg,#ff6b35,#f7931e,#ff6b35)}.feature-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.feature-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.feature-highlights{display:flex;flex-direction:column;gap:8px;margin-top:20px}.highlight{color:#2e7d32;font-size:.85rem;font-weight:500;padding:4px 0}.demo-features{grid-gap:20px;gap:20px;grid-template-columns:1fr;margin:30px 0}.demo-feature{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;gap:15px;padding:15px}.demo-feature-icon{background:hsla(0,0%,100%,.2);border-radius:50%;font-size:1.5rem;min-width:45px;padding:10px;text-align:center}.demo-feature h4{color:#fff;font-size:1.1rem;margin-bottom:5px}.demo-feature p{font-size:.9rem;margin:0;opacity:.8}.credential-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.credential-item{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:auto 1fr auto;padding:12px 0}.copy-btn{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff;font-size:.8rem;transition:all .3s ease}.copy-btn:hover{background:hsla(0,0%,100%,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.demo-buttons{gap:15px}.btn-demo{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;letter-spacing:1px;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s ease}.btn-demo.primary{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 6px 20px rgba(255,107,53,.4);color:#fff}.btn-demo.primary:hover{box-shadow:0 10px 30px rgba(255,107,53,.6);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}.btn-demo.secondary{background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);color:#fff}.btn-demo.secondary:hover{background:hsla(0,0%,100%,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.preview-container{position:relative}.preview-glow{-webkit-animation:previewGlow 4s ease-in-out infinite;animation:previewGlow 4s ease-in-out infinite;background:radial-gradient(circle,rgba(76,175,80,.2) 0,transparent 70%);border-radius:30px;bottom:-20px;left:-20px;position:absolute;right:-20px;top:-20px}@-webkit-keyframes previewGlow{0%,to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.02);transform:scale(1.02)}}@keyframes previewGlow{0%,to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.02);transform:scale(1.02)}}.preview-actions{display:flex;gap:8px}.preview-action{align-items:center;background:rgba(76,175,80,.2);border-radius:4px;cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;transition:all .3s ease;width:20px}.preview-action:hover{background:rgba(76,175,80,.4);-webkit-transform:scale(1.1);transform:scale(1.1)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.stat-trend{border-radius:10px;font-size:.7rem;font-weight:600;padding:2px 6px}.stat-trend.up{background:rgba(76,175,80,.2);color:#2e7d32}.preview-chart{background:rgba(248,250,252,.5);border-radius:8px;margin-top:20px;padding:15px}.chart-header{color:#2e7d32;font-size:.8rem;font-weight:600}.chart-bars{align-items:end;gap:4px;height:60px}.bar{-webkit-animation:barGrow 2s ease-out;animation:barGrow 2s ease-out;background:linear-gradient(0deg,#c8e6c9,#4caf50);border-radius:2px 2px 0 0;flex:1 1;min-height:20%;transition:all .3s ease}.bar.active{background:linear-gradient(0deg,#ff6b35,#f7931e);box-shadow:0 0 10px rgba(255,107,53,.5)}@-webkit-keyframes barGrow{0%{height:0}to{height:100%;height:var(--height,100%)}}.testimonials-section{background:hsla(0,0%,100%,.95);padding:100px 20px}.testimonials-container{margin:0 auto;max-width:800px;text-align:center}.testimonial-card{border-radius:20px;box-shadow:0 10px 30px rgba(46,125,50,.1);margin-bottom:30px;overflow:hidden;padding:40px 30px}.testimonial-card:before{background:linear-gradient(90deg,#4caf50,#81c784,#a5d6a7,#81c784,#4caf50);content:"";height:4px;left:0;position:absolute;right:0;top:0}.quote-icon{margin-bottom:20px}.testimonial-text{font-size:1.3rem;line-height:1.6;margin-bottom:30px}.testimonial-author{gap:15px}.author-avatar{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7;border-radius:50%;display:flex;font-size:3rem;height:60px;justify-content:center;width:60px}.author-info{text-align:left}.author-info h4{margin-bottom:5px}.author-info p{margin:0;opacity:.8}.testimonial-rating{margin-top:20px}.testimonial-indicators{justify-content:center}.indicator{background:#c8e6c9}.indicator.active{background:#4caf50;-webkit-transform:scale(1.2);transform:scale(1.2)}.indicator:hover{background:#81c784;-webkit-transform:scale(1.1);transform:scale(1.1)}.animate-in{-webkit-animation:slideInUp .8s ease-out;animation:slideInUp .8s ease-out}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.hero-stats{margin:20px 0}.stat-item{padding:15px 20px}.stat-number{font-size:1.4rem}.trust-badges{align-items:center;flex-direction:column;gap:10px}.demo-features{gap:15px}.demo-feature{padding:12px}.demo-buttons{flex-direction:column}.btn-demo{justify-content:center;width:100%}.credential-item{gap:10px;grid-template-columns:1fr;text-align:center}.testimonial-author{flex-direction:column;text-align:center}.author-info{text-align:center}.chart-bars{height:40px}}@media (max-width:480px){.hero-badge{font-size:.8rem;padding:6px 15px}.gradient-text:after{height:2px}.stat-item{padding:12px 15px}.stat-icon{font-size:1.5rem}.stat-number{font-size:1.2rem}.stat-label{font-size:.8rem}.feature-highlights{gap:6px}.highlight{font-size:.8rem}.demo-feature{padding:10px}.demo-feature-icon{font-size:1.2rem;min-width:35px;padding:8px}.testimonial-text{font-size:1.1rem}.quote-icon{font-size:3rem}.author-avatar{font-size:2.5rem;height:50px;width:50px}}.feature-card,.preview-card,.testimonial-card{will-change:transform}.drop,.floating-icon{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.bar,.drop,.floating-icon,.icon-glow,.stat-item{-webkit-animation:none;animation:none}.btn-shine{display:none}}@media (prefers-contrast:high){.feature-card,.testimonial-card{border-width:3px}.section-badge,.trust-badge{border:2px solid}}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.dashboard-preview{max-width:500px;position:relative;width:100%}.preview-window{-webkit-animation:windowFloat 6s ease-in-out infinite;animation:windowFloat 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.8);border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.15),0 10px 30px rgba(46,125,50,.2);-webkit-transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:all .5s ease}.preview-window:hover{-webkit-transform:perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.02);transform:perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.02)}@-webkit-keyframes windowFloat{0%,to{-webkit-transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(0);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(0)}50%{-webkit-transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(-10px);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(-10px)}}@keyframes windowFloat{0%,to{-webkit-transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(0);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(0)}50%{-webkit-transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(-10px);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(-10px)}}.window-header{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50);border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.window-controls{display:flex;gap:8px}.control{border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27ca3f}.control:hover{box-shadow:0 0 10px currentColor;-webkit-transform:scale(1.2);transform:scale(1.2)}.window-title{align-items:center;display:flex;font-size:.95rem;gap:8px}.title-icon{font-size:1.1rem}.window-actions{display:flex;gap:10px}.action-icon{background:hsla(0,0%,100%,.2);border-radius:6px;cursor:pointer;font-size:.8rem;height:24px;transition:all .3s ease;width:24px}.action-icon:hover{background:hsla(0,0%,100%,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.window-content{background:linear-gradient(145deg,#fff,#f9fbe7);padding:20px}.dashboard-nav{background:rgba(248,250,252,.8);border-radius:12px;display:flex;gap:8px;margin-bottom:20px;padding:8px}.nav-item{align-items:center;border-radius:8px;color:#388e3c;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.nav-item.active{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px rgba(76,175,80,.3);color:#fff}.nav-item:not(.active):hover{background:rgba(76,175,80,.1)}.nav-icon{font-size:.9rem}.dashboard-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.mini-stat{align-items:center;-webkit-animation:miniStatPulse 4s ease-in-out infinite;animation:miniStatPulse 4s ease-in-out infinite;background:hsla(0,0%,100%,.9);border:2px solid #e8f5e9;border-radius:12px;display:flex;gap:10px;padding:12px;transition:all .3s ease}.mini-stat:first-child{-webkit-animation-delay:0s;animation-delay:0s}.mini-stat:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}.mini-stat:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes miniStatPulse{0%,to{border-color:#e8f5e9;-webkit-transform:scale(1);transform:scale(1)}50%{border-color:#c8e6c9;-webkit-transform:scale(1.02);transform:scale(1.02)}}@keyframes miniStatPulse{0%,to{border-color:#e8f5e9;-webkit-transform:scale(1);transform:scale(1)}50%{border-color:#c8e6c9;-webkit-transform:scale(1.02);transform:scale(1.02)}}.mini-stat:hover{border-color:#4caf50;box-shadow:0 4px 15px rgba(76,175,80,.2)}.mini-stat-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:8px;box-shadow:0 2px 8px rgba(76,175,80,.3);color:#fff;display:flex;font-size:.9rem;height:30px;justify-content:center;width:30px}.mini-stat-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.mini-stat-number{color:#1b5e20;font-size:.9rem;font-weight:800;line-height:1}.mini-stat-label{color:#388e3c;font-size:.65rem;font-weight:600;opacity:.8}.mini-stat-trend{border-radius:4px;font-size:.6rem;font-weight:700;margin-top:2px;padding:2px 4px}.mini-stat-trend.up{background:rgba(76,175,80,.2);color:#2e7d32}.dashboard-chart{background:rgba(248,250,252,.8);border:1px solid #e8f5e9;border-radius:12px;padding:15px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.chart-period{color:#388e3c;font-size:.7rem;opacity:.7}.chart-area{background:linear-gradient(180deg,rgba(76,175,80,.1),transparent);border-radius:8px;height:80px;overflow:hidden;position:relative}.chart-line{height:100%;position:relative;width:100%}.line-point{-webkit-animation:pointPulse 3s ease-in-out infinite;animation:pointPulse 3s ease-in-out infinite;background:#4caf50;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(76,175,80,.4);height:6px;position:absolute;width:6px}.line-point:first-child{-webkit-animation-delay:0s;animation-delay:0s}.line-point:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.line-point:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.line-point:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}.line-point:nth-child(5){-webkit-animation-delay:2s;animation-delay:2s}.line-point:nth-child(6){-webkit-animation-delay:2.5s;animation-delay:2.5s}@-webkit-keyframes pointPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes pointPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}}.chart-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.chart-svg path{stroke-dasharray:200;stroke-dashoffset:200;-webkit-animation:drawLine 3s ease-in-out infinite;animation:drawLine 3s ease-in-out infinite}@-webkit-keyframes drawLine{0%{stroke-dashoffset:200}50%,to{stroke-dashoffset:0}}@keyframes drawLine{0%{stroke-dashoffset:200}50%,to{stroke-dashoffset:0}}.preview-glow-effect{-webkit-animation:glowPulse 4s ease-in-out infinite;animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,rgba(76,175,80,.15) 0,transparent 70%);border-radius:40px;bottom:-30px;left:-30px;position:absolute;right:-30px;top:-30px;z-index:-1}@-webkit-keyframes glowPulse{0%,to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes glowPulse{0%,to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}}.preview-floating-cards{height:100%;pointer-events:none;position:absolute;width:100%}.floating-card{align-items:center;-webkit-animation:cardFloat 6s ease-in-out infinite;animation:cardFloat 6s ease-in-out infinite;background:hsla(0,0%,100%,.95);border:2px solid #c8e6c9;border-radius:12px;box-shadow:0 8px 25px rgba(76,175,80,.2);color:#2e7d32;display:flex;font-size:.8rem;font-weight:600;gap:8px;padding:10px 15px;position:absolute}.card-1{-webkit-animation-delay:0s;animation-delay:0s;right:-20%;top:10%}.card-2{-webkit-animation-delay:2s;animation-delay:2s;left:-25%;top:50%}.card-3{-webkit-animation-delay:4s;animation-delay:4s;bottom:15%;right:-15%}@-webkit-keyframes cardFloat{0%,to{opacity:.8;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{opacity:1;-webkit-transform:translateY(-15px) rotate(2deg);transform:translateY(-15px) rotate(2deg)}50%{opacity:.9;-webkit-transform:translateY(-10px) rotate(-1deg);transform:translateY(-10px) rotate(-1deg)}75%{opacity:1;-webkit-transform:translateY(-20px) rotate(1deg);transform:translateY(-20px) rotate(1deg)}}@keyframes cardFloat{0%,to{opacity:.8;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{opacity:1;-webkit-transform:translateY(-15px) rotate(2deg);transform:translateY(-15px) rotate(2deg)}50%{opacity:.9;-webkit-transform:translateY(-10px) rotate(-1deg);transform:translateY(-10px) rotate(-1deg)}75%{opacity:1;-webkit-transform:translateY(-20px) rotate(1deg);transform:translateY(-20px) rotate(1deg)}}.card-icon{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:6px;font-size:1rem;padding:6px}@media (max-width:1200px){.hero-container{gap:60px;padding:30px 20px}.hero-title{font-size:3rem}.cow-icon{font-size:4.5rem}}@media (max-width:1024px){.hero-container{gap:50px;grid-template-columns:1fr;padding:40px 20px;text-align:center}.hero-content{align-items:center;text-align:center}.hero-badge{align-self:center}.hero-icon-container{align-self:center;justify-content:center}.hero-text{text-align:center}.hero-actions,.hero-features,.hero-title{align-items:center}.primary-actions{flex-wrap:wrap;justify-content:center}.hero-social-proof{align-items:center;text-align:center}.stats-grid{grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:600px}.preview-window{margin:0 auto;max-width:450px;-webkit-transform:perspective(1000px) rotateY(0deg) rotateX(0deg);transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.floating-card{display:none}}@media (max-width:768px){.hero-container{gap:40px;padding:30px 15px}.hero-content{gap:25px}.hero-badge{font-size:.85rem;padding:10px 20px}.cow-icon{font-size:4rem}.hero-title{font-size:2.5rem}.title-main{font-size:.8em;letter-spacing:1px}.title-sub{font-size:.6em}.hero-subtitle{font-size:1.1rem;margin-bottom:20px}.hero-features{gap:10px;margin-bottom:15px}.feature-point{font-size:.95rem}.feature-icon{font-size:1.1rem;min-width:32px;padding:6px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr);max-width:400px}.stat-card{padding:15px}.stat-icon-bg{min-width:45px;padding:10px}.stat-icon{font-size:1.3rem}.stat-number{font-size:1.2rem}.stat-label{font-size:.75rem}.primary-actions{flex-direction:column;gap:15px;width:100%}.btn-hero-primary{max-width:300px;min-width:100%}.btn-hero-secondary{max-width:300px;width:100%}.social-proof-item{flex-direction:column;gap:12px}.trust-indicators{gap:15px;justify-content:center}.preview-window{max-width:380px}.dashboard-stats{gap:8px;grid-template-columns:1fr}.mini-stat{padding:10px}.ring-1{height:100px;margin:-50px 0 0 -50px;width:100px}.ring-2{height:130px;margin:-65px 0 0 -65px;width:130px}.ring-3{height:160px;margin:-80px 0 0 -80px;width:160px}}@media (max-width:480px){.hero-container{gap:30px;padding:20px 10px}.hero-content{gap:20px}.hero-badge{font-size:.8rem;padding:8px 16px}.badge-icon{font-size:1rem}.cow-icon{font-size:3.5rem}.hero-title{font-size:2rem}.title-main{font-size:.75em;letter-spacing:1px}.title-highlight:after{bottom:-6px;height:3px}.title-sub{font-size:.55em}.hero-subtitle{font-size:1rem;margin-bottom:15px}.hero-features{gap:8px;margin-bottom:15px}.feature-point{font-size:.9rem}.feature-icon{font-size:1rem;min-width:28px;padding:5px}.hero-stats-container{margin:20px 0}.stats-grid{gap:10px;grid-template-columns:1fr;max-width:280px}.stat-card{flex-direction:row;padding:12px;text-align:left}.stat-icon-bg{min-width:40px;padding:8px}.stat-icon{font-size:1.2rem}.stat-content{flex:1 1}.stat-number{font-size:1.1rem}.stat-label{font-size:.7rem}.hero-actions{gap:20px}.primary-actions{gap:12px}.btn-hero-primary{max-width:280px;min-width:100%}.btn-content{padding:15px 25px}.btn-main{font-size:1rem}.btn-sub{font-size:.7rem}.btn-hero-secondary{font-size:1rem;max-width:280px;padding:14px 20px;width:100%}.social-proof-item{gap:10px}.avatar{height:30px;width:30px}.avatar,.proof-number{font-size:.9rem}.proof-label{font-size:.8rem}.trust-indicators{align-items:center;flex-direction:column;gap:8px}.trust-item{font-size:.8rem;padding:6px 10px}.preview-window{max-width:300px}.window-header{padding:12px 15px}.window-title{font-size:.85rem}.window-content{padding:15px}.dashboard-nav{flex-direction:column;gap:4px}.nav-item{font-size:.75rem;justify-content:center;padding:6px 10px}.mini-stat{padding:8px}.mini-stat-icon{font-size:.8rem;height:25px;width:25px}.mini-stat-number{font-size:.8rem}.mini-stat-label{font-size:.6rem}.chart-header{margin-bottom:10px}.chart-title{font-size:.75rem}.chart-period{font-size:.65rem}.chart-area{height:60px}.ring-1{height:80px;margin:-40px 0 0 -40px;width:80px}.ring-2{height:100px;margin:-50px 0 0 -50px;width:100px}.ring-3{height:120px;margin:-60px 0 0 -60px;width:120px}.float-element{font-size:1.2rem}}@media (max-width:360px){.hero-container{gap:25px;padding:15px 8px}.hero-badge{font-size:.75rem;padding:6px 12px}.cow-icon{font-size:3rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.feature-point{font-size:.85rem}.stats-grid{max-width:250px}.stat-card{padding:10px}.btn-content{padding:12px 20px}.btn-main{font-size:.95rem}.btn-hero-secondary{font-size:.95rem;padding:12px 18px}.preview-window{max-width:260px}.window-content{padding:12px}.dashboard-nav{padding:6px}.nav-item{font-size:.7rem;padding:5px 8px}}@media (max-width:768px) and (orientation:landscape){.hero-section{min-height:auto;padding:40px 0}.hero-container{align-items:center;gap:40px;grid-template-columns:1fr 1fr}.hero-content{align-items:flex-start;text-align:left}.hero-badge{align-self:flex-start}.hero-text{text-align:left}.hero-actions,.hero-features,.hero-title{align-items:flex-start}.primary-actions{flex-direction:row;justify-content:flex-start}.hero-social-proof{align-items:flex-start;text-align:left}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.cow-icon{-webkit-filter:drop-shadow(0 5px 10px rgba(46,125,50,.4));filter:drop-shadow(0 5px 10px rgba(46,125,50,.4))}.preview-window{box-shadow:0 15px 35px rgba(0,0,0,.1),0 5px 15px rgba(46,125,50,.15)}}@media (prefers-reduced-motion:reduce){.badge-icon,.cow-icon,.float-element,.hero-badge,.line-point,.mini-stat,.preview-window,.ring,.stat-card{-webkit-animation:none!important;animation:none!important}.badge-glow,.btn-border-animation,.btn-glow,.btn-particles{display:none}.hero-pattern{-webkit-animation:none;animation:none;background-image:none}}@media print{.hero-section{background:#fff!important;min-height:auto}.btn-particles,.floating-elements-hero,.hero-background,.preview-glow-effect{display:none}.hero-container{gap:20px;grid-template-columns:1fr;padding:20px}.hero-content{color:#000!important}.preview-window{border:2px solid #ccc;box-shadow:none}}.floating-card,.preview-window,.stat-card{will-change:transform}.line-point,.mini-stat{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.cow-icon,.float-element,.floating-card,.line-point,.mini-stat,.preview-window,.ring,.stat-card{-webkit-animation:none!important;animation:none!important}.badge-glow,.btn-glow,.btn-particles{display:none}}.btn-hero-primary:focus,.btn-hero-secondary:focus{outline:3px solid rgba(76,175,80,.5);outline-offset:2px}.action-icon:focus,.control:focus,.nav-item:focus{outline:2px solid rgba(76,175,80,.5);outline-offset:1px}.landing-page{overflow-x:hidden}.hero,.landing-page{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);min-height:100vh}.hero{align-items:center;display:flex;padding:60px 20px;position:relative}.hero-bg-pattern{background:radial-gradient(circle at 20% 30%,rgba(76,175,80,.15) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(129,199,132,.15) 0,transparent 40%);inset:0;pointer-events:none;position:absolute}.hero-wrapper{grid-gap:50px;align-items:start;display:grid;gap:50px;grid-template-columns:1fr 1.1fr;margin:0 auto;max-width:1300px;padding:20px;position:relative;width:100%;z-index:1}.hero-left{-webkit-animation:fadeInLeft .8s ease-out;animation:fadeInLeft .8s ease-out;display:flex;flex-direction:column;gap:20px}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.hero-badge-container{display:flex}.hero-badge{align-items:center;-webkit-animation:badgePop .6s ease-out .3s both;animation:badgePop .6s ease-out .3s both;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50px;box-shadow:0 6px 20px rgba(255,107,53,.35);color:#fff;display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;padding:10px 20px}@-webkit-keyframes badgePop{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes badgePop{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.badge-icon{font-size:1rem}.hero-icon-wrapper{align-items:center;display:flex;height:90px;justify-content:center;position:relative;width:90px}.hero-cow-icon{-webkit-animation:cowFloat 3s ease-in-out infinite;animation:cowFloat 3s ease-in-out infinite;-webkit-filter:drop-shadow(0 8px 16px rgba(46,125,50,.25));filter:drop-shadow(0 8px 16px rgba(46,125,50,.25));font-size:4rem}@-webkit-keyframes cowFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@keyframes cowFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}.hero-icon-ring{-webkit-animation:ringExpand 2s ease-in-out infinite;animation:ringExpand 2s ease-in-out infinite;border:3px solid rgba(76,175,80,.25);border-radius:50%;inset:-10px;position:absolute}@-webkit-keyframes ringExpand{0%,to{opacity:.3;-webkit-transform:scale(.9);transform:scale(.9)}50%{opacity:.6;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes ringExpand{0%,to{opacity:.3;-webkit-transform:scale(.9);transform:scale(.9)}50%{opacity:.6;-webkit-transform:scale(1.1);transform:scale(1.1)}}.hero-heading{display:flex;flex-direction:column;gap:6px;line-height:1.15}.heading-small{color:#1b5e20;font-size:.9rem;font-weight:700;letter-spacing:3px;opacity:.9;text-transform:uppercase}.heading-large{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2e7d32,#4caf50 60%,#66bb6a);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:900;line-height:1.1}.heading-sub{color:#388e3c;font-size:1.2rem;font-style:italic;font-weight:500}.hero-desc{color:#2e7d32;font-size:1rem;line-height:1.6;max-width:450px}.hero-features-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.hero-features-list li{color:#388e3c;font-weight:500;gap:12px}.feature-bullet,.hero-features-list li{align-items:center;display:flex;font-size:1rem}.feature-bullet{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7;border-radius:50%;flex-shrink:0;height:36px;justify-content:center;width:36px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.btn-primary-hero{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#66bb6a);border:none;border-radius:50px;box-shadow:0 8px 24px rgba(46,125,50,.4);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;padding:16px 28px;transition:all .3s ease}.btn-primary-hero:hover{box-shadow:0 12px 32px rgba(46,125,50,.5);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn-icon{font-size:1.2rem}.btn-label{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.btn-main-text{font-size:1rem;font-weight:700}.btn-sub-text{font-size:.7rem;opacity:.9}.btn-secondary-hero{align-items:center;background:hsla(0,0%,100%,.85);border:2px solid #4caf50;border-radius:50px;color:#2e7d32;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 24px;transition:all .3s ease}.btn-secondary-hero:hover{background:#4caf50;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hero-trust{align-items:center;gap:14px;margin-top:8px}.hero-trust,.trust-avatars{display:flex}.trust-avatar{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7;border-radius:50%;display:flex;font-size:1rem;height:36px;justify-content:center;margin-left:-10px;width:36px}.trust-avatar:first-child{margin-left:0}.trust-avatar.trust-count{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;font-size:.75rem;font-weight:700}.trust-text{color:#2e7d32;font-size:.95rem}.trust-text strong{color:#1b5e20}.trust-badges{display:flex;flex-wrap:wrap;gap:12px}.trust-badge{align-items:center;background:hsla(0,0%,100%,.75);border:1px solid #c8e6c9;border-radius:20px;color:#2e7d32;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px}.hero-right{-webkit-animation:fadeInRight .8s ease-out .2s both;animation:fadeInRight .8s ease-out .2s both;display:flex;flex-direction:column;gap:24px}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.stat-box{align-items:center;-webkit-animation:statFadeIn .5s ease-out both;animation:statFadeIn .5s ease-out both;background:hsla(0,0%,100%,.95);border:2px solid #c8e6c9;border-radius:14px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.stat-box:first-child{-webkit-animation-delay:.3s;animation-delay:.3s}.stat-box:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.stat-box:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}.stat-box:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes statFadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes statFadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.stat-box.active{border-color:#4caf50;box-shadow:0 8px 24px rgba(76,175,80,.25);-webkit-transform:scale(1.03);transform:scale(1.03)}.stat-box:hover{box-shadow:0 6px 20px rgba(76,175,80,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.stat-icon-box{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:10px;box-shadow:0 4px 12px rgba(76,175,80,.3);display:flex;flex-shrink:0;font-size:1.3rem;height:44px;justify-content:center;width:44px}.stat-info{gap:2px}.stat-num{color:#1b5e20;font-size:1.25rem;font-weight:800}.stat-lbl{color:#388e3c;font-size:.75rem;font-weight:600}.dashboard-preview{-webkit-animation:previewSlideUp .8s ease-out .5s both;animation:previewSlideUp .8s ease-out .5s both;background:hsla(0,0%,100%,.98);border:2px solid #c8e6c9;border-radius:16px;box-shadow:0 15px 40px rgba(46,125,50,.18);overflow:hidden}@-webkit-keyframes previewSlideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes previewSlideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.preview-header{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50);display:flex;gap:12px;padding:12px 16px}.preview-dots{display:flex;gap:5px}.preview-dots .dot{border-radius:50%;height:10px;width:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.preview-title{color:#fff;font-size:.85rem;font-weight:600}.preview-body{padding:16px}.preview-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.preview-nav-item{background:#f1f8e9;border-radius:16px;color:#2e7d32;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.preview-nav-item.active{background:#4caf50;color:#fff}.preview-mini-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.mini-stat{-webkit-animation:miniStatPop .4s ease-out both;animation:miniStatPop .4s ease-out both;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:10px;padding:12px 8px;text-align:center}.mini-stat:first-child{-webkit-animation-delay:.7s;animation-delay:.7s}.mini-stat:nth-child(2){-webkit-animation-delay:.8s;animation-delay:.8s}.mini-stat:nth-child(3){-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes miniStatPop{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes miniStatPop{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.mini-icon{display:block;font-size:1.1rem;margin-bottom:4px}.mini-value{color:#1b5e20;display:block;font-size:1rem;font-weight:800}.mini-label{color:#388e3c;display:block;font-size:.65rem;margin-bottom:3px}.mini-trend{background:rgba(76,175,80,.2);border-radius:8px;font-size:.65rem;font-weight:700;padding:2px 5px}.mini-trend,.mini-trend.up{color:#2e7d32}.preview-chart{background:#f9fbe7;border:1px solid #dcedc8;border-radius:10px;padding:12px}.chart-title{color:#2e7d32;font-size:.8rem;font-weight:600;margin-bottom:10px}.chart-bars{align-items:flex-end;display:flex;gap:6px;height:70px}.chart-bars .bar{-webkit-animation:barGrow .6s ease-out both;animation:barGrow .6s ease-out both;background:linear-gradient(0deg,#81c784,#a5d6a7);border-radius:3px 3px 0 0;flex:1 1;-webkit-transform-origin:bottom;transform-origin:bottom;transition:all .3s ease}.chart-bars .bar:first-child{-webkit-animation-delay:1s;animation-delay:1s}.chart-bars .bar:nth-child(2){-webkit-animation-delay:1.1s;animation-delay:1.1s}.chart-bars .bar:nth-child(3){-webkit-animation-delay:1.2s;animation-delay:1.2s}.chart-bars .bar:nth-child(4){-webkit-animation-delay:1.3s;animation-delay:1.3s}.chart-bars .bar:nth-child(5){-webkit-animation-delay:1.4s;animation-delay:1.4s}.chart-bars .bar:nth-child(6){-webkit-animation-delay:1.5s;animation-delay:1.5s}.chart-bars .bar:nth-child(7){-webkit-animation-delay:1.6s;animation-delay:1.6s}@keyframes barGrow{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.chart-bars .bar.active{background:linear-gradient(0deg,#4caf50,#66bb6a)}.chart-bars .bar:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:scaleY(1.05);transform:scaleY(1.05)}.section-container{margin:0 auto;max-width:1200px;padding:0 20px}.section-head{margin-bottom:50px;text-align:center}.section-badge{background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:16px;padding:8px 18px}.section-badge.light{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3)}.section-title{color:#1b5e20;font-size:2.5rem;font-weight:800;margin-bottom:14px}.section-subtitle{color:#388e3c;font-size:1.1rem;margin:0 auto;max-width:600px}.features{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);padding:100px 20px}.features-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{background:linear-gradient(145deg,#fff,#f9fbe7 50%,#f1f8e9);border:2px solid #c8e6c9;border-radius:20px;padding:32px 26px;position:relative;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#4caf50,#81c784,#4caf50);border-radius:20px 20px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.feature-card:hover{border-color:#4caf50;box-shadow:0 16px 40px rgba(46,125,50,.18);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.feature-card.featured{border-color:#4caf50;box-shadow:0 8px 30px rgba(76,175,80,.15)}.feature-icon-box{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7;border-radius:16px;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-bottom:18px;width:60px}.feature-card .feature-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;color:#fff;font-size:.7rem;font-weight:700;padding:5px 12px;position:absolute;right:20px;top:20px}.feature-card h3{color:#1b5e20;font-size:1.3rem;font-weight:700;margin-bottom:12px}.feature-card p{color:#388e3c;font-size:.95rem;line-height:1.6;margin-bottom:16px}.feature-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.feature-list li{background:rgba(76,175,80,.1);border-radius:15px;color:#2e7d32;font-size:.8rem;font-weight:600;padding:5px 10px}.demo{background:linear-gradient(135deg,#1b5e20,#2e7d32 50%,#388e3c);color:#fff;padding:100px 20px}.demo-wrapper{margin:0 auto;max-width:800px;text-align:center}.demo-title{font-size:2.5rem;font-weight:800;margin-bottom:16px}.demo-desc{font-size:1.1rem;line-height:1.6;margin-bottom:36px;opacity:.9}.demo-features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:36px;text-align:left}.demo-feature{align-items:flex-start;display:flex;gap:14px}.demo-feature-icon{flex-shrink:0;font-size:1.8rem}.demo-feature h4{font-size:1rem;font-weight:700;margin-bottom:4px}.demo-feature p{font-size:.85rem;opacity:.85}.demo-credentials{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;margin-bottom:30px;padding:24px;text-align:left}.demo-credentials h4{color:#c8e6c9;font-size:1rem;margin-bottom:16px}.credential-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.credential-row:last-child{margin-bottom:0}.credential-label{font-weight:600;min-width:100px;opacity:.8}.credential-value{background:hsla(0,0%,100%,.2);border-radius:8px;font-family:Courier New,monospace;font-weight:600;padding:6px 12px}.copy-btn{background:hsla(0,0%,100%,.15);border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:6px 10px;transition:all .2s ease}.copy-btn:hover{background:hsla(0,0%,100%,.25)}.demo-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-demo-primary{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:50px;box-shadow:0 6px 20px rgba(255,107,53,.4);color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:10px;padding:16px 30px;transition:all .3s ease}.btn-demo-primary:hover{box-shadow:0 10px 28px rgba(255,107,53,.5);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn-demo-secondary{align-items:center;background:transparent;border:2px solid hsla(0,0%,100%,.5);border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:10px;padding:14px 26px;transition:all .3s ease}.btn-demo-secondary:hover{background:hsla(0,0%,100%,.1);border-color:#fff}.testimonials{background:hsla(0,0%,100%,.95);padding:100px 20px}.testimonial-card{background:linear-gradient(145deg,#fff,#f9fbe7);border:2px solid #c8e6c9;border-radius:24px;margin:0 auto;max-width:650px;padding:40px;position:relative;text-align:center}.quote-icon{color:#4caf50;font-size:4rem;line-height:1;margin-bottom:10px;opacity:.3}.testimonial-text{color:#2e7d32;font-size:1.2rem;font-style:italic;line-height:1.7;margin-bottom:24px}.testimonial-author{align-items:center;display:flex;gap:14px;justify-content:center;margin-bottom:16px}.author-avatar{font-size:2.5rem}.author-info h4{color:#1b5e20;font-size:1.1rem;font-weight:700;margin-bottom:2px}.author-info p{color:#388e3c;font-size:.9rem}.testimonial-rating{font-size:1.2rem;letter-spacing:2px}.testimonial-dots{display:flex;gap:10px;justify-content:center;margin-top:28px}.testimonial-dots .dot{background:#c8e6c9;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.testimonial-dots .dot.active{background:#4caf50;-webkit-transform:scale(1.2);transform:scale(1.2)}.benefits{background:linear-gradient(135deg,#f1f8e9,#e8f5e9);padding:100px 20px}.benefits-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:40px auto 0;max-width:1000px}.benefit-card{background:hsla(0,0%,100%,.9);border:2px solid #c8e6c9;border-radius:18px;padding:32px 24px;text-align:center;transition:all .3s ease}.benefit-card:hover{border-color:#4caf50;box-shadow:0 12px 32px rgba(46,125,50,.15);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.benefit-icon{font-size:2.8rem;margin-bottom:18px}.benefit-card h3{color:#1b5e20;font-size:1.2rem;font-weight:700;margin-bottom:10px}.benefit-card p{color:#388e3c;font-size:.95rem;line-height:1.5}.footer{background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#fff;padding:60px 20px 24px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.footer-brand{text-align:left}.footer-logo{display:block;font-size:3rem;margin-bottom:10px}.footer-brand h3{color:#c8e6c9;font-size:1.6rem;font-weight:800;margin-bottom:8px}.footer-brand p{font-size:1rem;opacity:.85}.footer-contact{display:flex;flex-direction:column;gap:14px;justify-content:center}.footer-contact .contact-item{align-items:center;display:flex;font-size:.95rem;gap:10px;opacity:.9}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.2);font-size:.9rem;opacity:.8;padding-top:24px;text-align:center}@media (max-width:1024px){.hero-wrapper{gap:40px;grid-template-columns:1fr;padding:10px;text-align:center}.hero-left{align-items:center;order:1}.hero-right{margin:0 auto;max-width:500px;order:2}.hero-features-list,.hero-heading{align-items:center}.hero-buttons,.hero-trust,.trust-badges{justify-content:center}.hero-desc{margin:0 auto}.heading-large{font-size:2.8rem}}@media (max-width:768px){.hero{min-height:auto;padding:40px 16px}.heading-large{font-size:2.2rem}.heading-small{font-size:.95rem}.heading-sub{font-size:1.1rem}.hero-desc{font-size:1rem}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.stat-box{padding:14px}.stat-num{font-size:1.1rem}.preview-mini-stats{gap:10px;grid-template-columns:1fr}.benefits,.demo,.features,.testimonials{padding:60px 16px}.section-title{font-size:1.8rem}.section-subtitle{font-size:1rem}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:26px 20px}.demo-title{font-size:1.8rem}.demo-features{gap:20px;grid-template-columns:1fr}.demo-buttons{align-items:center;flex-direction:column}.btn-demo-primary,.btn-demo-secondary{justify-content:center;max-width:280px;width:100%}.testimonial-card{padding:28px 20px}.testimonial-text{font-size:1.05rem}.benefits-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.benefit-card{padding:24px 16px}.footer-content{gap:30px;grid-template-columns:1fr}.footer-brand,.footer-content{text-align:center}.footer-contact{align-items:center}}@media (max-width:480px){.hero{padding:30px 12px}.hero-badge{font-size:.75rem;padding:8px 14px}.hero-cow-icon{font-size:3.5rem}.heading-large{font-size:1.8rem}.heading-small{font-size:.85rem}.heading-sub{font-size:1rem}.hero-desc,.hero-features-list li{font-size:.9rem}.btn-primary-hero{font-size:.95rem;padding:14px 22px}.btn-secondary-hero{font-size:.95rem;padding:12px 20px}.stats-grid{grid-template-columns:1fr}.stat-box{padding:16px}.section-title{font-size:1.5rem}.features-grid{gap:16px}.feature-card{padding:22px 16px}.feature-icon-box{font-size:1.5rem;height:50px;width:50px}.feature-card h3{font-size:1.15rem}.demo-title{font-size:1.5rem}.demo-credentials{padding:18px}.credential-row{align-items:flex-start;flex-direction:column;gap:8px}.benefits-grid{grid-template-columns:1fr}.benefit-card{padding:22px 16px}.benefit-icon{font-size:2.2rem}.footer{padding:40px 12px 20px}.footer-logo{font-size:2.5rem}.footer-brand h3{font-size:1.3rem}}.footer-enhanced{background:linear-gradient(135deg,#1b5e20,#2e7d32 50%,#1b5e20);color:#fff;overflow:hidden;position:relative}.footer-wave{left:0;line-height:0;overflow:hidden;position:absolute;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.footer-wave svg{fill:#f1f8e9;display:block;height:80px;position:relative;width:calc(100% + 1.3px)}.footer-main{padding:100px 20px 50px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1.5fr;margin-bottom:50px}.footer-col{display:flex;flex-direction:column}.footer-brand-col{padding-right:30px}.footer-logo-wrap{align-items:center;display:flex;gap:12px;margin-bottom:16px}.footer-logo-icon{-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:2.8rem}.footer-logo-wrap h3{color:#c8e6c9;font-size:1.5rem;font-weight:800;margin:0}.footer-tagline{font-size:.95rem;line-height:1.7;margin-bottom:20px;opacity:.85}.footer-social{display:flex;gap:12px}.social-link{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;font-size:1.2rem;height:42px;justify-content:center;text-decoration:none;transition:all .3s ease;width:42px}.social-link:hover{background:hsla(0,0%,100%,.2);box-shadow:0 6px 20px rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.footer-col-title{color:#c8e6c9;font-size:1.1rem;font-weight:700;margin-bottom:20px;padding-bottom:12px;position:relative}.footer-col-title:after{background:linear-gradient(90deg,#81c784,#4caf50);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.footer-links{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-links li a{align-items:center;color:hsla(0,0%,100%,.8);display:inline-flex;font-size:.95rem;gap:6px;text-decoration:none;transition:all .3s ease}.footer-links li a:hover{color:#c8e6c9;-webkit-transform:translateX(5px);transform:translateX(5px)}.footer-links li a:before{content:"→";margin-left:-15px;opacity:0;transition:all .3s ease}.footer-links li a:hover:before{margin-left:0;opacity:1}.footer-contact-list{display:flex;flex-direction:column;gap:16px}.footer-contact-item{align-items:flex-start;color:hsla(0,0%,100%,.85);display:flex;font-size:.95rem;gap:12px}.footer-contact-item .contact-icon{flex-shrink:0;font-size:1.1rem;margin-top:2px}.footer-newsletter{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;display:flex;gap:30px;justify-content:space-between;margin-bottom:40px;padding:30px}.newsletter-content h4{color:#c8e6c9;font-size:1.2rem;font-weight:700;margin-bottom:6px}.newsletter-content p{font-size:.9rem;margin:0;opacity:.8}.newsletter-form{display:flex;flex-shrink:0;gap:12px}.newsletter-input{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;font-size:.95rem;padding:14px 20px;transition:all .3s ease;width:280px}.newsletter-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.newsletter-input::placeholder{color:hsla(0,0%,100%,.5)}.newsletter-input:focus{background:hsla(0,0%,100%,.15);border-color:#81c784;outline:none}.newsletter-btn{background:linear-gradient(135deg,#81c784,#66bb6a);border:none;border-radius:50px;color:#1b5e20;cursor:pointer;font-size:.95rem;font-weight:700;padding:14px 28px;transition:all .3s ease;white-space:nowrap}.newsletter-btn:hover{background:linear-gradient(135deg,#a5d6a7,#81c784);box-shadow:0 6px 20px rgba(129,199,132,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.footer-trust{border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding-top:30px}.trust-badge-item{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:30px;color:hsla(0,0%,100%,.8);display:flex;font-size:.9rem;gap:8px;padding:10px 18px}.trust-badge-item span:first-child{font-size:1.1rem}.footer-bottom-enhanced{background:rgba(0,0,0,.2);padding:20px}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.footer-bottom-content p{font-size:.9rem;margin:0;opacity:.8}.footer-legal{display:flex;gap:24px}.footer-legal a{color:hsla(0,0%,100%,.7);font-size:.85rem;text-decoration:none;transition:all .3s ease}.footer-legal a:hover{color:#c8e6c9}@media (max-width:1024px){.footer-grid{gap:40px 30px;grid-template-columns:1fr 1fr}.footer-brand-col{align-items:center;grid-column:span 2;padding-right:0;text-align:center}.footer-social{justify-content:center}.footer-col-title:after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.footer-col{align-items:center;text-align:center}.footer-links li a:hover{-webkit-transform:none;transform:none}.footer-contact-item{justify-content:center}}@media (max-width:768px){.footer-wave svg{height:50px}.footer-main{padding:80px 16px 40px}.footer-grid{gap:35px;grid-template-columns:1fr}.footer-brand-col{grid-column:span 1}.footer-newsletter{flex-direction:column;gap:20px;padding:24px;text-align:center}.newsletter-form{flex-direction:column;width:100%}.newsletter-btn,.newsletter-input{width:100%}.footer-trust{gap:16px}.trust-badge-item{font-size:.8rem;padding:8px 14px}.footer-bottom-content{flex-direction:column;gap:12px;text-align:center}.footer-legal{flex-wrap:wrap;gap:16px;justify-content:center}}@media (max-width:480px){.footer-main{padding:70px 12px 30px}.footer-logo-icon{font-size:2.2rem}.footer-logo-wrap h3{font-size:1.3rem}.footer-tagline{font-size:.9rem}.social-link{height:38px;width:38px}.footer-col-title,.social-link{font-size:1rem}.footer-trust{gap:10px}.trust-badge-item{font-size:.75rem;padding:6px 12px}}.footer-mini{background:#1b5e20;padding:20px}.footer-mini-inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-mini-brand{color:#c8e6c9;font-size:1.1rem;font-weight:700}.footer-mini-copy{color:hsla(0,0%,100%,.7);font-size:.85rem}@media (max-width:480px){.footer-mini-inner{flex-direction:column;text-align:center}}.footer-dairy{background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#fff;padding:40px 20px 20px}.footer-dairy-container{grid-gap:40px;border-bottom:1px solid hsla(0,0%,100%,.15);display:grid;gap:40px;grid-template-columns:1.5fr 1fr;margin:0 auto;max-width:1000px;padding-bottom:24px}.footer-dairy-logo{align-items:center;display:flex;gap:10px;margin-bottom:12px}.footer-dairy-logo span{font-size:2rem}.footer-dairy-logo h3{color:#c8e6c9;font-size:1.4rem;font-weight:700;margin:0}.footer-dairy-desc{font-size:.95rem;line-height:1.6;margin-bottom:16px;opacity:.85}.footer-dairy-social{display:flex;gap:12px}.footer-dairy-social a{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.footer-dairy-social a:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.footer-dairy-contact h4{color:#c8e6c9;font-size:1.1rem;font-weight:700;margin-bottom:16px}.footer-dairy-contact-item{align-items:flex-start;display:flex;font-size:.9rem;gap:10px;margin-bottom:10px;opacity:.9}.footer-dairy-contact-item span{flex-shrink:0}.footer-dairy-bottom{font-size:.9rem;opacity:.8;padding-top:20px;text-align:center}.footer-dairy-bottom p{margin:0}.footer-dairy-bottom strong{color:#c8e6c9}@media (max-width:768px){.footer-dairy-container{gap:30px;grid-template-columns:1fr;text-align:center}.footer-dairy-contact-item,.footer-dairy-logo,.footer-dairy-social{justify-content:center}}.footer-full{background:linear-gradient(135deg,#1a472a,#1b5e20 50%,#2e7d32);color:#fff;width:100%}.footer-full-top{border-bottom:1px solid hsla(0,0%,100%,.1);padding:60px 20px 40px}.footer-full-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:2fr 1fr 1fr 1.5fr;margin:0 auto;max-width:1400px}.footer-full-brand{padding-right:20px}.footer-full-logo{align-items:center;display:flex;gap:14px;margin-bottom:20px}.footer-full-logo .logo-icon{-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2.8rem}.footer-full-logo h3{color:#a5d6a7;font-size:1.5rem;font-weight:800;line-height:1.2;margin:0}.footer-full-logo .tagline{color:hsla(0,0%,100%,.7);font-size:.8rem;font-weight:500}.footer-full-desc{color:hsla(0,0%,100%,.8);font-size:.95rem;line-height:1.7;margin-bottom:24px}.footer-full-social{display:flex;gap:12px}.social-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#fff;display:flex;font-size:1.3rem;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.social-btn:hover{box-shadow:0 8px 20px rgba(0,0,0,.3);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.social-btn.whatsapp:hover{background:#25d366}.social-btn.email:hover{background:#ea4335}.social-btn.github:hover{background:#333}.social-btn.linkedin:hover{background:#0077b5}.social-btn.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.footer-full-contact h4,.footer-full-links h4{color:#a5d6a7;font-size:1.1rem;font-weight:700;margin-bottom:20px;padding-bottom:12px;position:relative}.footer-full-contact h4:after,.footer-full-links h4:after{background:linear-gradient(90deg,#66bb6a,#4caf50);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.footer-full-links ul{list-style:none;margin:0;padding:0}.footer-full-links ul li{margin-bottom:12px}.footer-full-links ul li a{align-items:center;color:hsla(0,0%,100%,.8);display:inline-flex;font-size:.95rem;gap:6px;text-decoration:none;transition:all .3s ease}.footer-full-links ul li a:hover{color:#a5d6a7;padding-left:8px}.contact-list{display:flex;flex-direction:column;gap:14px}.contact-row{align-items:flex-start;color:hsla(0,0%,100%,.85);display:flex;font-size:.95rem;gap:12px;text-decoration:none;transition:all .3s ease}.contact-row:hover{color:#a5d6a7}.contact-icon{color:#81c784;flex-shrink:0;font-size:1.1rem;margin-top:2px}.footer-full-bottom{background:rgba(0,0,0,.2);padding:20px}.footer-full-bottom .footer-full-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.footer-full-bottom p{color:hsla(0,0%,100%,.7);font-size:.9rem;margin:0}.developer-credit{align-items:center;display:flex;gap:6px}.developer-credit strong{color:#a5d6a7}.developer-link{color:#a5d6a7;font-weight:600;text-decoration:none;transition:color .3s ease}.developer-link:hover{color:#fff;text-decoration:underline}.footer-link-btn{background:none;border:none;color:hsla(0,0%,100%,.8);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;transition:color .3s ease}.footer-link-btn:hover{color:#a5d6a7}.heart-icon{-webkit-animation:heartbeat 1.5s infinite;animation:heartbeat 1.5s infinite;color:#ef5350}@-webkit-keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@media (max-width:1024px){.footer-full-container{gap:40px;grid-template-columns:1fr 1fr}.footer-full-brand{grid-column:span 2;padding-right:0;text-align:center}.footer-full-logo,.footer-full-social{justify-content:center}.footer-full-desc{margin:0 auto 24px;max-width:500px}.footer-full-contact h4:after,.footer-full-links h4:after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.footer-full-contact,.footer-full-links{text-align:center}.footer-full-links ul li a:hover{padding-left:0}.contact-row{justify-content:center}}@media (max-width:768px){.footer-full-top{padding:40px 16px 30px}.footer-full-container{gap:35px;grid-template-columns:1fr}.footer-full-brand{grid-column:span 1}.footer-full-logo .logo-icon{font-size:2.2rem}.footer-full-logo h3{font-size:1.3rem}.footer-full-bottom .footer-full-container{flex-direction:column;text-align:center}.social-btn{font-size:1.1rem;height:40px;width:40px}}@media (max-width:480px){.footer-full-top{padding:30px 12px 24px}.footer-full-desc{font-size:.9rem}.social-btn{border-radius:10px;font-size:1rem;height:38px;width:38px}}.dashboard-preview-new{-webkit-animation:previewSlideUp .8s ease-out .5s both;animation:previewSlideUp .8s ease-out .5s both}.preview-window{background:#1a1a2e;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.3);overflow:hidden}.window-bar{align-items:center;background:linear-gradient(90deg,#16213e,#1a1a2e);border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;gap:12px;padding:12px 16px}.window-dots{display:flex;gap:6px}.w-dot{border-radius:50%;height:12px;width:12px}.w-dot.red{background:#ff5f56}.w-dot.yellow{background:#ffbd2e}.w-dot.green{background:#27ca3f}.window-title{color:hsla(0,0%,100%,.8);font-size:.85rem;font-weight:600}.window-body{display:flex;min-height:280px}.window-sidebar{background:#16213e;border-right:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;gap:6px;padding:12px 8px;width:120px}.sidebar-item{border-radius:8px;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:.75rem;padding:10px 12px;transition:all .3s ease}.sidebar-item:hover{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.9)}.sidebar-item.active{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;font-weight:600}.window-main{background:linear-gradient(180deg,#1a1a2e,#16213e);flex:1 1;padding:16px}.main-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.main-header h4{color:#fff;font-size:1rem;font-weight:700;margin:0}.date-badge{background:rgba(76,175,80,.2);border-radius:12px;color:#81c784;font-size:.7rem;font-weight:600;padding:4px 10px}.main-stats{display:flex;gap:10px;margin-bottom:16px}.main-stat-card{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:flex;flex:1 1;gap:10px;padding:12px;transition:all .3s ease}.main-stat-card:hover{background:hsla(0,0%,100%,.08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.main-stat-card.highlight{background:linear-gradient(135deg,rgba(76,175,80,.2),rgba(102,187,106,.1));border-color:rgba(76,175,80,.3)}.stat-emoji{font-size:1.5rem}.stat-data{display:flex;flex-direction:column;gap:2px}.stat-value{color:#fff;font-weight:800}.stat-name{color:hsla(0,0%,100%,.5);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.main-chart{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:14px}.chart-label{color:hsla(0,0%,100%,.6);font-size:.75rem;font-weight:600;margin-bottom:12px}.chart-visual{align-items:flex-end;display:flex;gap:8px;height:80px;justify-content:space-between}.chart-bar{-webkit-animation:chartGrow .6s ease-out both;animation:chartGrow .6s ease-out both;background:linear-gradient(0deg,#4caf50,#81c784);border-radius:4px 4px 0 0;flex:1 1;position:relative;-webkit-transform-origin:bottom;transform-origin:bottom;transition:all .3s ease}.chart-bar:first-child{-webkit-animation-delay:.8s;animation-delay:.8s}.chart-bar:nth-child(2){-webkit-animation-delay:.9s;animation-delay:.9s}.chart-bar:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.chart-bar:nth-child(4){-webkit-animation-delay:1.1s;animation-delay:1.1s}.chart-bar:nth-child(5){-webkit-animation-delay:1.2s;animation-delay:1.2s}.chart-bar:nth-child(6){-webkit-animation-delay:1.3s;animation-delay:1.3s}.chart-bar:nth-child(7){-webkit-animation-delay:1.4s;animation-delay:1.4s}@-webkit-keyframes chartGrow{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes chartGrow{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.chart-bar span{bottom:-20px;color:hsla(0,0%,100%,.4);font-size:.6rem;font-weight:600;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.chart-bar.active{background:linear-gradient(0deg,#ff6b35,#f7931e)}.chart-bar:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}@media (max-width:768px){.window-body{flex-direction:column;min-height:auto}.window-sidebar{border-bottom:1px solid hsla(0,0%,100%,.05);border-right:none;flex-direction:row;overflow-x:auto;padding:8px;width:100%}.sidebar-item{padding:8px 12px;white-space:nowrap}.main-stats{flex-direction:column;gap:8px}.chart-visual{height:60px}}@media (max-width:480px){.window-bar{padding:10px 12px}.window-title{font-size:.75rem}.window-main{padding:12px}.main-header h4{font-size:.9rem}.stat-emoji{font-size:1.2rem}.stat-value{font-size:.95rem}}.testimonials-new{background:linear-gradient(135deg,#1a472a,#1b5e20 50%,#2e7d32);overflow:hidden;padding:80px 20px;position:relative}.testimonials-new:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.testimonials-new .section-head{position:relative;z-index:1}.testimonials-new .section-title{color:#fff}.testimonials-new .section-subtitle{color:hsla(0,0%,100%,.8)}.testimonials-new .section-badge{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2)}.testimonials-slider{margin:0 auto;max-width:700px;position:relative;z-index:1}.testimonial-card-new{-webkit-animation:testimonialFade .5s ease-out;animation:testimonialFade .5s ease-out;background:hsla(0,0%,100%,.95);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:40px;position:relative;text-align:center}@-webkit-keyframes testimonialFade{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes testimonialFade{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.testimonial-quote{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;box-shadow:0 8px 20px rgba(76,175,80,.4);display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:-20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px}.quote-mark{color:#fff;font-size:2rem;font-weight:900;line-height:1;margin-top:-5px}.testimonial-message{color:#2e7d32;font-size:1.2rem;font-style:italic;line-height:1.8;margin:30px 0;padding:0 20px}.testimonial-footer{border-top:1px solid #e8f5e9;gap:16px;padding-top:20px}.testimonial-avatar,.testimonial-footer{align-items:center;display:flex;justify-content:center}.testimonial-avatar{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:3px solid #4caf50;border-radius:50%;font-size:2rem;height:60px;width:60px}.testimonial-info{text-align:left}.testimonial-info h4{color:#1b5e20;font-size:1.1rem;font-weight:700;margin:0 0 4px}.testimonial-info p{color:#388e3c;font-size:.85rem;margin:0}.testimonial-stars{font-size:1rem;letter-spacing:2px}.testimonial-nav{gap:20px;margin-top:30px}.nav-arrow,.testimonial-nav{align-items:center;display:flex;justify-content:center}.nav-arrow{background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:44px;transition:all .3s ease;width:44px}.nav-arrow:hover{background:hsla(0,0%,100%,.25);-webkit-transform:scale(1.1);transform:scale(1.1)}.testimonial-indicators{display:flex;gap:10px}.indicator{background:hsla(0,0%,100%,.3);border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:#81c784;box-shadow:0 0 10px rgba(129,199,132,.5);-webkit-transform:scale(1.3);transform:scale(1.3)}.indicator:hover{background:hsla(0,0%,100%,.5)}@media (max-width:768px){.testimonials-new{padding:60px 16px}.testimonial-card-new{border-radius:20px;padding:30px 20px}.testimonial-message{font-size:1.05rem;margin:25px 0;padding:0}.testimonial-footer{flex-direction:column;gap:12px}.testimonial-info{text-align:center}.testimonial-avatar{font-size:1.6rem;height:50px;width:50px}.nav-arrow{font-size:1rem;height:38px;width:38px}}@media (max-width:480px){.testimonial-card-new{padding:25px 16px}.testimonial-quote{height:40px;top:-15px;width:40px}.quote-mark{font-size:1.5rem}.testimonial-message{font-size:.95rem;line-height:1.7}.testimonial-info h4{font-size:1rem}.testimonial-nav{gap:12px}.indicator{height:10px;width:10px}}.login-page{display:flex;min-height:100vh}.login-left{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:40px;position:relative}.login-left:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-left-content{color:#fff;max-width:400px;position:relative;z-index:1}.login-brand{margin-bottom:50px;text-align:center}.brand-icon{-webkit-animation:cowFloat 3s ease-in-out infinite;animation:cowFloat 3s ease-in-out infinite;-webkit-filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));font-size:5rem;margin-bottom:20px}.login-brand h1{color:#2e7d32;font-size:2.5rem;font-weight:800;margin:0 0 10px}.login-brand p{font-size:1.1rem;margin:0;opacity:.9}.login-features{display:flex;flex-direction:column;gap:20px}.login-feature{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:all .3s ease}.login-feature:hover{background:hsla(0,0%,100%,.15);-webkit-transform:translateX(5px);transform:translateX(5px)}.login-feature span{font-size:2rem}.login-feature h4{color:#2e7d32;font-size:1rem;font-weight:700;margin:0 0 4px}.login-feature p{font-size:.85rem;margin:0;opacity:.8}.login-right{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);flex:1 1;justify-content:center;padding:40px;position:relative}.back-btn,.login-right{align-items:center;display:flex}.back-btn{background:#fff;border:2px solid #4caf50;border-radius:25px;color:#2e7d32;cursor:pointer;font-size:.9rem;font-weight:600;gap:8px;left:30px;padding:10px 20px;position:absolute;top:30px;transition:all .3s ease}.back-btn:hover{background:#4caf50;color:#fff}.login-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(46,125,50,.15);max-width:420px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h2{color:#1b5e20;font-size:1.8rem;font-weight:800;margin:0 0 8px}.login-header p{color:#388e3c;font-size:.95rem;margin:0}.demo-box{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7;border-radius:16px;margin-bottom:25px;padding:20px}.demo-title{align-items:center;color:#1b5e20;display:flex;font-size:.95rem;font-weight:700;gap:8px;margin-bottom:12px}.demo-creds{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.demo-cred{align-items:center;background:#fff;border-radius:8px;color:#2e7d32;display:flex;font-size:.9rem;gap:10px;padding:10px 14px}.demo-cred svg{color:#4caf50}.demo-fill-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:12px;transition:all .3s ease;width:100%}.demo-fill-btn:hover{box-shadow:0 6px 20px rgba(76,175,80,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login-form .form-group{margin-bottom:20px}.login-form label{gap:8px;margin-bottom:8px}.login-form label svg{color:#4caf50}.login-form input{background:#f9fbe7;border:2px solid #c8e6c9;border-radius:12px;width:100%}.login-form input::-webkit-input-placeholder{color:#81c784}.login-form input::placeholder{color:#81c784}.error-box{align-items:center;background:#ffebee;border:1px solid #ef9a9a;border-radius:10px;color:#c62828;display:flex;font-size:.9rem;gap:10px;margin-bottom:20px;padding:12px 16px}.submit-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px rgba(46,125,50,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{border:3px solid hsla(0,0%,100%,.3);height:20px;width:20px}.toggle-auth{border-top:1px solid #e8f5e9;margin-top:25px;padding-top:20px;text-align:center}.toggle-auth span{color:#666;font-size:.9rem}.toggle-auth button{background:none;border:none;color:#4caf50;cursor:pointer;font-size:.9rem;font-weight:700;margin-left:5px;transition:color .3s ease}.toggle-auth button:hover{color:#2e7d32;text-decoration:underline}@media (max-width:900px){.login-page{flex-direction:column}.login-left{min-height:auto;padding:40px 20px}.login-left-content{max-width:100%}.login-brand{margin-bottom:30px}.brand-icon{font-size:4rem}.login-brand h1{font-size:2rem}.login-features{flex-direction:row;flex-wrap:wrap;justify-content:center}.login-feature{flex:1 1;max-width:250px;min-width:200px}.login-right{padding:30px 20px}.back-btn{font-size:.85rem;left:15px;padding:8px 16px;top:15px}}@media (max-width:600px){.login-left{padding:30px 16px}.brand-icon{font-size:3rem}.login-brand h1{font-size:1.6rem}.login-brand p{font-size:.95rem}.login-features{flex-direction:column}.login-feature{max-width:100%}.login-card{border-radius:20px;padding:25px 20px}.login-header h2{font-size:1.5rem}.demo-box{padding:16px}.submit-btn{font-size:1rem;padding:14px}}.login-full-page{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 30%,#a5d6a7 60%,#81c784);flex-direction:column}.login-floating-elements{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.float-element{-webkit-animation:float-animation 8s ease-in-out infinite;animation:float-animation 8s ease-in-out infinite;font-size:3rem;opacity:.15;position:absolute}.float-cow{-webkit-animation-delay:0s;animation-delay:0s;left:5%;top:10%}.float-milk{-webkit-animation-delay:2s;animation-delay:2s;right:8%;top:60%}.float-grass{-webkit-animation-delay:4s;animation-delay:4s;bottom:20%;left:10%}.float-farm{-webkit-animation-delay:6s;animation-delay:6s;right:5%;top:40%}@-webkit-keyframes float-animation{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{-webkit-transform:translateY(-20px) rotate(5deg);transform:translateY(-20px) rotate(5deg)}50%{-webkit-transform:translateY(-10px) rotate(-5deg);transform:translateY(-10px) rotate(-5deg)}75%{-webkit-transform:translateY(-15px) rotate(3deg);transform:translateY(-15px) rotate(3deg)}}@keyframes float-animation{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{-webkit-transform:translateY(-20px) rotate(5deg);transform:translateY(-20px) rotate(5deg)}50%{-webkit-transform:translateY(-10px) rotate(-5deg);transform:translateY(-10px) rotate(-5deg)}75%{-webkit-transform:translateY(-15px) rotate(3deg);transform:translateY(-15px) rotate(3deg)}}.back-btn-full{background:hsla(0,0%,100%,.95);border:2px solid #a5d6a7;border-radius:12px;box-shadow:0 4px 12px rgba(46,125,50,.15);font-size:1rem;padding:12px 24px}.back-btn-full:hover{background:#fff;border-color:#4caf50;box-shadow:0 8px 20px rgba(46,125,50,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login-full-wrapper{align-items:center;display:flex;gap:40px;justify-content:center;max-width:1200px;position:relative;width:100%;z-index:5}.login-left-column{-webkit-animation:slideInLeft .6s ease-out;animation:slideInLeft .6s ease-out;display:flex;flex:1 1;flex-direction:column;gap:25px;min-width:300px}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.login-header-top{padding:20px;text-align:center}.login-header-top h2{color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:1px;margin:10px 0 5px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.login-header-top p{color:hsla(0,0%,100%,.9);font-size:1.1rem;font-weight:500;letter-spacing:.5px}.demo-features{display:flex;flex-direction:column;gap:12px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;display:flex;gap:12px;padding:14px 18px;transition:all .3s ease}.feature-item:hover{background:hsla(0,0%,100%,.25);-webkit-transform:translateX(5px);transform:translateX(5px)}.feature-icon{flex-shrink:0;font-size:1.8rem}.feature-text{color:#fff;font-size:1rem;font-weight:600}.login-right-column{-webkit-animation:slideInRight .6s ease-out;animation:slideInRight .6s ease-out;display:flex;flex:1 1;justify-content:center;min-width:300px}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.login-full-card{-webkit-animation:cardSlideIn .6s ease-out;animation:cardSlideIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.97);border:2px solid hsla(0,0%,100%,.5);border-radius:30px;box-shadow:0 30px 60px rgba(46,125,50,.25),0 0 1px rgba(46,125,50,.1);max-width:450px;overflow:hidden;padding:40px;position:relative;width:100%}.login-form-header{margin-bottom:28px;text-align:center}.login-form-header h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2e7d32,#4caf50);-webkit-background-clip:text;background-clip:text;color:#2e7d32;font-size:2rem;font-weight:800;letter-spacing:.5px;margin-bottom:8px}.login-form-header p{color:#558b2f;font-size:1rem;font-weight:500}.login-full-card:before{background:linear-gradient(90deg,#4caf50,#81c784,#a5d6a7,#81c784,#4caf50);border-radius:30px 30px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}@-webkit-keyframes cardSlideIn{0%{opacity:0;-webkit-transform:translateY(40px) scale(.95);transform:translateY(40px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes cardSlideIn{0%{opacity:0;-webkit-transform:translateY(40px) scale(.95);transform:translateY(40px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.login-full-header{margin-bottom:35px;position:relative;text-align:center}.login-header-icon{-webkit-animation:iconBounce 3s ease-in-out infinite;animation:iconBounce 3s ease-in-out infinite;display:block;font-size:3.5rem;margin-bottom:15px}@-webkit-keyframes iconBounce{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}25%{-webkit-transform:translateY(-8px) scale(1.05);transform:translateY(-8px) scale(1.05)}50%{-webkit-transform:translateY(-5px) scale(1.02);transform:translateY(-5px) scale(1.02)}75%{-webkit-transform:translateY(-12px) scale(1.08);transform:translateY(-12px) scale(1.08)}}.login-full-header h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2e7d32,#4caf50);-webkit-background-clip:text;background-clip:text;color:#2e7d32;font-size:2.2rem;font-weight:800;letter-spacing:.5px;margin-bottom:8px}.login-header-subtitle{color:#558b2f;font-size:1.05rem;font-weight:500;margin-bottom:15px}.login-header-divider{background:linear-gradient(90deg,transparent,#4caf50,transparent);border-radius:2px;height:4px;margin:15px auto 0;width:60px}.demo-box-full{-webkit-animation:slideIn .5s ease-out .1s both;animation:slideIn .5s ease-out .1s both;background:linear-gradient(135deg,#f1f8e9,#dcedc8 50%,#c8e6c9);border:2px solid #a5d6a7;border-radius:18px;box-shadow:0 8px 20px rgba(76,175,80,.15);margin-bottom:30px;overflow:hidden;padding:22px;position:relative}.demo-box-full:before{background:linear-gradient(90deg,#4caf50,#81c784,#a5d6a7);border-radius:18px 18px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.demo-box-header{align-items:center;display:flex;gap:12px;margin-bottom:18px}.demo-icon-wrapper{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:12px;box-shadow:0 4px 12px rgba(76,175,80,.3);display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.demo-title-full{color:#2e7d32;font-size:1.15rem;font-weight:700;letter-spacing:.3px}.demo-creds-full{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.demo-cred-full{align-items:center;background:hsla(0,0%,100%,.8);border:1px solid rgba(76,175,80,.2);border-radius:12px;display:flex;gap:12px;padding:12px 14px;transition:all .3s ease}.demo-cred-full:hover{background:hsla(0,0%,100%,.95);border-color:#4caf50;-webkit-transform:translateX(4px);transform:translateX(4px)}.cred-icon-box{align-items:center;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-radius:10px;color:#4caf50;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.cred-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.cred-label{color:#81c784;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cred-value{color:#1b5e20;font-family:Courier New,monospace;font-size:.95rem;font-weight:600}.demo-fill-btn-full{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:12px;box-shadow:0 6px 16px rgba(76,175,80,.35);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:13px 16px;text-transform:uppercase;transition:all .3s ease;width:100%}.demo-fill-btn-full:hover{background:linear-gradient(135deg,#43a047,#4caf50);box-shadow:0 8px 20px rgba(76,175,80,.45);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.demo-fill-btn-full:active{-webkit-transform:translateY(0);transform:translateY(0)}.login-form-full{margin-bottom:28px}.form-section-title{border-bottom:2px solid #e8f5e9;color:#2e7d32;font-size:.9rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding-bottom:12px;text-transform:uppercase}.form-group-full{display:flex;flex-direction:column;margin-bottom:22px}.form-group-full label{align-items:center;color:#2e7d32;display:flex;font-size:.95rem;font-weight:700;gap:8px;letter-spacing:.3px;margin-bottom:10px}.form-icon{color:#4caf50;font-size:1.1rem}.input-wrapper-full{position:relative}.form-group-full input{background:linear-gradient(180deg,#fff,#f9fbe7);border:2px solid #c8e6c9;border-radius:12px;box-sizing:border-box;color:#333;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.form-group-full input:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 4px rgba(76,175,80,.15);outline:none;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.form-group-full input::-webkit-input-placeholder{color:#81c784;font-style:italic}.form-group-full input::placeholder{color:#81c784;font-style:italic}.input-underline{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:1px;bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.form-group-full input:focus~.input-underline{width:100%}.error-box-full{align-items:flex-start;-webkit-animation:errorShake .5s ease;animation:errorShake .5s ease;background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef5350;border-radius:12px;box-shadow:0 4px 12px rgba(239,83,80,.2);display:flex;gap:12px;margin-bottom:22px;padding:14px 16px}.error-icon-box{-webkit-animation:errorPulse 1s infinite;animation:errorPulse 1s infinite;flex-shrink:0;font-size:1.3rem}.error-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.error-title{color:#c62828;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.error-message{color:#d32f2f;font-size:.95rem;font-weight:500}@keyframes errorShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}75%{-webkit-transform:translateX(8px);transform:translateX(8px)}}@keyframes errorPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}.submit-btn-full{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#66bb6a);border:none;border-radius:12px;box-shadow:0 8px 24px rgba(46,125,50,.35);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:800;gap:10px;justify-content:center;letter-spacing:1px;overflow:hidden;padding:16px 18px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-btn-full:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.submit-btn-full:hover:before{left:100%}.submit-btn-full:hover:not(:disabled){background:linear-gradient(135deg,#1b5e20,#2e7d32 50%,#4caf50);box-shadow:0 12px 32px rgba(46,125,50,.45);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.submit-btn-full:active:not(:disabled){box-shadow:0 6px 16px rgba(46,125,50,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.submit-btn-full:disabled{cursor:not-allowed;opacity:.75}.btn-content,.loading-content{align-items:center;display:flex;gap:10px}.toggle-auth-full{align-items:center;border-top:2px solid #e8f5e9;display:flex;flex-direction:column;gap:12px;padding-top:22px;text-align:center}.toggle-divider{background:linear-gradient(90deg,transparent,#c8e6c9,transparent);height:1px;width:100%}.toggle-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.toggle-text{color:#558b2f;font-size:.95rem;font-weight:600}.toggle-btn{background:none;border:none;color:#2e7d32;cursor:pointer;font-size:1rem;font-weight:800;padding:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;transition:all .3s ease}.toggle-btn:hover{color:#4caf50;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.login-footer-info{border-top:1px dashed #c8e6c9;margin-top:20px;padding-top:18px;text-align:center}.footer-text{align-items:center;color:#81c784;display:flex;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;margin:0}.footer-icon{-webkit-animation:sway 3s ease-in-out infinite;animation:sway 3s ease-in-out infinite;font-size:1rem}@keyframes sway{0%,to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@media (max-width:1024px){.login-full-wrapper{gap:30px;max-width:900px}.login-left-column,.login-right-column{min-width:280px}.login-full-card{max-width:400px;padding:35px}}@media (max-width:768px){.login-full-page{padding:70px 15px 15px}.back-btn-full{font-size:.9rem;left:15px;padding:10px 18px;top:15px}.login-full-wrapper{flex-direction:column;gap:25px;max-width:100%}.login-left-column,.login-right-column{min-width:auto;width:100%}.login-header-top h2{font-size:2rem}.login-header-top p{font-size:1rem}.login-full-card{border-radius:24px;max-width:100%;padding:30px 25px}.login-form-header h2{font-size:1.7rem}.demo-box-full{border-radius:15px;padding:18px}.form-group-full input{font-size:1rem;padding:12px 14px}.submit-btn-full{font-size:1rem;padding:14px 16px}}@media (max-width:480px){.login-full-page{padding:60px 10px 10px}.back-btn-full{font-size:.8rem;left:10px;padding:8px 14px;top:10px}.login-full-wrapper{gap:15px}.login-header-top h2{font-size:1.6rem}.login-header-top p{font-size:.9rem}.login-full-card{border-radius:20px;padding:22px 16px}.login-form-header h2{font-size:1.4rem}.login-form-header p{font-size:.9rem}.demo-box-full{border-radius:12px;margin-bottom:20px;padding:15px}.demo-icon-wrapper{font-size:1.3rem;height:36px;width:36px}.demo-title-full{font-size:1rem}.demo-cred-full{padding:10px 12px}.cred-icon-box{font-size:1rem;height:32px;width:32px}.cred-label{font-size:.7rem}.cred-value{font-size:.9rem}.demo-fill-btn-full{font-size:.9rem;padding:11px 14px}.feature-item{padding:12px 14px}.feature-icon{font-size:1.5rem}.feature-text{font-size:.9rem}.form-section-title{font-size:.85rem;margin-bottom:16px}.form-group-full label{font-size:.9rem}.form-group-full input{font-size:.95rem;padding:12px}.error-box-full{margin-bottom:18px;padding:12px 14px}.error-title{font-size:.8rem}.error-message{font-size:.9rem}.submit-btn-full{font-size:.95rem;letter-spacing:.5px;padding:13px 14px}.toggle-auth-full{gap:10px;padding-top:18px}.toggle-text{font-size:.9rem}.toggle-btn{font-size:.95rem}.footer-text{font-size:.8rem}}.login-full-page{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-full-page:before{-webkit-animation:backgroundFloat 20s ease-in-out infinite;animation:backgroundFloat 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,hsla(0,0%,100%,.05) 0,transparent 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@-webkit-keyframes backgroundFloat{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}33%{-webkit-transform:translateY(-20px) rotate(1deg);transform:translateY(-20px) rotate(1deg)}66%{-webkit-transform:translateY(-10px) rotate(-1deg);transform:translateY(-10px) rotate(-1deg)}}@keyframes backgroundFloat{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}33%{-webkit-transform:translateY(-20px) rotate(1deg);transform:translateY(-20px) rotate(1deg)}66%{-webkit-transform:translateY(-10px) rotate(-1deg);transform:translateY(-10px) rotate(-1deg)}}.back-btn-full{align-items:center;-webkit-animation:slideInFromLeft .6s ease-out;animation:slideInFromLeft .6s ease-out;background:#fff;border:none;border-radius:25px;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#2e7d32;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;left:20px;padding:10px 20px;position:absolute;top:20px;transition:all .3s ease;z-index:10}@-webkit-keyframes slideInFromLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.back-btn-full:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05)}.login-split-card{-webkit-animation:cardSlideUp .8s ease-out;animation:cardSlideUp .8s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 80px rgba(0,0,0,.15);display:flex;max-width:900px;min-height:520px;overflow:hidden;position:relative;width:100%}@-webkit-keyframes cardSlideUp{0%{opacity:0;-webkit-transform:translateY(50px) scale(.95);transform:translateY(50px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes cardSlideUp{0%{opacity:0;-webkit-transform:translateY(50px) scale(.95);transform:translateY(50px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.login-split-left{background:linear-gradient(135deg,#2e7d32,#388e3c 50%,#43a047);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:40px;position:relative}.login-split-left:before{-webkit-animation:shimmer 4s ease-in-out infinite;animation:shimmer 4s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}@keyframes shimmer{0%,to{opacity:.3;-webkit-transform:translateX(0) translateY(0) scale(1);transform:translateX(0) translateY(0) scale(1)}50%{opacity:.6;-webkit-transform:translateX(20px) translateY(-20px) scale(1.1);transform:translateX(20px) translateY(-20px) scale(1.1)}}.split-left-content{-webkit-animation:fadeInLeft 1s ease-out .3s both;animation:fadeInLeft 1s ease-out .3s both;position:relative;z-index:1}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.brand-header{margin-bottom:30px;text-align:center}.brand-icon{-webkit-animation:bounceIn 1.2s ease-out .5s both;animation:bounceIn 1.2s ease-out .5s both;display:block;font-size:3.5rem;margin-bottom:10px}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3) rotate(-10deg);transform:scale(.3) rotate(-10deg)}50%{opacity:.8;-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}70%{opacity:.9;-webkit-transform:scale(.9) rotate(-2deg);transform:scale(.9) rotate(-2deg)}to{opacity:1;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3) rotate(-10deg);transform:scale(.3) rotate(-10deg)}50%{opacity:.8;-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}70%{opacity:.9;-webkit-transform:scale(.9) rotate(-2deg);transform:scale(.9) rotate(-2deg)}to{opacity:1;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}.brand-header h1{-webkit-animation:slideInFromTop .8s ease-out .7s both;animation:slideInFromTop .8s ease-out .7s both;color:#fff;font-size:2rem;font-weight:800;letter-spacing:1px;margin:0 0 5px}@-webkit-keyframes slideInFromTop{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.brand-header p{-webkit-animation:slideInFromTop .8s ease-out .9s both;animation:slideInFromTop .8s ease-out .9s both;color:hsla(0,0%,100%,.85);font-size:1rem;margin:0}.demo-section{-webkit-animation:scaleIn .6s ease-out 1.1s both;animation:scaleIn .6s ease-out 1.1s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:16px;margin-bottom:20px;padding:20px;transition:all .3s ease}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.demo-section:hover{box-shadow:0 10px 30px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.demo-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.demo-header span{-webkit-animation:rotate 2s ease-in-out infinite;animation:rotate 2s ease-in-out infinite;font-size:1.5rem}@-webkit-keyframes rotate{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes rotate{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.demo-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.demo-credentials{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.demo-item{align-items:center;-webkit-animation:slideInStagger .5s ease-out both;animation:slideInStagger .5s ease-out both;background:hsla(0,0%,100%,.2);border-radius:10px;display:flex;gap:12px;padding:12px 15px;transition:all .3s ease}.demo-item:first-child{-webkit-animation-delay:1.3s;animation-delay:1.3s}.demo-item:nth-child(2){-webkit-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes slideInStagger{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInStagger{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.demo-item:hover{background:hsla(0,0%,100%,.3);-webkit-transform:translateX(5px);transform:translateX(5px)}.demo-item-icon{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;color:#fff;font-size:1rem;opacity:.9}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.demo-item-content{display:flex;flex-direction:column}.demo-label{color:hsla(0,0%,100%,.7);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.demo-value{color:#fff;font-family:monospace;font-size:.95rem;font-weight:600}.demo-btn{-webkit-animation:slideInFromBottom .6s ease-out 1.7s both;animation:slideInFromBottom .6s ease-out 1.7s both;background:#fff;border:none;border-radius:10px;color:#2e7d32;cursor:pointer;font-size:.95rem;font-weight:700;overflow:hidden;padding:12px;position:relative;transition:all .3s ease;width:100%}@-webkit-keyframes slideInFromBottom{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.demo-btn:before{background:linear-gradient(90deg,transparent,rgba(46,125,50,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.demo-btn:hover:before{left:100%}.demo-btn:hover{box-shadow:0 5px 20px rgba(0,0,0,.2);-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02)}.demo-btn:active{-webkit-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.features-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.feature-chip{align-items:center;-webkit-animation:popIn .4s ease-out both;animation:popIn .4s ease-out both;background:hsla(0,0%,100%,.2);border-radius:20px;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .3s ease}.feature-chip:first-child{-webkit-animation-delay:1.9s;animation-delay:1.9s}.feature-chip:nth-child(2){-webkit-animation-delay:2.1s;animation-delay:2.1s}.feature-chip:nth-child(3){-webkit-animation-delay:2.3s;animation-delay:2.3s}@-webkit-keyframes popIn{0%{opacity:0;-webkit-transform:scale(.8) translateY(10px);transform:scale(.8) translateY(10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes popIn{0%{opacity:0;-webkit-transform:scale(.8) translateY(10px);transform:scale(.8) translateY(10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.feature-chip:hover{background:hsla(0,0%,100%,.3);-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05)}.login-split-right{-webkit-animation:fadeInRight 1s ease-out .5s both;animation:fadeInRight 1s ease-out .5s both;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.form-header{margin-bottom:25px;text-align:center}.form-header h2{-webkit-animation:slideInFromTop .8s ease-out .9s both;animation:slideInFromTop .8s ease-out .9s both;font-size:1.8rem;font-weight:800;margin:0 0 5px}.form-header p{-webkit-animation:slideInFromTop .8s ease-out 1.1s both;animation:slideInFromTop .8s ease-out 1.1s both;color:#666;font-size:.95rem;margin:0}.login-form{display:flex;flex-direction:column;gap:18px}.login-form .form-group{-webkit-animation:slideInFromRight .6s ease-out both;animation:slideInFromRight .6s ease-out both;display:flex;flex-direction:column;gap:6px}.login-form .form-group:first-child{-webkit-animation-delay:1.3s;animation-delay:1.3s}.login-form .form-group:nth-child(2){-webkit-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes slideInFromRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.login-form label{align-items:center;color:#2e7d32;display:flex;font-size:.9rem;font-weight:600;gap:6px}.login-form input{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:14px 16px;position:relative;transition:all .3s ease}.login-form input:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 4px rgba(76,175,80,.1);outline:none;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.login-form input::-webkit-input-placeholder{color:#aaa}.login-form input::placeholder{color:#aaa}.error-msg{align-items:center;-webkit-animation:shakeIn .5s ease-out;animation:shakeIn .5s ease-out;background:#ffebee;border:1px solid #ffcdd2;border-radius:10px;color:#c62828;display:flex;font-size:.9rem;gap:8px;padding:12px 15px}@-webkit-keyframes shakeIn{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}25%{-webkit-transform:translateX(10px);transform:translateX(10px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shakeIn{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}25%{-webkit-transform:translateX(10px);transform:translateX(10px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.login-form .submit-btn{align-items:center;-webkit-animation:slideInFromBottom .6s ease-out 1.7s both;animation:slideInFromBottom .6s ease-out 1.7s both;background:linear-gradient(135deg,#2e7d32,#4caf50);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;margin-top:5px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease}.login-form .submit-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-form .submit-btn:hover:before{left:100%}.login-form .submit-btn:hover:not(:disabled){box-shadow:0 8px 25px rgba(46,125,50,.3);-webkit-transform:translateY(-3px) scale(1.02);transform:translateY(-3px) scale(1.02)}.login-form .submit-btn:active:not(:disabled){-webkit-transform:translateY(-1px) scale(.98);transform:translateY(-1px) scale(.98)}.login-form .submit-btn:disabled{cursor:not-allowed;opacity:.7}.auth-toggle{-webkit-animation:fadeIn .6s ease-out 1.9s both;animation:fadeIn .6s ease-out 1.9s both;color:#666;font-size:.9rem;margin-top:20px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-toggle button{background:none;border:none;color:#2e7d32;cursor:pointer;font-weight:700;margin-left:5px;text-decoration:underline;transition:all .3s ease}.auth-toggle button:hover{color:#1b5e20;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.loading-spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:768px){.login-split-card{border-radius:20px;flex-direction:column;max-width:450px;min-height:auto}.login-split-left{border-radius:20px 20px 0 0;padding:25px 20px}.brand-icon{font-size:2.5rem}.brand-header h1{font-size:1.6rem}.demo-section{margin-bottom:15px;padding:18px}.demo-item{padding:10px 12px}.features-row{gap:8px;margin-top:15px}.feature-chip{font-size:.8rem;padding:6px 12px}.login-split-right{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:0 0 20px 20px;padding:30px 25px;position:relative}.login-split-right:before{background:linear-gradient(90deg,#4caf50,#81c784,#a5d6a7);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-header{background:rgba(76,175,80,.05);border-radius:15px;margin:-10px -5px 25px;padding:20px 0;text-align:center}.form-header h2{font-size:1.6rem;margin-bottom:8px}.form-header p{color:#558b2f;font-size:1rem}.login-form{gap:20px}.login-form .form-group{background:hsla(0,0%,100%,.8);border:1px solid rgba(76,175,80,.1);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:15px}.login-form label{color:#2e7d32;font-size:.95rem;font-weight:700;margin-bottom:8px}.login-form input{background:#fff;border:2px solid #e8f5e9;border-radius:10px;font-size:1rem;padding:16px 14px}.login-form input:focus{border-color:#4caf50;box-shadow:0 0 0 4px rgba(76,175,80,.15)}.login-form .submit-btn{border-radius:12px;box-shadow:0 6px 20px rgba(46,125,50,.3);font-size:1.1rem;margin-top:10px;padding:16px}.auth-toggle{background:rgba(76,175,80,.05);border-radius:10px;font-size:1rem;margin-top:25px;padding:15px}.auth-toggle button{border-radius:4px;font-size:1rem;padding:2px 6px;transition:all .3s ease}.auth-toggle button:hover{background:rgba(76,175,80,.1)}}@media (max-width:480px){.login-full-page{padding:10px}.back-btn-full{font-size:.85rem;left:15px;padding:8px 15px;top:15px}.login-split-card{border-radius:16px;margin:10px 0}.login-split-left{border-radius:16px 16px 0 0;padding:20px 16px}.brand-icon{font-size:2rem}.brand-header h1{font-size:1.4rem}.brand-header p{font-size:.9rem}.demo-section{padding:15px}.demo-header h3{font-size:1rem}.demo-item{padding:8px 10px}.demo-value{font-size:.85rem}.demo-btn{font-size:.9rem;padding:10px}.login-split-right{border-radius:0 0 16px 16px;padding:25px 16px}.form-header{margin:-10px -5px 20px;padding:18px 15px}.form-header h2{font-size:1.4rem}.form-header p{font-size:.9rem}.login-form{gap:18px}.login-form .form-group{padding:12px}.login-form label{font-size:.9rem}.login-form input{font-size:.95rem;padding:14px 12px}.login-form .submit-btn{font-size:1rem;padding:14px}.auth-toggle{font-size:.9rem;padding:12px}.features-row{gap:6px}.feature-chip{font-size:.75rem;padding:5px 10px}}.container{-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out;margin:0 auto;max-width:1400px;padding:25px}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.card{background:linear-gradient(145deg,#fff,#fafafa);border:1px solid rgba(76,175,80,.1);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.08);margin-bottom:25px;overflow:hidden;padding:30px;transition:all .3s ease}.card:before{background:linear-gradient(90deg,#4caf50,#81c784,#a5d6a7);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.card:hover{box-shadow:0 15px 50px rgba(0,0,0,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card h2,.card h3{align-items:center;color:#2e7d32;display:flex;font-weight:700;gap:10px;margin-bottom:20px}.card h2:before{content:"🥛";font-size:1.3rem}.card h3:before{content:"🐄";font-size:1.2rem}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:25px}.summary-card{align-items:center;background:linear-gradient(135deg,#fff,#f1f8e9);border:2px solid #c8e6c9;border-radius:16px;box-shadow:0 4px 15px rgba(76,175,80,.1);display:flex;gap:15px;justify-content:space-between;overflow:hidden;padding:22px 20px;position:relative;transition:all .3s ease}.summary-card:before{background:linear-gradient(180deg,#4caf50,#81c784);border-radius:16px 0 0 16px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.summary-card:hover{border-color:#81c784;box-shadow:0 8px 25px rgba(76,175,80,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.summary-card span{align-items:center;color:#558b2f;display:flex;font-size:.95rem;font-weight:600;gap:8px}.summary-card b{color:#2e7d32;font-size:1.3rem;font-weight:800}.form-container{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form--input,.form-input,select{background:linear-gradient(180deg,#fff,#fafafa);border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;color:#333;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.form--input:focus,.form-input:focus,select:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 4px rgba(76,175,80,.15);outline:none;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.form--input::-webkit-input-placeholder,.form-input::-webkit-input-placeholder{color:#9e9e9e}.form--input::placeholder,.form-input::placeholder{color:#9e9e9e}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234caf50' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#2e7d32,#4caf50);box-shadow:0 6px 20px rgba(46,125,50,.3);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px rgba(46,125,50,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px solid #ddd;color:#555}.btn-secondary:hover{background:linear-gradient(135deg,#e0e0e0,#d0d0d0);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#e53935,#ef5350);box-shadow:0 4px 15px rgba(229,57,53,.3);color:#fff}.btn-danger:hover{box-shadow:0 6px 20px rgba(229,57,53,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-sm{border-radius:8px;font-size:.85rem;padding:8px 16px}.table-container{border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);overflow-x:auto}.table{background:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.table th{background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:16px 14px;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid #e8f5e9;color:#333;font-size:.95rem;padding:14px}.table tbody tr,.table td{transition:all .2s ease}.table tbody tr:hover{background:linear-gradient(135deg,#f1f8e9,#e8f5e9);-webkit-transform:scale(1.005);transform:scale(1.005)}.table tbody tr:nth-child(2n){background:#fafafa}.table tbody tr:nth-child(2n):hover{background:linear-gradient(135deg,#f1f8e9,#e8f5e9)}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.empty-state{background:linear-gradient(135deg,#f9fbe7,#f1f8e9);color:#81c784;font-size:1.1rem;padding:40px 20px}.empty-state:before{content:"📋";display:block;font-size:2.5rem;margin-bottom:15px;opacity:.6}.table-loading{color:#81c784;font-size:1rem;padding:30px;text-align:center}.mini-spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid #e8f5e9;border-radius:50%;border-top-color:#4caf50;display:inline-block;height:20px;margin-right:10px;vertical-align:middle;width:20px}.navbar{background:linear-gradient(135deg,#2e7d32,#388e3c 50%,#43a047);box-shadow:0 4px 20px rgba(46,125,50,.3);z-index:1000}.navbar-container{max-width:1400px;padding:12px 25px}.navbar-title{font-size:1.4rem;font-weight:800;gap:10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar-link{border-radius:10px;font-weight:600;padding:10px 18px;transition:all .3s ease}.navbar-link.active{box-shadow:0 4px 15px rgba(0,0,0,.1)}.logout-btn{background:rgba(229,57,53,.9)!important;border:none!important;border-radius:10px!important;color:#fff!important;cursor:pointer;font-weight:700!important;padding:10px 20px!important;transition:all .3s ease!important}.logout-btn:hover{background:#e53935!important;box-shadow:0 4px 15px rgba(229,57,53,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}body{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);min-height:100vh}@media (max-width:768px){.container{padding:15px}.card{border-radius:16px;padding:20px 15px}.card h2{font-size:1.3rem}.summary-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.summary-card{align-items:flex-start;flex-direction:column;gap:8px;padding:15px 12px}.summary-card span{font-size:.85rem}.summary-card b{font-size:1.2rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.btn{font-size:.95rem;padding:12px 20px}.table td,.table th{font-size:.85rem;padding:12px 10px}.action-buttons{flex-direction:column;gap:5px}.action-buttons .btn-sm{padding:8px 12px;width:100%}.navbar-container{padding:10px 15px}.navbar-title{font-size:1.2rem}}@media (max-width:480px){.container{padding:10px}.card{border-radius:14px;padding:15px 12px}.card h2{font-size:1.2rem}.summary-grid{gap:10px;grid-template-columns:1fr 1fr}.summary-card{border-radius:12px;padding:12px 10px}.summary-card span{font-size:.8rem}.summary-card b{font-size:1.1rem}.form--input,.form-input,select{font-size:.95rem;padding:12px 14px}.btn{font-size:.9rem;padding:12px 16px}.table{font-size:.8rem}.table td,.table th{padding:10px 8px}}.card{-webkit-animation:slideInCard .5s ease-out;animation:slideInCard .5s ease-out}@-webkit-keyframes slideInCard{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInCard{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.summary-card{-webkit-animation:popInCard .4s ease-out both;animation:popInCard .4s ease-out both}.summary-card:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.summary-card:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.summary-card:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.summary-card:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes popInCard{0%{opacity:0;-webkit-transform:scale(.9) translateY(10px);transform:scale(.9) translateY(10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes popInCard{0%{opacity:0;-webkit-transform:scale(.9) translateY(10px);transform:scale(.9) translateY(10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.form-header h2{font-size:1.5rem}.form-header h2,.table-header h3{align-items:center;color:#2e7d32;display:flex;font-weight:700;gap:10px}.table-header h3{font-size:1.2rem}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-card{align-items:center;-webkit-animation:slideInUp .5s ease-out both;animation:slideInUp .5s ease-out both;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;gap:15px;transition:all .3s ease}.stat-card:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.stat-card:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.stat-card:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.stat-card:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.stat-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.stat-card.highlight{background:linear-gradient(135deg,#2e7d32,#4caf50)}.stat-card.highlight .stat-label,.stat-card.highlight .stat-number{color:#fff}.stat-icon{align-items:center;border-radius:14px;display:flex;font-size:1.5rem;height:55px;justify-content:center;width:55px}.stat-icon.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.stat-icon.blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.stat-icon.orange{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00}.stat-icon.purple{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.stat-card.highlight .stat-icon{background:hsla(0,0%,100%,.2);color:#fff}.stat-info{display:flex;flex-direction:column}.stat-number{color:#333;font-size:1.6rem;font-weight:800;line-height:1.2}.stat-label{color:#666;font-size:.85rem}.card-header-custom{align-items:flex-start;border-bottom:2px solid #e8f5e9;display:flex;gap:15px;margin-bottom:25px;padding-bottom:20px}.card-title-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#81c784);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:50px;justify-content:center;width:50px}.card-header-custom h2{color:#2e7d32;font-size:1.4rem;margin:0 0 5px}.card-header-custom h2:before{display:none}.card-header-custom p{color:#666;font-size:.9rem;margin:0}.enhanced-form{display:flex;flex-direction:column;gap:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{align-items:center;color:#2e7d32;display:flex;font-size:.9rem;font-weight:600;gap:8px}.field-icon{color:#4caf50}.form-field input{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;padding:14px 16px;transition:all .3s ease}.form-field input:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 4px rgba(76,175,80,.15);outline:none}.btn-large{align-self:flex-start;font-size:1.1rem;padding:16px 32px}.btn-spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.farmers-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.farmer-card{align-items:center;-webkit-animation:fadeInCard .4s ease-out both;animation:fadeInCard .4s ease-out both;background:linear-gradient(135deg,#f9fbe7,#f1f8e9);border:2px solid #c8e6c9;border-radius:14px;display:flex;gap:15px;padding:18px;transition:all .3s ease}@-webkit-keyframes fadeInCard{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInCard{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.farmer-card:hover{border-color:#81c784;box-shadow:0 8px 25px rgba(76,175,80,.15);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.farmer-avatar{background:linear-gradient(135deg,#4caf50,#81c784);border-radius:12px}.farmer-details h4{color:#2e7d32;font-size:1.1rem;margin:0 0 8px}.farmer-meta{display:flex;flex-wrap:wrap;gap:10px}.farmer-code,.farmer-phone,.farmer-village{align-items:center;background:hsla(0,0%,100%,.7);border-radius:6px;color:#666;display:flex;font-size:.8rem;gap:5px;padding:4px 8px}.farmer-code svg,.farmer-phone svg,.farmer-village svg{color:#4caf50;font-size:.75rem}.loading-state{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.loader{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:4px solid #e8f5e9;border-radius:50%;border-top-color:#4caf50;height:40px;width:40px}.loading-state p{font-size:1rem}.empty-state-enhanced{background:linear-gradient(135deg,#f9fbe7,#f1f8e9);border:2px dashed #c8e6c9;border-radius:16px;padding:50px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:15px;opacity:.6}.empty-state-enhanced h3{color:#2e7d32;font-size:1.3rem;margin:0 0 10px}.empty-state-enhanced p{color:#666;margin:0}.filter-bar{align-items:flex-end;background:linear-gradient(135deg,#f9fbe7,#f1f8e9);border-radius:14px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:20px}.filter-group{flex:1 1}.filter-group label{align-items:center;color:#2e7d32;display:flex;font-size:.9rem;font-weight:600;gap:6px}.filter-group input{background:#fff;border:2px solid #c8e6c9;border-radius:10px;font-size:1rem;padding:12px 14px;transition:all .3s ease}.filter-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.15);outline:none}.summary-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-block{background:#fff;border:2px solid #e0e0e0;border-radius:16px;padding:20px;transition:all .3s ease}.summary-block:hover{box-shadow:0 8px 25px rgba(0,0,0,.1)}.summary-block.morning{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#ffcc80}.summary-block.evening{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#90caf9}.summary-block-header{align-items:center;border-bottom:2px solid rgba(0,0,0,.1);display:flex;gap:10px;margin-bottom:15px;padding-bottom:12px}.time-icon{font-size:1.5rem}.summary-block.morning .time-icon{color:#f57c00}.summary-block.evening .time-icon{color:#1976d2}.summary-block-header h3{color:#333;font-size:1.1rem;margin:0}.summary-block-header h3:before{display:none}.summary-items{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.summary-item{background:hsla(0,0%,100%,.7);gap:12px;padding:12px}.item-icon,.summary-item{align-items:center;border-radius:10px;display:flex}.item-icon{font-size:1.5rem;height:40px;justify-content:center;width:40px}.item-icon.cow{background:#fff3e0}.item-icon.buffalo{background:#e8eaf6}.item-details{display:flex;flex:1 1;flex-direction:column}.item-label{color:#666;font-size:.8rem}.item-value{color:#333;font-size:1.2rem;font-weight:700}.item-amount{color:#4caf50;font-size:.85rem;font-weight:600}.summary-total{background:rgba(0,0,0,.05);border-radius:10px;color:#333;display:flex;font-weight:700;justify-content:space-between;padding:12px 15px}.enhanced-table tbody tr{-webkit-animation:fadeInRow .3s ease-out both;animation:fadeInRow .3s ease-out both}@-webkit-keyframes fadeInRow{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRow{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.farmer-avatar-small{background:linear-gradient(135deg,#4caf50,#81c784);border-radius:8px;font-weight:700}.farmer-code-small{color:#888;display:block;font-size:.75rem}.highlight-value{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.highlight-amount,.highlight-value{border-radius:6px;font-weight:700;padding:4px 10px}.highlight-amount{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00}.enhanced-table td small{color:#888;display:block;font-size:.75rem;margin-top:2px}.enhanced-table tfoot{background:linear-gradient(135deg,#2e7d32,#388e3c)}.enhanced-table tfoot td{color:#fff;font-weight:700;padding:16px 14px}@media (max-width:768px){.stats-row{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;gap:10px;padding:15px;text-align:center}.stat-icon{font-size:1.2rem;height:45px;width:45px}.stat-number{font-size:1.3rem}.card-header-custom{flex-direction:column;gap:10px}.form-grid{grid-template-columns:1fr}.btn-large{justify-content:center;width:100%}.farmers-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;gap:15px}.filter-group{width:100%}.filter-actions{flex-direction:column;width:100%}.filter-actions .btn{width:100%}.summary-section{grid-template-columns:1fr}}@media (max-width:480px){.stats-row{gap:10px;grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-icon{font-size:1rem;height:40px;width:40px}.stat-number{font-size:1.1rem}.stat-label{font-size:.75rem}.farmer-card{padding:14px}.farmer-avatar{font-size:1.1rem;height:40px;width:40px}.farmer-details h4{font-size:1rem}.farmer-meta{gap:6px}.farmer-code,.farmer-phone,.farmer-village{font-size:.7rem;padding:3px 6px}}.cattle-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.cattle-stat-card{align-items:center;background:linear-gradient(145deg,#fff,#f9fbe7);border:1px solid #c8e6c9;border-radius:16px;box-shadow:0 4px 15px rgba(46,125,50,.1);display:flex;gap:16px;padding:20px;transition:all .3s ease}.cattle-stat-card:hover{box-shadow:0 8px 25px rgba(46,125,50,.15);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.cattle-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;height:50px;justify-content:center;width:50px}.cattle-stat-info{display:flex;flex-direction:column}.cattle-stat-value{color:#2e7d32;font-size:1.5rem;font-weight:700}.cattle-stat-label{color:#666;font-size:.85rem;font-weight:500}.cattle-card{border-left:4px solid #4caf50}.cattle-card-header{align-items:center;border-bottom:2px solid #e8f5e9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.cattle-card-header h3{align-items:center;color:#2e7d32;display:flex;font-size:1.3rem;gap:10px;margin:0}.cattle-card-header h3:before{content:none}.header-icon{color:#4caf50}.custom-food-form{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:12px;margin-bottom:20px;padding:20px}.custom-food-grid{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr auto}@media (max-width:768px){.custom-food-grid{grid-template-columns:1fr}}.food-items-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.food-item-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:16px;position:relative;transition:all .3s ease}.food-item-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.food-item-card.default{background:linear-gradient(145deg,#fff,#f1f8e9);border-color:#c8e6c9}.food-item-card.custom{background:linear-gradient(145deg,#fff,#e3f2fd);border-color:#bbdefb}.food-item-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.food-item-icon.custom-icon{background:linear-gradient(135deg,#2196f3,#64b5f6)}.food-item-details{text-align:center}.food-item-name{color:#333;display:block;font-size:1rem;font-weight:600}.food-item-price{color:#4caf50;display:block;font-size:.9rem;font-weight:500}.food-badge{border-radius:10px;font-size:.7rem;font-weight:600;padding:3px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.default-badge{background:#e8f5e9;color:#2e7d32}.custom-badge{background:#e3f2fd;color:#1976d2}.food-item-delete{align-items:center;background:#ffebee;border:none;border-radius:50%;color:#e53935;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;left:8px;position:absolute;top:8px;transition:all .2s ease;width:28px}.food-item-delete:hover{background:#e53935;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.cattle-food-form{display:flex;flex-direction:column;gap:20px}.form-row-cattle{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}@media (max-width:600px){.form-row-cattle{grid-template-columns:1fr}}.selected-farmer-banner{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50;border-radius:12px;display:flex;gap:15px;padding:15px 20px}.farmer-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;height:50px;justify-content:center;width:50px}.farmer-banner-info{display:flex;flex-direction:column}.farmer-banner-name{color:#2e7d32;font-size:1.1rem;font-weight:600}.farmer-banner-code{color:#666;font-size:.9rem}.food-items-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h4{color:#333;font-size:1.1rem;margin:0}.empty-food-items{color:#999;padding:40px 20px;text-align:center}.empty-food-items .empty-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.empty-food-items p{font-size:1rem;margin:0}.food-entries-list{display:flex;flex-direction:column;gap:12px}.food-entry-row{grid-gap:12px;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:grid;gap:12px;grid-template-columns:2fr 1fr auto auto;padding:15px;transition:all .2s ease}.food-entry-row:hover{border-color:#4caf50;box-shadow:0 2px 10px rgba(76,175,80,.1)}.food-entry-select{min-width:0}.food-entry-inputs{display:flex;gap:10px}.food-entry-inputs input{width:80px}.food-entry-total{color:#4caf50;font-size:1.1rem;font-weight:700;min-width:80px;text-align:right}.food-entry-delete{align-items:center;background:#ffebee;border:none;border-radius:8px;color:#e53935;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.food-entry-delete:hover{background:#e53935;color:#fff}@media (max-width:768px){.food-entry-row{gap:10px;grid-template-columns:1fr}.food-entry-inputs{justify-content:space-between}.food-entry-inputs input{flex:1 1}.food-entry-total{background:#e8f5e9;border-radius:8px;padding:10px;text-align:left}}.grand-total-section{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:12px;display:flex;justify-content:space-between;padding:20px}.grand-total-label{color:#2e7d32;font-size:1.2rem;font-weight:600}.grand-total-value{color:#1b5e20;font-size:1.8rem;font-weight:700}.submit-btn{align-items:center;display:flex;font-size:1.1rem;gap:10px;justify-content:center;padding:16px;width:100%}.entries-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.entry-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s ease}.entry-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.entry-card-header{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-bottom:1px solid #c8e6c9;display:flex;justify-content:space-between;padding:15px}.entry-farmer{gap:12px}.entry-avatar,.entry-farmer{align-items:center;display:flex}.entry-avatar{background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.entry-farmer-info{display:flex;flex-direction:column}.entry-farmer-name{color:#2e7d32;font-weight:600}.entry-date{align-items:center;color:#666;display:flex;font-size:.8rem;gap:5px}.entry-total{color:#1b5e20;font-size:1.3rem;font-weight:700}.entry-items{padding:15px}.entry-item{align-items:center;border-bottom:1px dashed #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.entry-item:last-child{border-bottom:none}.entry-item-name{color:#333;font-weight:500}.entry-item-qty{color:#666;font-size:.9rem}.entry-item-price{color:#4caf50;font-weight:600}@media (max-width:600px){.cattle-stats-row{gap:12px;grid-template-columns:repeat(2,1fr)}.cattle-stat-card{padding:15px}.cattle-stat-icon{font-size:1.1rem;height:40px;width:40px}.cattle-stat-value{font-size:1.2rem}.cattle-stat-label{font-size:.75rem}.entries-grid{grid-template-columns:1fr}.food-items-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.food-item-card{padding:12px}.food-item-icon{font-size:1.2rem;height:40px;width:40px}}.bill-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.bill-stat-card{align-items:center;background:linear-gradient(145deg,#fff,#f9fbe7);border:1px solid #c8e6c9;border-radius:16px;box-shadow:0 4px 15px rgba(46,125,50,.1);display:flex;gap:16px;padding:20px;transition:all .3s ease}.bill-stat-card:hover{box-shadow:0 8px 25px rgba(46,125,50,.15);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.bill-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;height:50px;justify-content:center;width:50px}.bill-stat-info{display:flex;flex-direction:column}.bill-stat-value{color:#2e7d32;font-size:1.5rem;font-weight:700}.bill-stat-label{color:#666;font-size:.85rem;font-weight:500}.bill-card{border-left:4px solid #4caf50}.bill-card-header{align-items:center;border-bottom:2px solid #e8f5e9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.bill-card-header h3{align-items:center;color:#2e7d32;display:flex;font-size:1.3rem;gap:10px;margin:0}.bill-card-header h3:before{content:none}.date-range-badge{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:20px;color:#2e7d32;font-size:.85rem;font-weight:500;padding:6px 12px}.bill-filter-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.filter-group .filter-label{align-items:center;color:#2e7d32;display:flex;font-size:.9rem;font-weight:500;gap:8px}.filter-actions{align-items:center;display:flex;gap:10px}.transactions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.transaction-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s ease}.transaction-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.transaction-header{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-bottom:1px solid #c8e6c9;display:flex;justify-content:space-between;padding:15px}.transaction-farmer{align-items:center;display:flex;gap:12px}.transaction-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.transaction-farmer-info{display:flex;flex-direction:column}.transaction-farmer-name{color:#2e7d32;font-weight:600}.transaction-code{color:#666;font-size:.8rem}.transaction-amount{color:#1b5e20;font-size:1.3rem;font-weight:700}.transaction-details{padding:15px}.transaction-detail{border-bottom:1px dashed #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.transaction-detail:last-child{border-bottom:none}.detail-label{color:#666;font-size:.85rem}.detail-value{color:#333;font-weight:500}.detail-value.positive{color:#4caf50}.detail-value.negative{color:#e53935}.bill-table th{background:linear-gradient(135deg,#2e7d32,#4caf50);font-size:.8rem;padding:12px 8px;white-space:nowrap}.bill-table th svg{margin-right:4px;vertical-align:middle}.farmer-row{transition:all .2s ease}.farmer-row:hover{background:#e8f5e9!important}.farmer-cell{align-items:center;display:flex;gap:10px}.farmer-avatar-small{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:35px;justify-content:center;width:35px}.farmer-cell-info{display:flex;flex-direction:column}.farmer-cell-info .farmer-name{color:#333;font-size:.9rem;font-weight:600}.farmer-cell-info .farmer-code{color:#666;font-size:.75rem}.milk-cell{text-align:center}.milk-cell .qty{color:#333;display:block;font-size:.85rem;font-weight:500}.milk-cell .amt{color:#4caf50;display:block;font-size:.8rem;font-weight:600}.cattle-food-cell{color:#ff9800;font-weight:600;text-align:center}.total-cell{background:#f1f8e9!important;text-align:center}.total-cell .total-qty{color:#333;display:block;font-weight:700}.total-cell .total-amt{color:#2e7d32;display:block;font-weight:700}.amount-given-cell{padding:8px!important}.amount-given-display,.amount-input-group{align-items:center;display:flex;gap:6px}.amount-given-display{flex-direction:column}.amount-given-display .total-given{background:#e8f5e9;border-radius:6px;color:#4caf50;font-size:.95rem;font-weight:700;min-width:70px;padding:4px 10px;text-align:center}.add-payment-group{align-items:center;display:flex;gap:4px}.add-payment-group .amount-input{font-size:.8rem;padding:6px 8px;width:70px}.amount-input{border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;font-weight:600;padding:8px 10px;text-align:center;transition:all .2s ease;width:90px}.amount-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.1);outline:none}.amount-input.unsaved{background:#e3f2fd;border-color:#2196f3}.save-btn{align-items:center;background:#f5f5f5;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.save-btn:hover:not(:disabled){background:#4caf50;color:#fff}.save-btn.unsaved{background:#2196f3;color:#fff}.save-btn.saved{background:#4caf50;color:#fff}.save-btn:disabled{cursor:default;opacity:.6}.remaining-cell{font-weight:700;text-align:center}.remaining-cell.positive{color:#4caf50}.remaining-cell.negative{color:#e53935}.bill-summary-section{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7;border-radius:16px;margin-top:24px;padding:24px}.summary-title{align-items:center;color:#2e7d32;display:flex;font-size:1.2rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;text-align:center}.bill-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bill-summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:flex;gap:15px;padding:20px;transition:all .3s ease}.bill-summary-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.bill-summary-card .summary-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:50px;justify-content:center;width:50px}.bill-summary-card.milk .summary-icon{background:linear-gradient(135deg,#4caf50,#66bb6a)}.bill-summary-card.food .summary-icon{background:linear-gradient(135deg,#ff9800,#ffb74d)}.bill-summary-card.given .summary-icon{background:linear-gradient(135deg,#2196f3,#64b5f6)}.bill-summary-card.remaining .summary-icon{background:linear-gradient(135deg,#9c27b0,#ba68c8)}.bill-summary-card .summary-content{display:flex;flex-direction:column}.bill-summary-card .summary-label{color:#666;font-size:.85rem;font-weight:500}.bill-summary-card .summary-value{color:#2e7d32;font-size:1.4rem;font-weight:700}.bill-summary-card .summary-value.negative{color:#e53935}@media (max-width:768px){.bill-stats-row{gap:12px;grid-template-columns:repeat(2,1fr)}.bill-stat-card{padding:15px}.bill-stat-icon{font-size:1.1rem;height:40px;width:40px}.bill-stat-value{font-size:1.2rem}.bill-filter-section{flex-direction:column;gap:15px}.filter-group{width:100%}.filter-actions{justify-content:stretch;width:100%}.filter-actions .btn{flex:1 1}.transactions-grid{grid-template-columns:1fr}.bill-summary-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.bill-summary-card{flex-direction:column;padding:15px;text-align:center}.bill-summary-card .summary-icon{font-size:1.1rem;height:45px;width:45px}.bill-summary-card .summary-value{font-size:1.2rem}}@media (max-width:600px){.bill-stats-row{gap:10px}.bill-stat-card{gap:10px;padding:12px}.bill-stat-icon{font-size:1rem;height:35px;width:35px}.bill-stat-value{font-size:1rem}.bill-stat-label{font-size:.75rem}.amount-input-group{flex-direction:column;gap:4px}.amount-input,.save-btn{width:100%}.save-btn{height:30px}.bill-summary-grid{grid-template-columns:1fr}}.navbar{background:linear-gradient(90deg,#1b5e20,#2e7d32 30%,#388e3c 60%,#43a047);border-bottom:none;box-shadow:0 4px 20px rgba(27,94,32,.4);margin-bottom:24px;padding:0;position:-webkit-sticky;position:sticky;top:0}.navbar-container{align-items:center;display:flex;gap:20px;height:56px;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 24px}.navbar-title{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;gap:8px;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.2);white-space:nowrap}.navbar-title:before{content:none}.navbar-links{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.navbar-link{border:1px solid transparent;border-radius:8px;color:hsla(0,0%,100%,.9);font-size:.95rem;font-weight:500;outline:none;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.navbar-link:hover{background:hsla(0,0%,100%,.15);color:#fff}.navbar-link.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#2e7d32;font-weight:600}.navbar-logout-btn{align-items:center;background:linear-gradient(135deg,#c62828,#e53935);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(198,40,40,.3);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s ease;white-space:nowrap}.navbar-logout-btn:hover{background:linear-gradient(135deg,#b71c1c,#c62828);box-shadow:0 4px 12px rgba(198,40,40,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.navbar-logout-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:1100px){.navbar-links{gap:4px}.navbar-link{font-size:.9rem;padding:6px 12px}.navbar-logout-btn{font-size:.9rem;padding:6px 14px}}@media (max-width:900px){.navbar-container{padding:0 16px}.navbar-title{font-size:1.1rem}.navbar-links{gap:2px}.navbar-link{font-size:.85rem;padding:6px 10px}}@media (max-width:768px){.navbar-container{height:52px;padding:0 12px}.navbar-title{font-size:1rem}.navbar-links,.navbar-logout-btn{display:none}.hamburger-menu{display:flex}}.mobile-nav-link.logout-btn{background:linear-gradient(135deg,#c62828,#e53935);border:none;color:#fff;margin-top:10px}.mobile-nav-link.logout-btn:hover{background:linear-gradient(135deg,#b71c1c,#c62828)}.mobile-menu{background:linear-gradient(180deg,#1b5e20,#2e7d32);box-shadow:-4px 0 20px rgba(0,0,0,.3);display:flex;flex-direction:column;height:100%;overflow:hidden;position:fixed;right:-300px;top:0;transition:right .3s ease;width:280px}.mobile-menu.active{right:0}.mobile-menu-overlay{background:rgba(0,0,0,.5);display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-menu-header{align-items:center;background:rgba(0,0,0,.1);border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:20px}.mobile-menu-title{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:8px}.mobile-menu-close{background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.8rem;line-height:1;padding:5px 12px;transition:all .2s ease}.mobile-menu-close:hover{background:hsla(0,0%,100%,.2)}.mobile-nav-links{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:15px}.mobile-nav-link{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid transparent;border-radius:10px;color:hsla(0,0%,100%,.9);display:flex;font-size:1rem;font-weight:500;gap:12px;padding:14px 18px;text-decoration:none;transition:all .2s ease}.mobile-nav-link i{font-size:1.2rem;font-style:normal;text-align:center;width:24px}.mobile-nav-link:hover{background:hsla(0,0%,100%,.15);-webkit-transform:translateX(5px);transform:translateX(5px)}.mobile-nav-link.active{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#2e7d32;font-weight:600}.mobile-menu-footer{background:rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.2);padding:15px}.mobile-logout-btn{align-items:center;background:linear-gradient(135deg,#c62828,#e53935);border:none;border-radius:10px;box-shadow:0 2px 10px rgba(198,40,40,.3);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.mobile-logout-btn span{font-size:1.2rem}.mobile-logout-btn:hover{background:linear-gradient(135deg,#b71c1c,#c62828);box-shadow:0 4px 15px rgba(198,40,40,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.mobile-logout-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.hamburger-menu{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;display:none;flex-direction:column;padding:8px;transition:all .2s ease;z-index:101}.hamburger-menu:hover{background:hsla(0,0%,100%,.2)}.hamburger-line{background:#fff;border-radius:2px;height:3px;margin:3px 0;transition:all .3s ease;width:24px}.hamburger-menu.active .hamburger-line:first-child{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-6px,6px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-6px,-6px)}@media (max-width:768px){.hamburger-menu{display:flex}.navbar-links,.navbar-logout-btn{display:none}.navbar-container{justify-content:space-between}.navbar-title{flex:1 1}}@media (max-width:480px){.mobile-menu{width:260px}.mobile-menu-header{padding:15px}.mobile-menu-title{font-size:1.1rem}.mobile-nav-links{gap:6px;padding:12px}.mobile-nav-link{font-size:.95rem;padding:12px 15px}.mobile-menu-footer{padding:12px}.mobile-logout-btn{font-size:.95rem;padding:12px 18px}}@media (max-width:360px){.mobile-menu{width:240px}.navbar-title{font-size:.9rem}.hamburger-menu{padding:6px}.hamburger-line{height:2px;width:20px}}.form-input,select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:35px;position:relative;z-index:1}select.form-input:focus{z-index:10}select.form-input option{padding:12px}.card{overflow:visible;position:relative;z-index:1}.form-group{position:relative;z-index:auto}@media (max-width:768px){.form-input,select.form-input{border-radius:10px;box-sizing:border-box;font-size:16px;padding:14px 35px 14px 14px;width:100%}select.form-input{background-color:#fff;cursor:pointer}.form-group:focus-within{z-index:100}.card,.form-container{overflow:visible}.btn{font-size:1rem;min-height:48px}.bill-stats-row,.cattle-stats-row,.summary-grid{overflow:visible}}@supports (-webkit-touch-callout:none){select.form-input{background-color:#fff;font-size:16px}.form-input:focus{font-size:16px}}select.form-input optgroup{background:#f5f5f5;color:#2e7d32;font-weight:600}select.form-input option{background:#fff;color:#333;font-weight:400;padding:10px}select.form-input option:checked{background:#e8f5e9;color:#2e7d32}select.form-input::-ms-expand{display:none}.container{position:relative;z-index:1}.navbar{z-index:100}.mobile-menu-overlay{z-index:999}.mobile-menu{z-index:1000}@media (max-width:768px){.form-input[type=select],select,select.form-input{-webkit-appearance:menulist-button;appearance:menulist-button;background-image:none;height:auto;line-height:1.4;min-height:48px;padding-right:14px}select.form-input{background-image:none}select{cursor:pointer;touch-action:manipulation}select option{line-height:44px;min-height:44px;padding:12px}.form-group{overflow:visible;width:100%}.form-group input,.form-group select{box-sizing:border-box;max-width:100%;width:100%}.bill-filter-section,.card,.cattle-food-form,.form-container{overflow:visible!important}}select#farmer,select[name=farmerCode]{position:relative;z-index:5}select#farmer:focus,select[name=farmerCode]:focus{z-index:50}select:focus{position:relative;z-index:100}@media screen and (-webkit-min-device-pixel-ratio:0){select,select.form-input{-webkit-appearance:menulist-button;font-size:16px}}@media screen and (max-width:768px){select.form-input{background-color:#fff;border:2px solid #c8e6c9}select.form-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2);outline:none}}@media (max-width:768px){.form-input select,select,select.form-input{-webkit-appearance:menulist!important;appearance:menulist!important;background-image:none!important;background:#fff!important;position:static!important;-webkit-transform:none!important;transform:none!important;z-index:auto!important}.form-group:after,.form-group:before,select:after,select:before{display:none!important}.form-group{position:static!important;z-index:auto!important}.bill-card,.card,.cattle-card,.form-group{isolation:auto!important;-webkit-transform:none!important;transform:none!important}.bill-card,.card,.cattle-card{overflow:visible!important}.card:hover{-webkit-transform:none!important;transform:none!important}.form-container,form{overflow:visible!important;position:static!important}select.form-input{border:2px solid #c8e6c9!important;border-radius:10px!important;color:#333!important;font-size:16px!important;min-height:50px!important;padding:12px 16px!important;width:100%!important}select.form-input:focus{border-color:#4caf50!important;box-shadow:0 0 0 3px rgba(76,175,80,.2)!important;outline:none!important}}@media (min-width:769px){select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%232e7d32' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:35px}}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:85vh;max-width:1000px;overflow-y:auto;padding:30px;width:95%}.modal-header{align-items:flex-start;border-bottom:2px solid #2ecc71;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h2{color:#333;font-size:24px;margin:0 0 5px}.modal-header p{color:#666;font-size:14px;margin:0}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;padding:0}.modal-tabs{border-bottom:2px solid #eee;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.tab-btn{background-color:#f0f0f0;border:none;border-radius:5px;color:#333;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.tab-btn.active{background-color:#2ecc71;color:#fff}.modal-body{max-height:calc(85vh - 200px);overflow-y:auto}.empty-message{color:#999;padding:40px;text-align:center}.day-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:15px}.day-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.day-header h4{color:#2ecc71;font-size:16px;margin:0}.day-total{text-align:right}.day-total .qty{color:#2ecc71;display:block;font-size:16px;font-weight:700}.day-total .amount{color:#555;display:block;font-size:14px}.data-table{border-collapse:collapse;font-size:14px;width:100%}.data-table thead{background-color:#f0f0f0}.data-table th{border-bottom:1px solid #ddd;font-weight:600;padding:8px;text-align:left}.data-table td{border-bottom:1px solid #eee;padding:8px}.data-table tbody tr:nth-child(2n){background-color:#fff}.data-table tbody tr:nth-child(odd){background-color:#f9f9f9}.total-cell{color:#2ecc71;font-weight:700}.registered-farmers-simple{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);border-bottom:1px solid #dcedc8;border-top:1px solid #dcedc8;padding:50px 20px}.farmers-title{color:#2e7d32;font-size:2rem;font-weight:700;margin-bottom:40px;text-align:center}.farmers-list{display:flex;flex-direction:column;gap:12px;margin:0 auto 40px;max-width:900px}.farmer-item{align-items:center;background:#fff;border:1px solid #e8f5e9;border-radius:8px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.farmer-item:hover{background:#f1f8e9;border-color:#c8e6c9;box-shadow:0 2px 8px rgba(46,125,50,.1)}.farmer-left{align-items:center;display:flex;flex:1 1;gap:16px}.farmer-avatar-simple{font-size:2rem;min-width:40px;text-align:center}.farmer-text{min-width:0}.farmer-name-simple{color:#1b5e20;font-size:1rem;font-weight:600;margin:0}.farmer-code-simple{color:#2e7d32;font-size:.85rem;font-weight:600;margin:4px 0 0}.farmer-right{align-items:center;display:flex;gap:16px}.farmer-detail{background:#f1f8e9;border-radius:4px;color:#558b2f;font-size:.9rem;padding:4px 12px;white-space:nowrap}.farmers-loading-simple{padding:40px 20px;text-align:center}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #e8f5e9;border-radius:50%;border-top-color:#4caf50;display:inline-block;height:40px;margin-bottom:16px;width:40px}.farmers-loading-simple p{color:#558b2f;font-size:.95rem}.farmers-empty-simple{background:#fff;border:1px dashed #c8e6c9;border-radius:8px;margin:0 auto;max-width:900px;padding:40px 20px;text-align:center}.farmers-empty-simple p{color:#558b2f;font-size:1rem;margin-bottom:16px}.farmers-footer-simple{background:#fff;border:1px solid #e8f5e9;border-radius:8px;margin:0 auto;max-width:900px;padding:20px;text-align:center}.farmers-footer-simple p{color:#558b2f;font-size:.95rem;margin-bottom:12px}.btn-join{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-join:hover{background:#2e7d32;box-shadow:0 4px 12px rgba(46,125,50,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-join:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:768px){.registered-farmers-simple{padding:40px 15px}.farmers-title{font-size:1.6rem;margin-bottom:30px}.farmer-item{align-items:flex-start;flex-direction:column;gap:12px}.farmer-right{flex-wrap:wrap;width:100%}.farmer-detail{font-size:.85rem}}@media (max-width:480px){.registered-farmers-simple{padding:30px 12px}.farmers-title{font-size:1.4rem;margin-bottom:25px}.farmer-item{padding:12px 16px}.farmer-left{gap:12px}.farmer-name-simple{font-size:.95rem}.farmer-code-simple,.farmer-detail{font-size:.8rem}.farmer-detail{padding:3px 10px}.btn-join{font-size:.9rem;padding:8px 20px}}.food-items-section-simple{background:linear-gradient(135deg,#f1f8e9,#e8f5e9);border-bottom:1px solid #c8e6c9;border-top:1px solid #c8e6c9;padding:50px 20px}.food-items-title{color:#2e7d32;font-size:2rem;font-weight:700;margin-bottom:40px;text-align:center}.food-items-grid-simple{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0 auto 40px;max-width:1000px}.food-item-card-simple{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(76,175,80,.2);color:#fff;padding:24px;text-align:center;transition:all .2s ease}.food-item-card-simple:hover{box-shadow:0 8px 20px rgba(76,175,80,.3);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.food-item-icon-simple{font-size:2.5rem;margin-bottom:12px}.food-item-name-simple{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 8px}.food-item-price-simple{color:hsla(0,0%,100%,.95);font-size:1.3rem;font-weight:700;margin:0 0 12px}.food-item-badge{background:hsla(0,0%,100%,.2);border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px}.food-loading-simple{padding:40px 20px;text-align:center}.food-loading-simple p{color:#2e7d32;font-size:.95rem}.food-empty-simple{background:#fff;border:1px dashed #c8e6c9;border-radius:8px;margin:0 auto;max-width:900px;padding:40px 20px;text-align:center}.food-empty-simple p{color:#2e7d32;font-size:1rem;margin-bottom:16px}.food-footer-simple{background:#fff;border:1px solid #c8e6c9;border-radius:8px;margin:0 auto;max-width:900px;padding:20px;text-align:center}.food-footer-simple p{color:#2e7d32;font-size:.95rem;margin-bottom:12px}@media (max-width:768px){.food-items-section-simple{padding:40px 15px}.food-items-title{font-size:1.6rem;margin-bottom:30px}.food-items-grid-simple{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.food-item-card-simple{padding:16px}.food-item-icon-simple{font-size:2rem}.food-item-name-simple{font-size:1rem}}@media (max-width:480px){.food-items-section-simple{padding:30px 12px}.food-items-title{font-size:1.4rem;margin-bottom:25px}.food-items-grid-simple{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.food-item-card-simple{padding:12px}.food-item-icon-simple{font-size:1.8rem;margin-bottom:8px}.food-item-name-simple{font-size:.95rem}.food-item-price-simple{font-size:1.1rem}}.prices-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.price-card{background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:8px;box-shadow:0 4px 12px rgba(76,175,80,.2);color:#fff;padding:20px;text-align:center;transition:all .2s ease}.price-card:hover{box-shadow:0 6px 16px rgba(76,175,80,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.price-animal{font-size:.9rem;font-weight:600;margin-bottom:12px;opacity:.9}.price-value{font-size:1.5rem;font-weight:700;margin-bottom:8px}.price-updated{font-size:.75rem;font-weight:500;opacity:.7}@media (max-width:768px){.prices-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.price-card{padding:16px}.price-value{font-size:1.3rem}}@media (max-width:480px){.prices-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.price-card{padding:12px}.price-animal{font-size:.85rem}.price-time{font-size:.8rem}.price-value{font-size:1.2rem}}.milk-prices-section-simple{background:linear-gradient(135deg,#e8f5e9,#f1f8e9 50%,#dcedc8);border-bottom:3px solid #4caf50;border-top:3px solid #4caf50;padding:60px 20px;position:relative}.milk-prices-section-simple:before{background:radial-gradient(circle at 20% 50%,rgba(76,175,80,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(102,187,106,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.milk-prices-title{color:#1b5e20;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:50px;position:relative;text-align:center;z-index:1}.milk-prices-grid-simple{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0 auto 40px;max-width:1200px;position:relative;z-index:1}.milk-price-card-simple{background:linear-gradient(135deg,#4caf50,#66bb6a);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 25px rgba(76,175,80,.25);color:#fff;overflow:hidden;padding:28px;position:relative;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.milk-price-card-simple:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.milk-price-card-simple:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 16px 40px rgba(76,175,80,.35);-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}.milk-price-animal{font-size:1.4rem;font-weight:800;letter-spacing:.5px;margin-bottom:12px}.milk-price-value{font-size:2.2rem;font-weight:900;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.milk-price-updated{font-size:.8rem;font-weight:500;letter-spacing:.3px;opacity:.85}.prices-loading-simple{padding:60px 20px;position:relative;text-align:center;z-index:1}.prices-loading-simple p{color:#2e7d32;font-size:1rem;font-weight:500}.prices-empty-simple{background:#fff;border:2px dashed #c8e6c9;border-radius:12px;margin:0 auto;max-width:900px;padding:50px 20px;position:relative;text-align:center;z-index:1}.prices-empty-simple p{color:#2e7d32;font-size:1.1rem;font-weight:500;margin-bottom:20px}.prices-footer-simple{background:#fff;border:2px solid #c8e6c9;border-radius:12px;margin:0 auto;max-width:900px;padding:24px;position:relative;text-align:center;z-index:1}.prices-footer-simple p{color:#2e7d32;font-size:1rem;font-weight:500;margin-bottom:16px}@media (max-width:1024px){.milk-prices-grid-simple{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.milk-prices-title{font-size:2rem}}@media (max-width:768px){.milk-prices-section-simple{padding:50px 15px}.milk-prices-title{font-size:1.8rem;margin-bottom:40px}.milk-prices-grid-simple{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.milk-price-card-simple{padding:20px}.milk-price-animal{font-size:1.2rem}.milk-price-value{font-size:1.8rem}}@media (max-width:480px){.milk-prices-section-simple{padding:40px 12px}.milk-prices-title{font-size:1.5rem;margin-bottom:30px}.milk-prices-grid-simple{gap:12px;grid-template-columns:repeat(2,1fr)}.milk-price-card-simple{padding:16px}.milk-price-animal{font-size:1rem}.milk-price-value{font-size:1.5rem}.milk-price-updated{font-size:.7rem}}.food-section-premium{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);overflow:hidden;padding:100px 20px;position:relative}.food-bg-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.food-bg-shapes .shape{border-radius:50%;opacity:.5;position:absolute}.food-bg-shapes .shape-1{background:radial-gradient(circle,rgba(16,185,129,.15) 0,transparent 70%);height:400px;left:-100px;top:-100px;width:400px}.food-bg-shapes .shape-2{background:radial-gradient(circle,rgba(245,158,11,.12) 0,transparent 70%);height:300px;right:-50px;top:50%;width:300px}.food-bg-shapes .shape-3{background:radial-gradient(circle,rgba(139,92,246,.1) 0,transparent 70%);bottom:-50px;height:250px;left:30%;width:250px}.food-header-premium{margin-bottom:60px;position:relative;text-align:center;z-index:1}.food-badge-wrapper{margin-bottom:20px}.food-badge-premium{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#66bb6a);border-radius:50px;box-shadow:0 4px 20px rgba(46,125,50,.35);color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:10px 24px}.badge-dot{-webkit-animation:dotPulse 1.5s ease-in-out infinite;animation:dotPulse 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@-webkit-keyframes dotPulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes dotPulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(.8);transform:scale(.8)}}.food-title-premium{color:#2e7d32;font-size:3rem;font-weight:800;letter-spacing:-.5px;margin:0 0 15px}.food-subtitle-premium{color:#6b7280;font-size:1.15rem;margin:0 auto;max-width:500px}.food-grid-premium{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0 auto 60px;max-width:1200px;position:relative;z-index:1}.food-card-premium{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;padding:30px 25px;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.food-card-premium:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3);box-shadow:0 20px 50px rgba(0,0,0,.12);-webkit-transform:translateY(-12px);transform:translateY(-12px)}.card-shine{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.food-card-premium:hover .card-shine{left:100%}.card-icon-box{align-items:center;border-radius:24px;box-shadow:0 8px 25px rgba(0,0,0,.15);display:flex;height:90px;justify-content:center;margin-bottom:20px;position:relative;width:90px}.card-icon{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.8rem;position:relative;z-index:1}.icon-glow{background:inherit;border-radius:28px;-webkit-filter:blur(15px);filter:blur(15px);inset:-5px;opacity:.4;position:absolute;z-index:0}.card-details{margin-bottom:20px;width:100%}.card-name{color:#1f2937;font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin:0 0 16px}.card-price{align-items:baseline;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;display:inline-flex;gap:4px;padding:12px 20px}.price-currency{color:var(--accent-color);font-size:1.2rem;font-weight:700}.price-amount{color:#1f2937;font-size:2rem;font-weight:900;margin:0}.price-per{color:#6b7280;font-size:.95rem;font-weight:600;margin-left:2px}.card-meta{align-items:center;border-top:1px dashed #e5e7eb;display:none;justify-content:space-between;padding-top:20px;width:100%}.meta-unit{border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 14px}.meta-stock{align-items:center;color:#6b7280;display:flex;font-size:.9rem;font-weight:500;gap:8px}.stock-indicator{-webkit-animation:stockBlink 2s ease-in-out infinite;animation:stockBlink 2s ease-in-out infinite;border-radius:50%;height:10px;width:10px}@-webkit-keyframes stockBlink{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 4px rgba(16,185,129,.2);opacity:.7}}@keyframes stockBlink{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 4px rgba(16,185,129,.2);opacity:.7}}.food-cta-premium{margin:0 auto;max-width:900px;position:relative;z-index:1}.cta-box{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#66bb6a);border-radius:28px;box-shadow:0 15px 50px rgba(46,125,50,.4);color:#fff;display:flex;gap:30px;padding:35px 45px}.cta-icons{display:flex;flex-shrink:0;font-size:2rem;gap:8px}.cta-icons span{-webkit-animation:iconBounce 2s ease-in-out infinite;animation:iconBounce 2s ease-in-out infinite}.cta-icons span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.cta-icons span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@keyframes iconBounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.cta-info{flex:1 1}.cta-info h3{font-size:1.4rem;font-weight:700;margin:0 0 8px}.cta-info p{font-size:1rem;margin:0;opacity:.85}.cta-btn-premium{align-items:center;background:#fff;border:none;border-radius:16px;color:#064e3b;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1.05rem;font-weight:700;gap:10px;padding:16px 32px;transition:all .3s ease}.cta-btn-premium:hover{box-shadow:0 8px 25px hsla(0,0%,100%,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.cta-btn-premium span{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.cta-btn-premium:hover span{-webkit-transform:translateX(4px);transform:translateX(4px)}.food-loading-premium{padding:80px 20px;position:relative;text-align:center;z-index:1}.loader-container{align-items:center;display:flex;height:100px;justify-content:center;margin:0 auto 25px;position:relative;width:100px}.loader-ring{-webkit-animation:loaderSpin 1s linear infinite;animation:loaderSpin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;inset:0;position:absolute}@-webkit-keyframes loaderSpin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loaderSpin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader-emoji{font-size:2.5rem}.food-loading-premium p{color:#6b7280;font-size:1.1rem;font-weight:500}.food-empty-premium{padding:80px 20px;position:relative;text-align:center;z-index:1}.empty-icon-box{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:30px;display:flex;font-size:3.5rem;height:120px;justify-content:center;margin:0 auto 25px;opacity:.6;width:120px}.food-empty-premium h3{color:#374151;font-size:1.5rem;margin:0 0 10px}.food-empty-premium p{color:#6b7280;font-size:1.05rem;margin:0 0 30px}@media (max-width:900px){.cta-box{flex-direction:column;padding:30px 25px}.cta-box,.cta-info{text-align:center}}@media (max-width:768px){.food-section-premium{padding:70px 15px}.food-title-premium{font-size:2.2rem}.food-subtitle-premium{font-size:1rem}.food-grid-premium{gap:20px;grid-template-columns:repeat(2,1fr)}.food-card-premium{border-radius:20px;padding:25px 20px}.card-icon-box{border-radius:18px;height:70px;width:70px}.card-icon{font-size:2.2rem}.card-name{font-size:1.2rem}.price-amount{font-size:1.5rem}}@media (max-width:480px){.food-section-premium{padding:50px 10px}.food-title-premium{font-size:1.8rem}.food-grid-premium{grid-template-columns:1fr;max-width:320px}.card-meta{flex-direction:column;gap:12px}.cta-box{border-radius:20px;padding:25px 20px}.cta-info h3{font-size:1.2rem}.cta-btn-premium{justify-content:center;width:100%}}.farmers-section-premium{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);overflow:hidden;padding:100px 20px;position:relative}.farmers-bg-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.farmers-bg-shapes .shape{border-radius:50%;opacity:.5;position:absolute}.farmers-bg-shapes .shape-1{background:radial-gradient(circle,rgba(59,130,246,.12) 0,transparent 70%);height:400px;right:-100px;top:-100px;width:400px}.farmers-bg-shapes .shape-2{background:radial-gradient(circle,rgba(139,92,246,.1) 0,transparent 70%);bottom:20%;height:300px;left:-50px;width:300px}.farmers-bg-shapes .shape-3{background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);bottom:-50px;height:250px;right:20%;width:250px}.farmers-header-premium{margin-bottom:60px;position:relative;text-align:center;z-index:1}.farmers-badge-wrapper{margin-bottom:20px}.farmers-badge-premium{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#66bb6a);border-radius:50px;box-shadow:0 4px 20px rgba(46,125,50,.35);color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:10px 24px}.farmers-title-premium{color:#2e7d32;font-size:3rem;font-weight:800;letter-spacing:-.5px;margin:0 0 15px}.farmers-subtitle-premium{color:#6b7280;font-size:1.15rem;margin:0 auto;max-width:500px}.farmers-grid-premium{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto 60px;max-width:1200px;position:relative;z-index:1}.farmer-card-premium{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;padding:30px 25px;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.farmer-card-premium:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3);box-shadow:0 20px 50px rgba(0,0,0,.12);-webkit-transform:translateY(-12px);transform:translateY(-12px)}.farmer-card-premium .card-shine{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.farmer-card-premium:hover .card-shine{left:100%}.farmer-avatar-box{align-items:center;border-radius:50%;box-shadow:0 8px 25px rgba(0,0,0,.15);display:flex;height:90px;justify-content:center;margin-bottom:20px;position:relative;width:90px}.avatar-emoji{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.8rem;position:relative;z-index:1}.avatar-glow{background:inherit;border-radius:50%;-webkit-filter:blur(15px);filter:blur(15px);inset:-8px;opacity:.3;position:absolute;z-index:0}.farmer-info-premium{margin-bottom:15px}.farmer-name-premium{color:#1f2937;font-size:1.35rem;font-weight:700;margin:0 0 10px}.farmer-id-badge{border-radius:20px;color:#374151;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 16px}.farmer-meta-premium{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:18px;width:100%}.meta-item{align-items:center;background:#f3f4f6;border-radius:20px;color:#6b7280;display:flex;font-size:.9rem;gap:6px;padding:6px 14px}.meta-icon{font-size:1rem}.farmer-stats-premium{grid-gap:10px;border-bottom:1px dashed hsla(0,0%,100%,.2);border-top:1px dashed hsla(0,0%,100%,.2);display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:15px 0;padding:12px 0;width:100%}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{color:#6b7280;font-size:.8rem;font-weight:500;white-space:nowrap}.stat-value{color:#1f2937;font-size:1.1rem;font-weight:700}.farmer-status{align-items:center;border-top:1px dashed #e5e7eb;color:#10b981;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding-top:15px;width:100%}.farmer-status .status-dot{-webkit-animation:statusPulse 2s ease-in-out infinite;animation:statusPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:10px;width:10px}@-webkit-keyframes statusPulse{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4);opacity:1}50%{box-shadow:0 0 0 6px rgba(16,185,129,0);opacity:.8}}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4);opacity:1}50%{box-shadow:0 0 0 6px rgba(16,185,129,0);opacity:.8}}.farmers-cta-premium{margin:0 auto;max-width:900px;position:relative;z-index:1}.farmers-cta-box{background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#66bb6a)!important;box-shadow:0 15px 50px rgba(46,125,50,.4)!important}.farmers-loading-premium{padding:80px 20px;position:relative;text-align:center;z-index:1}.farmers-loading-premium .loader-container{align-items:center;display:flex;height:100px;justify-content:center;margin:0 auto 25px;position:relative;width:100px}.farmers-loading-premium .loader-ring{-webkit-animation:loaderSpin 1s linear infinite;animation:loaderSpin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;inset:0;position:absolute}.farmers-loading-premium p{color:#6b7280;font-size:1.1rem;font-weight:500}.farmers-empty-premium{padding:80px 20px;position:relative;text-align:center;z-index:1}.farmers-empty-premium .empty-icon-box{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;font-size:3.5rem;height:120px;justify-content:center;margin:0 auto 25px;opacity:.6;width:120px}.farmers-empty-premium h3{color:#374151;font-size:1.5rem;margin:0 0 10px}.farmers-empty-premium p{color:#6b7280;font-size:1.05rem;margin:0 0 30px}@media (max-width:768px){.farmers-section-premium{padding:70px 15px}.farmers-title-premium{font-size:2.2rem}.farmers-subtitle-premium{font-size:1rem}.farmers-grid-premium{gap:20px;grid-template-columns:repeat(2,1fr)}.farmer-card-premium{border-radius:20px;padding:25px 18px}.farmer-avatar-box{height:70px;width:70px}.avatar-emoji{font-size:2.2rem}.farmer-name-premium{font-size:1.15rem}.farmer-meta-premium{flex-direction:column;gap:8px}}@media (max-width:480px){.farmers-section-premium{padding:50px 10px}.farmers-title-premium{font-size:1.8rem}.farmers-grid-premium{grid-template-columns:1fr;max-width:320px}.farmers-cta-box{border-radius:20px!important;padding:25px 20px!important}.farmers-cta-box .cta-info h3{font-size:1.15rem}}.price-type-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:25px}.price-type-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s ease}.price-type-card:hover{border-color:#4caf50;box-shadow:0 8px 25px rgba(76,175,80,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.price-type-card.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.price-type-card .type-icon{font-size:3rem}.price-type-card .type-info h3{color:#333;font-size:1.2rem;margin:0 0 5px}.price-type-card .type-info p{color:#666;font-size:.85rem;margin:0}.price-type-card .check-mark{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-weight:700;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.price-stats-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:20px;text-align:center}.stat-card .stat-value{color:#2e7d32;display:block;font-size:1.3rem;font-weight:700;margin-bottom:5px}.stat-card .stat-label{color:#666;font-size:.85rem}.price-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.action-btn{background:#fff;border:2px solid #4caf50;border-radius:10px;color:#4caf50;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.action-btn.active,.action-btn:hover:not(:disabled){background:#4caf50;color:#fff}.action-btn.danger{border-color:#f44336;color:#f44336}.action-btn.danger:hover:not(:disabled){background:#f44336;color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-panel{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ff9800;margin-bottom:20px}.bulk-panel h3{color:#e65100;margin:0 0 8px}.bulk-panel .bulk-desc{color:#666;font-size:.9rem;margin:0 0 20px}.bulk-form .bulk-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:15px}.bulk-field label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.bulk-field input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:10px 12px;width:100%}.bulk-field input:focus{border-color:#ff9800;outline:none}.bulk-preview{background:#fff;border-radius:8px;color:#555;font-size:.9rem;margin-bottom:15px;padding:12px 15px}.bulk-actions{display:flex;gap:12px}.bulk-actions .generate-btn{background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.bulk-actions .generate-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(255,152,0,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.bulk-actions .cancel-btn{background:#f5f5f5;border:none;border-radius:10px;color:#666;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.bulk-actions .cancel-btn:hover{background:#e0e0e0}.price-entry-form{margin-bottom:20px}.price-entry-form h3{color:#2e7d32;margin-bottom:15px}.add-price-form .form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.add-price-form .form-group{flex:1 1;min-width:140px}.add-price-form .form-group label{color:#555;display:block;font-weight:500;margin-bottom:6px}.add-price-form .form-group input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:12px 14px;transition:all .3s ease;width:100%}.add-price-form .form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.1);outline:none}.add-btn{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease;white-space:nowrap}.add-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(76,175,80,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.add-btn:disabled{cursor:not-allowed;opacity:.6}.price-display-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.price-display-section{background:transparent;border-radius:12px;box-shadow:none;padding:20px}.price-display-section h3{color:#2e7d32;font-size:1.1rem;margin:0 0 15px}.price-display-items{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.price-display-item{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:12px;text-align:center;transition:all .2s ease}.price-display-item:hover{box-shadow:0 4px 12px rgba(76,175,80,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.price-fat-label{color:#2e7d32;font-size:.95rem;font-weight:700;margin-bottom:5px}.price-amount-label{color:#555;font-size:1rem;font-weight:600}.price-list{overflow:hidden}.price-list h3{align-items:center;color:#2e7d32;display:flex;font-size:1.3rem;gap:10px;margin-bottom:25px}.price-chart-container{background:linear-gradient(135deg,#f8fdf8,#f0faf0);border:2px solid #e0e0e0;border-radius:12px;overflow-x:auto;padding:15px}.price-chart-columns{display:flex;gap:2px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.price-column{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:2px;overflow:hidden}.price-item{display:flex;gap:0;min-width:140px;padding:0;transition:all .2s ease}.price-item:hover{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.price-item:hover .price-fat{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.price-item:hover .price-amount{color:#2e7d32;font-weight:700}.price-fat{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-right:2px solid #e0e0e0;color:#2e7d32;font-weight:700}.price-amount,.price-fat{align-items:center;display:flex;flex:0 0 50%;font-size:1rem;justify-content:center;padding:14px 16px;transition:all .2s ease}.price-amount{color:#555;font-weight:600}.price-amount,.price-column:nth-child(2n),.price-column:nth-child(odd){background:transparent}.loading-state{padding:60px 20px}.loading-state .spinner{height:50px;margin:0 auto 20px;width:50px}.loading-state p{font-size:1.1rem}.empty-state{padding:60px 20px}.empty-state .empty-icon{font-size:5rem;margin-bottom:20px;opacity:.4}.empty-state .empty-hint{font-size:.95rem;margin-top:10px}@media (max-width:768px){.price-item{min-width:120px}.price-amount,.price-fat{font-size:.9rem;padding:12px}.price-chart-container{padding:10px}}.loading-state{padding:50px 20px;text-align:center}.loading-state .spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#4caf50;height:40px;margin:0 auto 15px;width:40px}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-state p{color:#666}.empty-state{padding:50px 20px;text-align:center}.empty-state .empty-icon{display:block;font-size:4rem;margin-bottom:15px;opacity:.5}.empty-state p{color:#666;font-size:1.1rem;margin:0}.empty-state .empty-hint{color:#999;font-size:.9rem;margin-top:8px}@media (max-width:768px){.price-stats-row,.price-type-cards{grid-template-columns:1fr}.price-actions{flex-direction:column}.action-btn{text-align:center;width:100%}.add-price-form .form-row{flex-direction:column}.add-btn,.add-price-form .form-group{width:100%}.price-list-header{align-items:stretch;flex-direction:column}.search-box input,.search-box input:focus{width:100%}.price-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.bulk-form .bulk-row{grid-template-columns:1fr 1fr}}.farmers-slider-container{align-items:center;display:flex;gap:15px;padding:20px 0;position:relative}.farmers-slider{-ms-overflow-style:none;display:flex;flex:1 1;gap:20px;overflow-x:auto;padding:20px 10px;scroll-behavior:smooth;scrollbar-width:none}.farmers-slider::-webkit-scrollbar{display:none}.marquee-container{overflow:hidden;padding:20px 0;width:100%}.marquee-track{-webkit-animation:marquee 25s linear infinite;animation:marquee 25s linear infinite;display:flex;gap:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.marquee-track:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.marquee-track-reverse{-webkit-animation:marquee 30s linear infinite;animation:marquee 30s linear infinite}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.farmer-slide-card{flex:0 0 280px;min-width:280px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.farmer-slide-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}.slider-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:50%;box-shadow:0 4px 15px rgba(76,175,80,.3);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:50px;justify-content:center;transition:all .3s ease;width:50px;z-index:10}.slider-btn:hover{box-shadow:0 6px 20px rgba(76,175,80,.4);-webkit-transform:scale(1.1);transform:scale(1.1)}.slider-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.slider-btn-left{margin-right:5px}.slider-btn-right{margin-left:5px}@media (max-width:768px){.farmers-slider-container{padding:10px 0}.slider-btn{font-size:14px;height:40px;width:40px}.farmer-slide-card{flex:0 0 250px;min-width:250px}.marquee-track{-webkit-animation-duration:20s;animation-duration:20s}.marquee-track-reverse{-webkit-animation-duration:25s;animation-duration:25s}}@media (max-width:480px){.slider-btn{font-size:12px;height:35px;width:35px}.farmer-slide-card{flex:0 0 220px;min-width:220px}.marquee-track{-webkit-animation-duration:15s;animation-duration:15s}.marquee-track-reverse{-webkit-animation-duration:20s;animation-duration:20s}}.food-slide-card{flex:0 0 260px;min-width:260px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.food-slide-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}@media (max-width:768px){.food-slide-card{flex:0 0 230px;min-width:230px}}@media (max-width:480px){.food-slide-card{flex:0 0 200px;min-width:200px}}.login-mode-toggle{border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:0;margin-bottom:20px;overflow:hidden}.mode-btn{align-items:center;background:#f5f5f5;border:none;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.mode-btn:hover{background:#e8f5e9;color:#2e7d32}.mode-btn.active{background:#4caf50;color:#fff;font-weight:600}.mode-btn.active:hover{background:#45a049}.farmer-profile{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;color:#fff;margin-bottom:20px;padding:20px}.farmer-header h2{font-size:1.8rem;font-weight:600;margin:0 0 15px}.farmer-details{display:flex;flex-wrap:wrap;font-size:1rem;gap:20px}.farmer-details span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:6px;padding:8px 12px}.quick-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.action-card{align-items:center;background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;display:flex;gap:15px;padding:20px;transition:box-shadow .2s ease,border .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease,border .2s ease;transition:transform .2s ease,box-shadow .2s ease,border .2s ease,-webkit-transform .2s ease}.action-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-card.active{background:#f8fff8;border-color:#4caf50;box-shadow:0 4px 20px rgba(76,175,80,.2)}.action-card.active .action-icon{background:#4caf50;color:#fff}.action-card.active .action-count{color:#2e7d32}.action-icon{align-items:center;background:#f0f8f0;border-radius:50%;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.action-label{color:#333;flex:1 1;font-weight:500}.action-count{color:#4caf50;font-size:1.2rem;font-weight:600}.date-selector{align-items:center;display:flex;gap:15px;padding:15px}.date-selector label{color:#333;font-weight:500}@media (max-width:768px){.farmer-details{flex-direction:column;gap:10px}.quick-actions{grid-template-columns:1fr}.action-card{padding:15px}.date-selector{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.bb13360b.css.map*/