*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc;overflow-x:hidden;width:100%;margin:0;padding:0}#root{margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}@media(max-width:480px){.container{padding:0 .75rem;max-width:100%}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-x-4>*+*{margin-left:1rem}.space-y-8>*+*{margin-top:2rem}.min-h-screen{min-height:100vh}.flex-grow{flex-grow:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.responsive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:480px){.container{padding:0 .75rem}.responsive-grid{grid-template-columns:1fr;gap:1rem}.hero{padding:2rem 1rem;margin-bottom:2rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.card{margin-bottom:1rem}.card-content{padding:1rem}.card h3{font-size:1rem;min-height:auto}.card-footer{flex-direction:column;gap:.75rem;align-items:stretch}.price{font-size:1.25rem;text-align:center}.btn{width:100%;text-align:center}}@media(max-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.card img{height:150px}.seller-info{flex-direction:column;gap:.5rem;text-align:center}}@media(max-width:768px){.responsive-grid{grid-template-columns:repeat(2,1fr)}.md\\:hidden{display:none}.hero{padding:3rem 1.5rem}.hero h1{font-size:2.5rem}}@media(max-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex{display:flex}.md\\:block{display:block}}.hidden{display:none}.header{background:linear-gradient(135deg,#1a5f3f,#2d8659,#1a5f3f);color:#fff;padding:1rem 0;box-shadow:0 4px 6px #0000001a;position:fixed;top:0;left:0;right:0;z-index:100;width:100%;margin:0}.category-btn-full{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:.5rem;color:#fff;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .3s;white-space:nowrap}.category-btn-full:hover{background:#fbbf244d;border-color:#fbbf24;transform:translateY(-2px)}@media(min-width:768px){.category-btn-full{padding:.5rem 1rem;font-size:1rem}}.category-dropdown-wrapper{position:relative}.category-dropdown{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border:2px solid #1a5f3f;border-radius:.5rem;box-shadow:0 8px 24px #00000040;min-width:200px;z-index:9999;overflow:hidden}.category-dropdown-item{display:block;padding:.75rem 1rem;color:#1f2937!important;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;border-bottom:1px solid #f3f4f6;background:#fff}.category-dropdown-item:last-child{border-bottom:none}.category-dropdown-item:hover{background:#f0fdf4;color:#1a5f3f!important;padding-left:1.25rem;font-weight:600}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:.5rem;color:#fff;text-decoration:none;font-weight:600;font-size:1.2rem;transition:all .3s;position:relative}.category-btn:hover{background:#fbbf244d;border-color:#fbbf24;transform:translateY(-2px)}.category-btn-icon{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:.5rem;color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s;position:relative}.category-btn-icon:hover{background:#fbbf244d;border-color:#fbbf24;transform:translateY(-2px)}@media(min-width:768px){.category-btn-icon{padding:.5rem 1rem;font-size:1.2rem}}.category-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s}.category-btn:hover .category-label,.category-btn-icon:hover .category-label{opacity:1}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc;overflow-x:hidden;width:100%}@media(max-width:768px){body{padding-top:70px}}@media(max-width:480px){body{padding-top:65px}}.header h1{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header input{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:9999px;background:#ffffff1a;color:#fff;width:100%}.header input::-moz-placeholder{color:#ffffffb3}.header input::placeholder{color:#ffffffb3}.header a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.header a:hover{color:#fbbf24}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s;border:none;cursor:pointer;text-align:center;font-size:.875rem}.btn-primary{background:#1a5f3f!important;color:#fff!important}.btn-primary:hover{background:#2d8659!important;transform:translateY(-2px);box-shadow:0 10px 25px #1a5f3f4d}.btn-secondary{background:#fbbf24!important;color:#fff!important}.btn-secondary:hover{background:#f59e0b!important;transform:translateY(-2px);box-shadow:0 10px 25px #fbbf244d}.btn-admin{background:#dc2626!important;color:#fff!important;font-size:.875rem;padding:.5rem 1rem}.btn-admin:hover{background:#b91c1c!important}.btn-danger{background:#dc2626!important;color:#fff!important}.btn-danger:hover{background:#b91c1c!important}.card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s;height:100%;display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.card img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.card h3{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:#1f2937;line-height:1.4;min-height:2.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card p{color:#6b7280;margin-bottom:1rem;font-size:.875rem;flex-grow:1;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.price{font-size:1.5rem;font-weight:700;color:#1a5f3f}.hero{background:linear-gradient(135deg,#1a5f3f,#2d8659,#1a5f3f);color:#fff;padding:5rem 2rem;border-radius:1.5rem;text-align:center;margin-bottom:4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:#0003}.hero-content{position:relative;z-index:10}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(45deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;margin-bottom:2rem;color:#d1fae5;max-width:600px;margin-left:auto;margin-right:auto}.admin-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;border-left:4px solid #1a5f3f}.stat-card{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;text-align:center;border:1px solid #e5e7eb}.stat-number{font-size:2rem;font-weight:700;color:#1a5f3f;margin-bottom:.5rem;display:block}.stat-label{color:#6b7280;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}@media(max-width:768px){.admin-card{padding:1.5rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}}@media(max-width:480px){.admin-card{padding:1rem}.stat-card{padding:.75rem}.stat-number{font-size:1.25rem}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px #0000001a}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb;vertical-align:middle}.table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.table td{font-size:.875rem}@media(max-width:768px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table th,.table td{padding:.5rem;font-size:.75rem;min-width:100px}.table th:first-child,.table td:first-child{position:sticky;left:0;background:#fff;z-index:1}.table th:first-child{background:#f9fafb}}@media(max-width:480px){.table th,.table td{padding:.375rem;font-size:.7rem;min-width:80px}}.timestamp{font-size:.75rem;color:#6b7280;font-style:italic;line-height:1.2}.footer{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;padding:2rem 0 1rem;margin-top:4rem;width:100%;min-width:100vw}@media(max-width:768px){.footer .grid-cols-3{grid-template-columns:1fr;gap:2rem}.footer{padding:1.5rem 0 1rem}}@media(max-width:480px){.footer{padding:1rem 0 .5rem}.footer h4{font-size:1rem;margin-bottom:.75rem}.footer ul{font-size:.875rem}}.footer h4{color:#fbbf24;font-weight:600;margin-bottom:1rem}.footer a{color:#d1d5db;text-decoration:none;transition:color .3s}.footer a:hover{color:#fff}.spinner{border:2px solid #f3f4f6;border-top:2px solid #1a5f3f;border-radius:50%;width:3rem;height:3rem;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0000004d;width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-content{padding:2rem}.modal h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}@media(max-width:480px){.modal-overlay{padding:.5rem}.modal{max-width:100%;margin:.5rem;max-height:95vh}.modal-content{padding:1.5rem}.modal h2{font-size:1.25rem;margin-bottom:1rem}.form-input{font-size:16px}}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#1a5f3f;box-shadow:0 0 0 3px #1a5f3f1a}.seller-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem;background:#f9fafb;border-radius:.5rem;margin-top:auto}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem}.text-center{text-align:center}.text-white{color:#fff}.text-gray-600{color:#6b7280}.text-gray-800{color:#1f2937}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:0 10px 15px #0000001a}@media(max-width:480px){.p-4{padding:.75rem}.p-6{padding:1rem}.py-8{padding-top:1.5rem;padding-bottom:1.5rem}.mb-8{margin-bottom:1.5rem}.mt-8{margin-top:1.5rem}}.error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.carousel-container{padding:0 60px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#1a5f3f;color:#fff;border:3px solid #fbbf24;border-radius:50%;width:60px;height:60px;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #0000004d}.carousel-arrow-left{left:0}.carousel-arrow-right{right:0}.carousel-track{display:flex;gap:1.5rem;width:-moz-fit-content;width:fit-content}.carousel-item{min-width:300px;max-width:300px}@media(max-width:768px){.carousel-container{padding:0 40px}.carousel-arrow{width:45px;height:45px;font-size:1.2rem}.carousel-track{gap:1rem}.carousel-item{min-width:250px;max-width:250px}}@media(max-width:480px){.carousel-container{padding:0 30px}.carousel-arrow{width:35px;height:35px;font-size:1rem;border-width:2px}.carousel-track{gap:.75rem}.carousel-item{min-width:200px;max-width:200px}}@media(max-width:768px){.action-buttons{flex-wrap:wrap}.action-button{width:100%}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{-ms-touch-action:none;touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}