body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;color:#2d3a2f}h1,h2,h3,h4,h5,h6{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#2c5530}@media (max-width: 768px){header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important;height:60px!important;z-index:9999!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;will-change:transform!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;overflow:hidden!important}@media (max-width: 480px){header{height:55px!important}}@media (max-width: 375px){header{height:50px!important}}}@media (max-width: 768px){html,body{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#2c5530;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1e3a22}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .3s ease-out}.pulse{animation:pulse 2s infinite}@media (max-width: 768px){body{font-size:14px}}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #2c5530;outline-offset:2px}img{max-width:100%;height:auto}a{color:#2c5530;text-decoration:none;transition:color .3s ease}a:hover{color:#1e3a22}button{cursor:pointer;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit}.toast{border-radius:8px;box-shadow:0 4px 12px #00000026}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#2c5530;font-size:16px}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #2c5530;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin:10px 0;border:1px solid #f5c6cb}.success-message{background:#d4edda;color:#155724;padding:12px;border-radius:6px;margin:10px 0;border:1px solid #c3e6cb}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:#2c5530}.text-secondary{color:#666}.text-success{color:#27ae60}.text-warning{color:#f39c12}.text-danger{color:#e74c3c}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.border{border:1px solid #e0e0e0}.border-t{border-top:1px solid #e0e0e0}.border-b{border-bottom:1px solid #e0e0e0}.border-l{border-left:1px solid #e0e0e0}.border-r{border-right:1px solid #e0e0e0}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}