.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-green:#10b981;--primary-green-dark:#059669;--primary-green-light:#34d399;--secondary-teal:#0d9488;--accent-orange:#f59e0b;--accent-purple:#8b5cf6;--text-dark:#1f2937;--text-light:#6b7280;--background:#fafafa;--surface:#fff;--border:#10b981;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a;--gradient-primary:linear-gradient(135deg,#10b981,#0d9488);--gradient-secondary:linear-gradient(135deg,#f59e0b,#d97706)}[data-theme=dark]{--primary-green:#34d399;--primary-green-dark:#10b981;--primary-green-light:#6ee7b7;--secondary-teal:#2dd4bf;--accent-orange:#fbbf24;--accent-purple:#a78bfa;--text-dark:#f9fafb;--text-light:#d1d5db;--background:#000;--surface:#000;--border:#10b981;--shadow:0 4px 6px -1px #0000004d;--shadow-lg:0 20px 25px -5px #00000080;--gradient-primary:linear-gradient(135deg,#34d399,#2dd4bf);--gradient-secondary:linear-gradient(135deg,#fbbf24,#f59e0b)}body{background:#fafafa;background:var(--background);color:#1f2937;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;transition:all .3s ease}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:3px solid #10b981;border-bottom:3px solid var(--border);box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .header{background:#000}.header .container{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:1rem 1.5rem}.header-logo{flex:0 0 auto;margin-right:auto}.header-nav{display:flex;flex:1 1;justify-content:center;margin:0 auto}.header-actions{flex:0 0 auto;gap:1rem;margin-left:auto}.header-actions,.logo{align-items:center;display:flex}.logo{color:#10b981;color:var(--primary-green);font-size:2rem;font-weight:800;gap:.75rem;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:.75rem;color:#fff;height:2.5rem;padding:.5rem;transition:transform .6s ease;width:2.5rem}.logo:hover .logo-icon{transform:rotate(1turn)}.nav{align-items:center;display:flex;gap:2.5rem}.nav-link{color:#1f2937;color:var(--text-dark);font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{color:#10b981;color:var(--primary-green)}.nav-link:after{background:#10b981;background:var(--primary-green);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.auth-buttons{gap:.75rem}.auth-buttons,.btn-auth{align-items:center;display:flex}.btn-auth{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:.6rem;color:#1f2937;color:var(--text-dark);cursor:pointer;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-auth:hover{background:#fafafa;background:var(--background);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-auth-primary{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff}.btn-auth-primary:hover{background:#059669;background:var(--primary-green-dark);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.theme-toggle{align-items:center;background:none;background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:.6rem;color:#1f2937;color:var(--text-dark);cursor:pointer;display:flex;justify-content:center;padding:.6rem;transition:all .3s ease}.theme-toggle:hover{background:#10b981;background:var(--primary-green);color:#fff;transform:rotate(15deg)}.menu-toggle{background:none;background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:.5rem;color:#1f2937;color:var(--text-dark);cursor:pointer;display:none;padding:.5rem;transition:all .3s ease}.menu-toggle:hover{background:#10b981;background:var(--primary-green);color:#fff}@media (max-width:1024px){.nav{gap:2rem}}@media (max-width:768px){.header .container{flex-wrap:wrap;gap:1rem;padding:1rem}.header-logo{flex:1 1;margin-right:0}.header-nav{display:none;flex:1 0 100%;margin:1rem 0 0;order:3}.header-actions{margin-left:0}.auth-buttons{display:none}.menu-toggle{display:block}.nav.nav-open{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.nav.nav-open+.auth-buttons-mobile{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;width:100%}.auth-buttons-mobile .btn-auth{justify-content:center;padding:.75rem 1rem;width:100%}}.btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);box-shadow:0 4px 15px #10b9814d}.btn-primary:hover{box-shadow:0 8px 25px #10b98166}.btn-secondary{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--primary-green);box-shadow:0 4px 15px #10b9811a;color:#10b981;color:var(--primary-green)}.btn-secondary:hover{background:#10b981;background:var(--primary-green);box-shadow:0 8px 25px #10b9814d;color:#fff;transform:translateY(-2px)}.hero{background:#0000;color:#fff;overflow:hidden;padding:8rem 0;position:relative}.hero:before{background:url(https://images.unsplash.com/photo-1551970634-747846a548cb?ixlib=rb-4.0.3&q=80) 50%/cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.hero-badge{align-items:center;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:2rem;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.subtitle{display:block;font-weight:400;margin-top:1rem}.hero-description,.subtitle{font-size:1.25rem;opacity:.9}.hero-description{line-height:1.6;margin:0 auto 3rem;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.stats{background:#fff;background:var(--surface);padding:5rem 0}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#fafafa;background:var(--background);border:3px solid #10b981;border:3px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);padding:2.5rem 2rem;text-align:center;transition:transform .3s ease}.stat-item:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);-webkit-background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{font-size:1.1rem;font-weight:500}.features{background:#fafafa;background:var(--background)}.section-header{margin-bottom:4rem;text-align:center}.section-title{color:#1f2937;color:var(--text-dark);font-size:3rem;font-weight:800;margin-bottom:1rem}.section-subtitle{color:#6b7280;color:var(--text-light);font-size:1.25rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{border:2px solid #10b981;border:2px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2.5rem;position:relative;text-decoration:none;transition:all .3s ease}.feature-card:before{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.feature-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:1.25rem;color:#fff;display:flex;height:5rem;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease;width:5rem}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.feature-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.feature-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.feature-icon.teal{background:linear-gradient(135deg,#0d9488,#0f766e)}.feature-card h3{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-card p{flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.feature-arrow{align-self:flex-start;color:#10b981;color:var(--primary-green);transition:transform .3s ease}.feature-card:hover .feature-arrow{transform:translateX(8px)}.mission{background:#fff;background:var(--surface);padding:6rem 0}.mission-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.mission-content{padding-right:2rem}.mission-text{color:#6b7280;color:var(--text-light);font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem}.mission-points{display:flex;flex-direction:column;gap:1.5rem}.mission-point{align-items:flex-start;background:#fafafa;background:var(--background);border:3px solid #10b981;border:3px solid var(--border);border-radius:1rem;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.mission-point:hover{transform:translateX(8px)}.point-icon{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.mission-point h4{color:#1f2937;color:var(--text-dark);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.mission-point p{color:#6b7280;color:var(--text-light);line-height:1.6}.mission-visual{display:flex;justify-content:center}.visual-card{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:2rem;box-shadow:0 20px 40px #10b9814d;color:#fff;max-width:400px;padding:3rem;text-align:center;transition:transform .3s ease;width:100%}.visual-card:hover{transform:scale(1.05)}.visual-card h3{font-size:1.75rem;font-weight:700;margin:1.5rem 0 1rem}.visual-card p{line-height:1.6;opacity:.9}.footer{background:#fff;background:var(--surface);border-top:3px solid #10b981;border-top:3px solid var(--border);color:#1f2937;color:var(--text-dark);padding:4rem 0 2rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{align-items:center;color:#10b981;color:var(--primary-green);display:flex;font-size:1.5rem;font-weight:800;gap:.75rem}.footer-description{color:#6b7280;color:var(--text-light);line-height:1.6}.social-links{display:flex;gap:1rem}.social-links a{align-items:center;background:#fafafa;background:var(--background);border:3px solid #10b981;border:3px solid var(--border);border-radius:.75rem;color:#1f2937;color:var(--text-dark);display:flex;height:3rem;justify-content:center;transition:all .3s ease;width:3rem}.social-links a:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff;transform:translateY(-2px)}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.footer-section h4{color:#10b981;color:var(--primary-green);font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;text-transform:uppercase}.footer-section a{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:.95rem;gap:.75rem;margin-bottom:1rem;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#10b981;color:var(--primary-green)}.footer-bottom{align-items:center;border-top:1px solid #10b981;border-top:1px solid var(--border);color:#6b7280;color:var(--text-light);display:flex;font-size:.875rem;justify-content:space-between;padding-top:2rem}.virtual-garden{background:#fafafa;background:var(--background);min-height:100vh;padding:3rem 0}.page-header{margin-bottom:4rem;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);-webkit-background-clip:text;color:#1f2937;color:var(--text-dark);font-size:3.5rem;font-weight:800;margin-bottom:1rem}.page-header p{color:#6b7280;color:var(--text-light);font-size:1.25rem;margin:0 auto;max-width:600px}.garden-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem}.search-box{flex:1 1;min-width:300px;position:relative}.search-box input{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;color:#1f2937;color:var(--text-dark);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.search-box svg{color:#6b7280;color:var(--text-light);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.controls-right{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.view-toggle{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;display:flex;overflow:hidden}.view-toggle button{background:none;border:none;color:#6b7280;color:var(--text-light);cursor:pointer;padding:.75rem;transition:all .3s ease}.view-toggle button.active{background:#10b981;background:var(--primary-green);color:#fff}.filter-dropdown{align-items:center;display:flex;gap:.5rem;position:relative}.filter-dropdown select{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;color:#1f2937;color:var(--text-dark);cursor:pointer;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease}.filter-dropdown select:focus{border-color:#10b981;border-color:var(--primary-green);outline:none}.btn-outline{background:#fff;background:var(--surface);border:2px solid var(--primary-green);border-radius:.75rem;color:#10b981;color:var(--primary-green);font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-outline:hover{background:#10b981;background:var(--primary-green);color:#fff}.results-info{color:#6b7280;color:var(--text-light);font-size:1.125rem;margin-bottom:1.5rem}.plants-container{transition:all .3s ease}.plants-container.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.plants-container.list{display:flex;flex-direction:column;gap:1.5rem}.plant-card{background:#fff;background:var(--surface);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;position:relative}.plant-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.plant-card.featured{border:2px solid #10b981;border:2px solid var(--primary-green)}.featured-badge{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:2rem;box-shadow:0 4px 15px #10b9814d;color:#fff;font-size:.75rem;font-weight:600;left:1rem;padding:.5rem 1rem;position:absolute;top:1rem;z-index:2}.plant-image{height:250px;overflow:hidden;position:relative}.plant-image img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.plant-card:hover .plant-image img{transform:scale(1.1)}.plant-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.plant-card:hover .plant-overlay{opacity:1}.plant-info{padding:2rem}.plant-info h3{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.botanical-name,.plant-tags{margin-bottom:1.5rem}.plant-tags{display:flex;flex-wrap:wrap;gap:.75rem}.climate-tag,.difficulty-tag{align-items:center;border-radius:2rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.climate-tag.resilient{background:#d1fae5;color:#065f46}.climate-tag.moderate{background:#fef3c7;color:#92400e}.climate-tag.sensitive{background:#fee2e2;color:#991b1b}.difficulty-tag{background:#e0e7ff;color:#3730a3}.plant-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem}.stat{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:.875rem;gap:.5rem}.use-tag{border-radius:2rem;padding:.5rem 1rem}.use-tag.more{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff}.plants-container.list .plant-card{display:flex;height:200px}.plants-container.list .plant-image{flex-shrink:0;height:100%;width:300px}.plants-container.list .plant-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.no-results{padding:6rem 2rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:2rem;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:100%}.modal-close,.modal-content{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border)}.modal-close{border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);color:#1f2937;color:var(--text-dark);padding:.75rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;z-index:10}.modal-close:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff}.plant-modal{padding:2.5rem}.modal-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:3rem}.plant-main-info{flex:1 1}.plant-main-info h1{color:#1f2937;color:var(--text-dark);font-size:3rem;font-weight:800;margin-bottom:.5rem}.plant-family{font-size:1.125rem}.plant-badges{flex-shrink:0;gap:1rem}.climate-badge,.difficulty-badge{box-shadow:0 4px 15px #0003;font-weight:600;gap:.75rem;padding:.75rem 1.5rem}.difficulty-badge{background:#8b5cf6;background:var(--accent-purple)}.modal-body{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.plant-visual-section{display:flex;flex-direction:column;gap:2rem}.plant-image-large{border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden}.plant-image-large img{height:350px;object-fit:cover;transition:transform .6s ease;width:100%}.plant-image-large:hover img{transform:scale(1.05)}.quick-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.quick-stat{align-items:center;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.quick-stat:hover{transform:translateY(-2px)}.quick-stat svg{color:#10b981;color:var(--primary-green);flex-shrink:0}.quick-stat label{color:#6b7280;color:var(--text-light);display:block;font-size:.875rem;margin-bottom:.25rem}.quick-stat span{color:#1f2937;color:var(--text-dark);font-weight:600}.plant-details{flex-direction:column;gap:2.5rem}.detail-section h3{border-bottom:2px solid #10b981;border-bottom:2px solid var(--border);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.detail-section h4{color:#1f2937;color:var(--text-dark);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.benefits-list,.uses-grid{grid-gap:1rem;display:grid;gap:1rem}.benefit-item,.use-item{align-items:center;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;display:flex;gap:1rem;padding:1rem 1.5rem;transition:transform .3s ease}.benefit-item:hover,.use-item:hover{transform:translateX(5px)}.benefit-item svg,.use-item svg{color:#10b981;color:var(--primary-green);flex-shrink:0}.cultivation-info{grid-gap:.75rem;display:grid;gap:.75rem;margin-bottom:1.5rem}.cultivation-item{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem}.care-tips,.precautions-list{list-style:none;padding:0}.care-tips li,.precautions-list li{border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);padding:1rem 0;transition:padding-left .3s ease}.care-tips li:hover,.precautions-list li:hover{padding-left:1rem}.care-tips li:last-child,.precautions-list li:last-child{border-bottom:none}.precautions .precautions-list li{color:#ef4444}.environmental-stats{grid-gap:.75rem;display:grid;gap:.75rem}.env-stat{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;padding:1rem}.sketchfab-embed-wrapper{margin-bottom:2rem;width:100%}.model-container{background:#000;border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.model-container iframe{border:none;display:block;height:400px;width:100%}.sketchfab-credits{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;margin-bottom:1rem;padding:1rem;text-align:center}.sketchfab-credits a{color:#10b981;color:var(--primary-green);text-decoration:none;transition:color .3s ease}.sketchfab-credits a:hover{color:#059669;color:var(--primary-green-dark)}.model-controls-info{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:1rem;box-shadow:0 4px 15px #10b9814d;color:#fff;font-size:.875rem;padding:1rem 1.5rem;text-align:center}.model-controls-info p{font-weight:500;margin:0}@media (max-width:768px){.container{padding:0 1rem}.header .container{padding:1rem}.nav{display:none}.nav.nav-open{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:1rem;padding:1.5rem;position:absolute;right:1rem;top:100%;z-index:1000}.menu-toggle{display:block}.hero{padding:4rem 0}.hero-title{font-size:2.5rem}.hero-actions{align-items:center;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.mission-grid{grid-template-columns:1fr}.mission-grid{gap:2rem}.mission-content{padding-right:0}.footer-content{gap:3rem;grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.garden-controls{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.controls-right{justify-content:space-between}.plants-container.grid{grid-template-columns:1fr}.plants-container.list .plant-card{flex-direction:column;height:auto}.plants-container.list .plant-image{height:200px;width:100%}.modal-body{gap:2rem;grid-template-columns:1fr}.modal-header{flex-direction:column;gap:1.5rem}.plant-badges{align-self:flex-start}.quick-stats{grid-template-columns:1fr}}@media (max-width:480px){.hero-title,.section-title{font-size:2rem}.footer-links,.stats-grid{grid-template-columns:1fr}.plant-modal{padding:1.5rem}.plant-main-info h1{font-size:2rem}}.loading{opacity:.6;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid #10b981;border-top:2px solid #10b981;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary-green);content:"";height:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-5{padding:3rem}.hidden{display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:.5rem}.rounded-lg{border-radius:1rem}.rounded-xl{border-radius:1.5rem}.shadow{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow)}.shadow-lg{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg)}.bg-surface{background:#fff;background:var(--surface)}.bg-background{background:#fafafa;background:var(--background)}.text-dark{color:#1f2937;color:var(--text-dark)}.text-light{color:#6b7280;color:var(--text-light)}.text-primary{color:#10b981;color:var(--primary-green)}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #10b981;outline:2px solid var(--primary-green);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dropdown-menu{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);margin-top:.5rem;max-width:90vw;overflow:hidden;position:absolute;right:1.5rem;top:100%;width:400px;z-index:1000}.dropdown-content{padding:1.5rem}.dropdown-section{margin-bottom:2rem}.dropdown-section:last-child{margin-bottom:0}.dropdown-section h4{border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);color:#10b981;color:var(--primary-green);font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding-bottom:.5rem;text-transform:uppercase}.features-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.dropdown-feature{align-items:center;border:1px solid #0000;border-radius:.75rem;color:#1f2937;color:var(--text-dark);display:flex;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .3s ease}.dropdown-feature:hover{background:#fafafa;background:var(--background);border-color:#10b981;border-color:var(--border);transform:translateY(-2px)}.feature-icon-small{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.dropdown-actions{display:flex;gap:.75rem}.dropdown-btn{align-items:center;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;color:#1f2937;color:var(--text-dark);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.dropdown-btn:hover{background:#fff;background:var(--surface);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.dropdown-btn.primary{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff}.dropdown-btn.primary:hover{background:#059669;background:var(--primary-green-dark);box-shadow:0 4px 12px #10b9814d}@media (max-width:768px){.dropdown-menu{left:1rem;right:1rem;width:auto}.features-grid{grid-template-columns:1fr}.dropdown-actions{flex-direction:column}.auth-buttons{display:none}}@media (min-width:769px){.menu-toggle{display:block}.auth-buttons{display:flex}}.feature-icon-compact.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.feature-icon-compact.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.feature-icon-compact.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.feature-icon-compact.teal{background:linear-gradient(135deg,#0d9488,#0f766e)}.feature-icon-compact.yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.feature-icon-compact.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.feature-icon-compact.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.features-grid-compact{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.feature-card-compact{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:1.25rem;box-shadow:0 8px 32px #0000001a;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.feature-card-compact:before{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.feature-card-compact:hover{background:#ffffff1a;border:1px solid #ffffff40;box-shadow:0 20px 40px #00000040;transform:translateY(-5px)}.feature-icon-compact{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:1rem;color:#fff;display:flex;height:4rem;justify-content:center;margin-bottom:1rem;transition:transform .3s ease;width:4rem}.feature-card-compact:hover .feature-icon-compact{transform:scale(1.05)}.feature-card-compact h3{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.feature-card-compact p{color:#ffffffd9;flex-grow:1;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.feature-arrow{color:#fff}[data-theme=dark] .feature-card-compact{background:#ffffff08;border:1px solid #ffffff1a}[data-theme=dark] .feature-card-compact:hover{background:#ffffff0f;border:1px solid #fff3}@media (max-width:1200px){.features-grid-compact{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.features-grid-compact{gap:1rem;grid-template-columns:repeat(2,1fr)}.feature-card-compact{padding:1.25rem}.feature-icon-compact{height:3.5rem;width:3.5rem}.feature-card-compact h3{font-size:1.1rem}}@media (max-width:480px){.features-grid-compact{grid-template-columns:1fr}}.features{padding:6rem 0;position:relative}.features,[data-theme=dark] .features{background:url(https://images.unsplash.com/photo-1578148835426-10584ff29aff?q=80) 50%/cover}.features .section-header,.features .section-title{color:#fff}.features .section-subtitle{color:#ffffffe6}.plant-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}.plant-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 20px 40px #0006;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.plant-modal-header{align-items:flex-start;background:linear-gradient(135deg,#fff,#fafafa);background:linear-gradient(135deg,var(--surface) 0,var(--background) 100%);border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:2rem 2rem 1.25rem}.plant-title-section h1{color:#1f2937;color:var(--text-dark);font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:.375rem}.botanical-name{font-size:1.1rem;font-weight:400}.plant-header-actions{align-items:flex-start;display:flex;gap:1.25rem}.plant-badges{display:flex;gap:.75rem}.climate-badge,.difficulty-badge{align-items:center;border-radius:2rem;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .875rem}.difficulty-badge{background:#10b981;background:var(--primary-green)}.modal-close-large{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 2px 8px #0000001a;color:#1f2937;color:var(--text-dark);cursor:pointer;padding:.75rem;transition:all .2s ease}.modal-close-large:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff;transform:scale(1.05)}.plant-visual-compact{background:#fafafa;background:var(--background);border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);padding:1.5rem 2rem}.plant-image-compact{border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;box-shadow:0 8px 25px #00000026;margin-bottom:1.5rem;overflow:hidden}.plant-image-compact img{height:280px;object-fit:cover;transition:transform .4s ease;width:100%}.plant-image-compact:hover img{transform:scale(1.03)}.plant-model-compact{margin-top:1.5rem}.model-section-header{align-items:center;color:#10b981;color:var(--primary-green);display:flex;gap:.5rem;margin-bottom:1rem}.model-section-header h3{font-size:1.25rem;font-weight:600;margin:0}.model-container-compact{background:#000;border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;box-shadow:0 8px 25px #00000026;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.model-loading-compact{align-items:center;background:#fafafa;background:var(--background);border-radius:1rem;bottom:0;color:#6b7280;color:var(--text-light);display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.model-controls-info-compact{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:.75rem;box-shadow:0 4px 12px #10b98140;color:#fff;font-size:.8rem;padding:.875rem 1.25rem;text-align:center}.plant-content-section{padding:1.5rem 2rem 2rem}.plant-modal-tabs{border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.tab-button{background:none;border:none;border-radius:.75rem;color:#6b7280;color:var(--text-light);cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.tab-button.active{background:#10b981;background:var(--primary-green);box-shadow:0 2px 8px #10b9814d;color:#fff}.tab-button:hover:not(.active){background:#fafafa;background:var(--background);color:#1f2937;color:var(--text-dark)}.tab-panel{display:flex;flex-direction:column;gap:2rem}.detail-section h3{border-left:4px solid #10b981;border-left:4px solid var(--primary-green);color:#1f2937;color:var(--text-dark);font-size:1.375rem;font-weight:600;margin-bottom:1rem;padding-left:.75rem}.detail-section p{color:#1f2937;color:var(--text-dark);font-size:.95rem;line-height:1.6}.quick-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quick-stat-card{align-items:center;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.875rem;box-shadow:0 2px 8px #00000014;display:flex;gap:.875rem;padding:1.25rem;transition:all .3s ease}.quick-stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.quick-stat-card label{color:#6b7280;color:var(--text-light);display:block;font-size:.8rem;font-weight:500;margin-bottom:.25rem}.quick-stat-card span{color:#1f2937;color:var(--text-dark);font-size:.95rem;font-weight:600}.benefits-grid,.cultivation-grid,.environment-grid,.precautions-grid,.tips-grid,.uses-grid{grid-gap:1rem;display:grid;gap:1rem}.benefits-grid,.uses-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cultivation-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.precautions-grid,.tips-grid{grid-template-columns:1fr}.environment-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.benefit-card,.cultivation-card,.env-card,.precaution-card,.tip-card,.use-card{align-items:center;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 2px 6px #0000000f;display:flex;gap:.875rem;padding:1rem 1.25rem;transition:all .3s ease}.benefit-card:hover,.cultivation-card:hover,.use-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.cultivation-card,.env-card{align-items:flex-start;flex-direction:column;gap:.375rem}.cultivation-card strong,.env-card strong{color:#6b7280;color:var(--text-light);font-size:.8rem;font-weight:500}.cultivation-card span,.env-card span{color:#1f2937;color:var(--text-dark);font-size:.9rem;font-weight:600}.precaution-card{background:#ef44440d;border-left:4px solid #ef4444}@media (max-width:768px){.plant-modal-overlay{padding:1rem}.plant-modal-header{flex-direction:column;gap:1.25rem;padding:1.5rem 1.5rem 1rem}.plant-title-section h1{font-size:1.75rem}.plant-content-section,.plant-visual-compact{padding:1.25rem}.plant-image-compact img{height:220px}.model-container-compact iframe{height:280px}.benefits-grid,.quick-stats-grid,.uses-grid{grid-template-columns:1fr}.plant-modal-tabs{flex-wrap:wrap}.tab-button{flex:1 1;min-width:120px;text-align:center}}@media (max-width:480px){.plant-modal-content{max-height:95vh}.plant-modal-header{padding:1.25rem 1.25rem .875rem}.plant-content-section,.plant-visual-compact{padding:1rem}.plant-image-compact img{height:180px}.model-container-compact iframe{height:240px}}.dashboard{background:#fafafa;background:var(--background);min-height:100vh;padding:2rem 0}.dashboard-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.header-left{flex:1 1}.user-welcome h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;margin:1rem 0 .5rem}.user-welcome p{color:#6b7280;color:var(--text-light);font-size:1.1rem}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2.5rem}.stat-card{align-items:flex-start}.stat-subtitle{color:#10b981;color:var(--primary-green);font-weight:500}.stat-trend{align-items:center;display:flex;font-size:.75rem;gap:.25rem;margin-top:.5rem}.stat-trend.positive{color:#10b981}.stat-trend.negative{color:#ef4444}.dashboard-content{grid-gap:2rem;gap:2rem}.content-left,.content-right{display:flex;flex-direction:column;gap:2rem}.section-badge{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:1rem;font-size:.75rem;padding:.375rem .75rem}.charts-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.chart-wrapper{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.25rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);padding:1.5rem}.chart-container{display:flex;flex-direction:column;height:200px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-header h4{color:#1f2937;color:var(--text-dark);font-size:1rem;font-weight:600;margin:0}.chart-value{color:#10b981;color:var(--primary-green);font-weight:700}.chart-bars{align-items:flex-end;display:flex;gap:.5rem;height:120px;margin-top:auto}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.chart-bar{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:4px 4px 0 0;min-height:20px;transition:all .3s ease;width:12px}.chart-label{color:#6b7280;color:var(--text-light);font-size:.75rem}.category-chart{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.category-item{align-items:center;display:flex;gap:.75rem}.category-bar{background:#10b981;background:var(--border);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.category-fill{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .3s ease}.category-name{color:#1f2937;color:var(--text-dark);font-size:.875rem;min-width:120px}.category-count{color:#10b981;color:var(--primary-green);font-size:.875rem;font-weight:600;min-width:30px;text-align:right}.plants-grid{display:flex;flex-direction:column;gap:1rem}.plant-card-dashboard{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;padding:1.25rem;transition:all .3s ease}.plant-card-dashboard:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.plant-header{align-items:center;gap:1rem;margin-bottom:1rem}.plant-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:.75rem;color:#fff;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.plant-info h4{color:#1f2937;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.botanical{color:#6b7280;color:var(--text-light);font-size:.875rem;font-style:italic}.plant-health{align-items:center;display:flex;gap:.5rem;margin-left:auto}.health-bar{background:#10b981;background:var(--border);border-radius:3px;height:6px;overflow:hidden;width:60px}.health-fill{background:#10b981;background:var(--primary-green);border-radius:3px;height:100%;transition:width .3s ease}.plant-uses{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.use-tag{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;color:#6b7280;color:var(--text-light);font-size:.75rem;padding:.375rem .75rem}.plant-footer{justify-content:space-between}.care-time,.plant-footer{align-items:center;display:flex}.care-time{font-size:.875rem;gap:.375rem}.btn-action,.care-time{color:#6b7280;color:var(--text-light)}.btn-action{background:none;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem;transition:all .3s ease}.btn-action:hover{background:#fafafa;background:var(--background);color:#10b981;color:var(--primary-green)}.suggestions-grid{display:flex;flex-direction:column;gap:1rem}.suggestion-card{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.suggestion-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateX(4px)}.suggestion-card.combo{border-left:4px solid #8b5cf6}.suggestion-card.care{border-left:4px solid #f59e0b}.suggestion-card.discovery{border-left:4px solid #10b981}.suggestion-icon{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.suggestion-card.combo .suggestion-icon{background:#8b5cf6}.suggestion-card.care .suggestion-icon{background:#f59e0b}.suggestion-card.discovery .suggestion-icon{background:#10b981}.suggestion-content{flex:1 1}.suggestion-content h5{color:#1f2937;color:var(--text-dark);font-size:1rem;font-weight:600;margin:0 0 .5rem}.suggestion-content p{color:#6b7280;color:var(--text-light);font-size:.875rem;line-height:1.4;margin:0 0 .5rem}.suggestion-reason{color:#10b981;color:var(--primary-green);font-size:.75rem;font-weight:500}.btn-suggestion{background:#10b981;background:var(--primary-green);border:none;border-radius:.75rem;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-suggestion:hover{background:#059669;background:var(--primary-green-dark);transform:translateY(-1px)}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item{align-items:center;background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.task-item:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateX(4px)}.task-item.high{border-left:4px solid #ef4444}.task-item.medium{border-left:4px solid #f59e0b}.task-item.low{border-left:4px solid #10b981}.task-content{flex:1 1}.task-text{color:#1f2937;color:var(--text-dark);display:block;font-weight:500;margin-bottom:.25rem}.task-time{color:#6b7280;color:var(--text-light);font-size:.875rem}.task-priority{border-radius:50%;height:8px;width:8px}.task-item.high .task-priority{background:#ef4444}.task-item.medium .task-priority{background:#f59e0b}.task-item.low .task-priority{background:#10b981}.actions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.action-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;color:#1f2937;color:var(--text-dark);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem;transition:all .3s ease}.action-btn:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.charts-section,.dashboard-content{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem}.stats-overview{grid-template-columns:repeat(2,1fr)}.user-welcome h1{font-size:2rem}.actions-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-overview{grid-template-columns:1fr}.chart-wrapper{padding:1rem}.plant-header,.suggestion-card{flex-direction:column;text-align:center}.plant-header{gap:.75rem}.plant-health{margin-left:0}}.category-filters{margin-bottom:3rem}.filters-header{margin-bottom:2rem;text-align:center}.filters-header h3{color:#1f2937;color:var(--text-dark);font-size:2rem;font-weight:700;margin-bottom:.5rem}.filters-header p{color:#6b7280;color:var(--text-light);font-size:1.1rem}.filters-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{align-items:center;background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;color:#1f2937;color:var(--text-dark);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.filter-btn:hover{transform:translateY(-2px)}.filter-btn.active,.filter-btn:hover{border-color:#10b981;border-color:var(--primary-green)}.filter-btn.active{background:#10b981;background:var(--primary-green);color:#fff}.filter-name{font-size:1rem}.filter-count{background:#fafafa;background:var(--background);border-radius:1rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.filter-btn.active .filter-count{background:#fff3;color:#fff}.courses-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:4rem}.course-card{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}.course-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.course-image{height:200px;overflow:hidden;position:relative}.course-thumbnail{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.course-card:hover .course-thumbnail{transform:scale(1.1)}.course-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.course-card:hover .course-overlay{opacity:1}.play-button{align-items:center;background:#10b981;background:var(--primary-green);border-radius:50%;display:flex;height:60px;justify-content:center;transition:transform .3s ease;width:60px}.course-card:hover .play-button{transform:scale(1.1)}.course-content{padding:1.5rem}.course-category{background:#fafafa;background:var(--background);border-radius:2rem;color:#10b981;color:var(--primary-green);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.375rem .75rem;text-transform:uppercase}.course-title{color:#1f2937;color:var(--text-dark);font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.course-description{color:#6b7280;color:var(--text-light);line-height:1.5;margin-bottom:1.5rem}.course-btn{justify-content:center;width:100%}.no-results svg{color:var(--border);margin-bottom:2rem;opacity:.5}.no-results h3{color:#1f2937;color:var(--text-dark);font-size:2rem;margin-bottom:1rem}@media (max-width:768px){.courses-grid{grid-template-columns:1fr}.filters-grid{justify-content:flex-start}.filter-btn{flex:1 1;justify-content:center;min-width:140px}.path-cards{grid-template-columns:1fr}.learning-path{padding:2rem 1rem}.path-header h2{font-size:2rem}}@media (max-width:480px){.filters-grid{flex-direction:column}.filter-btn{width:100%}.course-meta{flex-direction:column;gap:.5rem}.course-card{margin:0 1rem}}.ai-learning-section{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:3rem;padding:2rem}.ai-learning-header{justify-content:space-between;margin-bottom:1.5rem}.ai-learning-header,.ai-title{align-items:center;display:flex}.ai-title{gap:.75rem}.ai-title h2{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0}.ai-title svg{color:#10b981;color:var(--primary-green)}.refresh-facts-btn{align-items:center;background:#10b981;background:var(--primary-green);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.refresh-facts-btn:hover:not(:disabled){background:#059669;background:var(--primary-green-dark);transform:translateY(-2px)}.refresh-facts-btn:disabled{cursor:not-allowed;opacity:.6}.facts-container{min-height:120px}.facts-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.facts-error,.facts-loading{color:#6b7280;color:var(--text-light)}.facts-error{text-align:center}.facts-error p{margin-bottom:1rem}.facts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.fact-card{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.fact-card:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.fact-card:before{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.fact-text{color:#1f2937;color:var(--text-dark);font-weight:500;line-height:1.5}@media (max-width:768px){.ai-learning-header{align-items:flex-start;flex-direction:column;gap:1rem}.facts-grid{grid-template-columns:1fr}.ai-learning-section{padding:1.5rem}}.stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{align-items:center;border:1px solid #10b981;border:1px solid var(--border);border-radius:1.25rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.stat-content{flex:1 1}.stat-value{color:#1f2937;color:var(--text-dark);font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}.stat-label{color:#6b7280;color:var(--text-light);font-weight:600;margin-bottom:.25rem}.stat-subtitle{color:var(--text-muted);font-size:.875rem}.section-header{justify-content:space-between;margin-bottom:2rem}.section-badge{background:#10b981;background:var(--primary-green);border-radius:2rem;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.course-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.meta-item{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:.875rem;gap:.375rem}.course-level{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:2rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:1.5rem;padding:.375rem .75rem}.facts-notice{border-top:1px solid #10b981;border-top:1px solid var(--border);color:#6b7280;color:var(--text-light);font-size:.875rem;margin-top:1rem;padding-top:1rem;text-align:center}.learning-path{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:2rem;margin-top:3rem;padding:3rem 2rem}.path-header{margin-bottom:3rem;text-align:center}.path-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;margin:1rem 0 .5rem}.path-header p{color:#6b7280;color:var(--text-light);font-size:1.1rem;margin:0 auto;max-width:600px}.path-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.path-card{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;padding:2rem;text-align:center;transition:all .3s ease}.path-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.path-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.path-icon.gardening{background:linear-gradient(135deg,#10b981,#059669)}.path-icon.medicine{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.path-icon.advanced{background:linear-gradient(135deg,#f59e0b,#d97706)}.path-card h4{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.path-card p{color:#6b7280;color:var(--text-light);line-height:1.5;margin-bottom:1.5rem}.path-courses{color:#10b981;color:var(--primary-green);font-size:.9rem;font-weight:600}.loading-screen{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--surface);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-content{max-width:400px;padding:2rem;text-align:center}.loading-animation{height:80px;margin:0 auto 2rem;position:relative;width:80px}.loading-icon{animation:float 3s ease-in-out infinite;color:#10b981;color:var(--primary-green);height:100%;width:100%}.loading-pulse{animation:pulse 2s ease-in-out infinite;border:3px solid #10b981;border:3px solid var(--primary-green);border-radius:50%;bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px}.loading-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.loading-message{color:#6b7280;color:var(--text-light);font-size:1.1rem;margin-bottom:2rem}.loading-progress{margin:0 auto;max-width:200px;width:100%}.progress-bar{background:#10b981;background:var(--border);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:3px;height:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes progress{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{margin-bottom:1rem}.app-loading-screen{align-items:center;background:url(https://images.unsplash.com/photo-1712617733726-dd4b6c1ad9f4?q=80) 50%/cover;color:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.app-loading-content{margin-top:70vh;max-width:500px;padding:2rem;text-align:center}.nerv-text-container{display:inline-block;margin-bottom:2rem;position:relative}.nerv-text{animation:nerv-glow 2s ease-in-out infinite alternate;color:#fff;font-size:4rem;font-weight:900;letter-spacing:.5rem;text-shadow:0 0 10px #ffffffb3}.app-loading-progress{margin:0 auto;max-width:300px;width:100%}.app-progress-bar{background:#ffffff4d;border-radius:2px;box-shadow:0 0 8px #ffffff4d;height:4px;margin-bottom:.5rem;overflow:hidden;width:100%}.app-progress-fill{background:#fff;border-radius:2px;box-shadow:0 0 12px #fffc;height:100%;transition:width .3s ease}.app-progress-text{color:#fff;font-size:.875rem;font-weight:600;text-shadow:0 0 4px #ffffff80}@keyframes nerv-glow{0%{text-shadow:0 0 10px #ffffffb3}to{text-shadow:0 0 20px #fff,0 0 30px #fffc}}.App{animation:app-fade-in .5s ease-out}@keyframes app-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-container{align-items:stretch;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.ai-search-box{flex:1 1;min-width:400px;position:relative}.ai-search-box input{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;color:#1f2937;color:var(--text-dark);font-size:1.1rem;padding:1.25rem 1rem 1.25rem 3rem;transition:all .3s ease;width:100%}.ai-search-box input:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.ai-search-box svg{color:#6b7280;color:var(--text-light);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.ai-search-box .spinning{animation:spin 1s linear infinite;left:auto;right:1rem}.herb-info-container{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);margin-top:2rem;padding:2rem}.herb-info-header{border-bottom:2px solid #10b981;border-bottom:2px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.herb-info-header h2{color:#1f2937;color:var(--text-dark);font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.botanical-name{font-size:1.25rem;margin-bottom:.5rem}.plant-family{color:#6b7280;color:var(--text-light);font-size:1.1rem}.herb-info-grid{display:flex;flex-direction:column;gap:2rem}.info-section{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;padding:1.5rem}.info-section h3{align-items:center;color:#1f2937;color:var(--text-dark);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.info-section h3:before{background:#10b981;background:var(--primary-green);border-radius:2px;content:"";height:1.5rem;width:4px}.info-section p{color:#1f2937;color:var(--text-dark);font-size:1.05rem;line-height:1.6}.tags-list{display:flex;flex-wrap:wrap;gap:.75rem}.info-tag{background:#10b981;background:var(--primary-green);border-radius:2rem;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.info-tag.benefit{background:#0d9488;background:var(--secondary-teal)}.conditions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.condition-item{align-items:center;background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;display:flex;gap:1rem;padding:1rem}.condition-item svg{color:#10b981;color:var(--primary-green);flex-shrink:0}.condition-item strong{color:#1f2937;color:var(--text-dark)}.characteristics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.characteristic{align-items:center;background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:transform .3s ease}.characteristic:hover{transform:translateY(-2px)}.characteristic svg{color:#10b981;color:var(--primary-green);flex-shrink:0}.characteristic label{color:#6b7280;color:var(--text-light);display:block;font-size:.875rem;margin-bottom:.25rem}.characteristic span{color:#1f2937;color:var(--text-dark);font-size:1rem;font-weight:600}.precautions-list,.tips-list{list-style:none;margin:0;padding:0}.tips-list li{align-items:flex-start;border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);display:flex;gap:.75rem;padding:.75rem 0}.tips-list li:last-child{border-bottom:none}.tips-list li svg{color:#10b981;color:var(--primary-green);flex-shrink:0;margin-top:.125rem}.precautions-list li{align-items:flex-start;border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);color:#ef4444;display:flex;gap:.75rem;padding:.75rem 0}.precautions-list li:last-child{border-bottom:none}.precautions-list li svg{flex-shrink:0;margin-top:.125rem}.search-examples{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px}.search-examples h4{color:#1f2937;color:var(--text-dark);margin-bottom:1rem}.example-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.example-tag{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:2rem;color:#1f2937;color:var(--text-dark);cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease}.example-tag:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff;transform:translateY(-2px)}.error-container{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;color:#6b7280;color:var(--text-light);padding:3rem 2rem;text-align:center}.error-container svg{color:#ef4444;margin-bottom:1rem}.error-container h3{color:#1f2937;color:var(--text-dark);margin-bottom:1rem}.loading-spinner{height:40px;width:40px}@media (max-width:768px){.search-container{flex-direction:column}.ai-search-box{min-width:auto}.herb-info-header h2{font-size:2rem}.characteristics-grid,.conditions-grid{grid-template-columns:1fr}.herb-info-container{padding:1.5rem}.info-section{padding:1.25rem}}@media (max-width:480px){.example-tags{align-items:center;flex-direction:column}.example-tag{text-align:center;width:100%}.tags-list{justify-content:center}}.recommendations-container{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);margin-top:2rem;padding:2rem}.recommendations-header{border-bottom:2px solid #10b981;border-bottom:2px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.recommendations-header h2{color:#1f2937;color:var(--text-dark);font-size:2rem;font-weight:700;margin-bottom:.5rem}.recommendations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recommendation-card{background:#fafafa;background:var(--background);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.recommendation-card:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.recommendation-card:before{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.recommendation-content{display:flex;flex-direction:column;gap:1rem}.plant-main h3{color:#1f2937;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.plant-details{align-items:center;display:flex;gap:.75rem}.efficiency-badge .efficiency{border-radius:2rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.efficiency-badge .efficiency.high{background:#10b981;background:var(--primary-green)}.efficiency-badge .efficiency.medium{background:#f59e0b;background:var(--accent-orange)}.efficiency-badge .efficiency.low{background:#6b7280;background:var(--text-light)}.difficulty-badge{align-items:center;background:#fff;background:var(--surface);border-radius:2rem;color:#6b7280;color:var(--text-light);display:flex;font-size:.75rem;gap:.375rem;padding:.25rem .75rem}.key-benefits h4{color:#1f2937;color:var(--text-dark);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.benefits-list{display:flex;flex-wrap:wrap;gap:.5rem}.benefit-tag{background:#10b981;background:var(--primary-green);border-radius:1rem;color:#fff;font-size:.7rem;font-weight:500;padding:.25rem .5rem}.view-details{align-items:center;color:#10b981;color:var(--primary-green);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:.5rem}@media (max-width:768px){.recommendations-grid{grid-template-columns:1fr}.recommendations-container{padding:1.5rem}.plant-details{align-items:flex-start;flex-direction:column;gap:.5rem}}.garden-planner-form{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem}.form-section h3{font-size:1.5rem;margin-bottom:1.5rem}.input-grid{grid-gap:2rem;display:grid;gap:2rem}.input-group label{align-items:center;color:#1f2937;color:var(--text-dark);display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.city-input-wrapper{position:relative}.city-suggestions{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.suggestion-item{align-items:center;border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);cursor:pointer;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#10b981;background:var(--primary-green);color:#fff}.input-group input{background:#fafafa;background:var(--background);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;color:#1f2937;color:var(--text-dark);font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.input-group input:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.input-group small{color:#6b7280;color:var(--text-light);display:block;font-size:.875rem;margin-top:.5rem}.option-grid{grid-gap:1rem;display:grid;gap:1rem}.option-grid.three-column{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-card{background:#fafafa;background:var(--background);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center;transition:all .3s ease}.option-card:hover{transform:translateY(-2px)}.option-card.selected,.option-card:hover{border-color:#10b981;border-color:var(--primary-green)}.option-card.selected{background:#10b981;background:var(--primary-green);color:#fff}.option-card.selected .option-desc,.option-card.selected .option-name{color:#fff}.option-icon{align-items:center;background:#fff;background:var(--surface);border-radius:.75rem;display:flex;height:3rem;justify-content:center;margin:0 auto;transition:all .3s ease;width:3rem}.option-card.selected .option-icon{background:#fff3;color:#fff}.option-name{color:#1f2937;color:var(--text-dark);font-size:1rem;font-weight:600}.option-desc{color:#6b7280;color:var(--text-light);font-size:.875rem;line-height:1.4}.generate-plan-btn{font-size:1.1rem;justify-content:center;margin-top:2rem;padding:1.25rem 2rem;width:100%}.garden-plan-results{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem}.plan-header{border-bottom:2px solid #10b981;border-bottom:2px solid var(--border);margin-bottom:3rem;padding-bottom:2rem;text-align:center}.plan-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);-webkit-background-clip:text;font-size:2rem;font-weight:800;margin-bottom:.5rem}.plan-header p{color:#6b7280;color:var(--text-light);font-size:1.125rem}.section-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.section-header h3{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0}.section-header svg{color:#10b981;color:var(--primary-green)}.ai-tips-section .section-header,.climate-section .section-header,.layout-section .section-header,.maintenance-section .section-header,.my-garden-section .section-header,.plants-section .section-header{align-items:center;display:flex;gap:.75rem;justify-content:flex-start;width:100%}.ai-tips-section{margin-bottom:3rem}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tip-card{background:#fafafa;background:var(--background);border:1px solid #10b981;border-left:4px solid #10b981;border:1px solid var(--border);border-left:4px solid var(--primary-green);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.tip-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.tip-card.high{border-left-color:#ef4444}.tip-card.medium{border-left-color:#f59e0b;border-left-color:var(--accent-orange)}.tip-card.low{border-left-color:#10b981;border-left-color:var(--primary-green)}.tip-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;width:100%}.tip-icon-wrapper{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;margin-right:0;width:2.5rem}.tip-card.high .tip-icon-wrapper{background:#ef4444}.tip-card.medium .tip-icon-wrapper{background:#f59e0b;background:var(--accent-orange)}.tip-meta{display:flex;flex:1 1;flex-direction:column;gap:.25rem;text-align:left}.tip-priority{font-size:.75rem;font-weight:600;text-transform:uppercase}.tip-category,.tip-priority{color:#6b7280;color:var(--text-light)}.tip-category{font-size:.875rem;text-transform:capitalize}.tip-content h4{color:#1f2937;color:var(--text-dark);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.tip-content p{color:#6b7280;color:var(--text-light);line-height:1.5;margin:0}.plants-section{margin-bottom:3rem}.plants-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.plant-card{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.plant-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.plant-header{display:flex;flex-direction:column;gap:.25rem}.plant-header h4{color:#1f2937;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin:0}.botanical-name{font-size:.9rem;font-style:italic}.botanical-name,.plant-reason{color:#6b7280;color:var(--text-light)}.plant-reason{line-height:1.5;margin:0}.plant-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.detail-item{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;gap:.75rem;padding:.75rem}.detail-icon,.detail-item{align-items:center;display:flex}.detail-icon{background:#10b981;background:var(--primary-green);border-radius:.5rem;color:#fff;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.detail-content{display:flex;flex-direction:column;gap:.125rem}.detail-label{color:#6b7280;color:var(--text-light);font-size:.75rem;font-weight:600;text-transform:uppercase}.detail-value{font-weight:500}.detail-value,.plant-season{color:#1f2937;color:var(--text-dark);font-size:.875rem}.plant-season{align-items:center;background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;display:flex;gap:.5rem;padding:.75rem}.plant-season svg{color:#f59e0b;color:var(--accent-orange)}.companion-plants{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;font-size:.875rem;padding:.75rem}.companion-plants strong{color:#1f2937;color:var(--text-dark)}.companion-plants span{color:#6b7280;color:var(--text-light)}.add-to-garden-btn{justify-content:center;margin-top:auto;width:100%}.btn-success{background:#10b981;background:var(--primary-green);border:2px solid #10b981;border:2px solid var(--primary-green);color:#fff}.btn-success:hover{background:#059669;border-color:#059669;transform:translateY(-1px)}.climate-section,.layout-section,.maintenance-section{margin-bottom:2rem}.suggestions-list{display:flex;flex-direction:column;gap:1rem}.suggestion-item{align-items:flex-start;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;display:flex;gap:1rem;padding:1rem}.suggestion-number{align-items:center;background:#10b981;background:var(--primary-green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:2rem;justify-content:center;width:2rem}.tips-list{flex-direction:column}.tip-item,.tips-list{display:flex;gap:.75rem}.tip-item{align-items:flex-start;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;padding:1rem}.tip-bullet{align-items:center;background:#10b981;background:var(--primary-green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-top:.125rem;width:1.5rem}.tip-item span{color:#1f2937;color:var(--text-dark);line-height:1.5}.climate-content{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;padding:1.5rem}.climate-content p{color:#1f2937;color:var(--text-dark);line-height:1.6;margin:0}.my-garden-section{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);padding:2rem}.my-garden-plants{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.my-garden-plant{align-items:center;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;display:flex;gap:1rem;justify-content:space-between;padding:1rem;transition:all .3s ease}.my-garden-plant:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.plant-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.plant-name{color:#1f2937;color:var(--text-dark);font-size:1rem;font-weight:600}.plant-scientific{color:#6b7280;color:var(--text-light);font-size:.875rem;font-style:italic}.remove-btn{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}.welcome-section{color:#6b7280;color:var(--text-light);padding:4rem 2rem;text-align:center}.welcome-content svg{color:#10b981;color:var(--primary-green);margin-bottom:1.5rem;opacity:.8}.welcome-content h3{color:#1f2937;color:var(--text-dark);font-size:2rem;margin-bottom:1rem}.welcome-content p{font-size:1.125rem;line-height:1.6;margin:0 auto 2rem;max-width:600px}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature-card{background:#fff;background:var(--surface);padding:2rem}.feature-card h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-card p{font-size:.95rem;line-height:1.5}.loading-container{padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #10b981;border-top:3px solid #10b981;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary-green);height:3rem;margin:0 auto 1rem;width:3rem}@media (max-width:768px){.garden-planner-form{padding:1.5rem}.feature-grid,.my-garden-plants,.option-grid.three-column,.plant-details-grid,.plants-grid,.tips-grid{grid-template-columns:1fr}.my-garden-plant{align-items:flex-start;flex-direction:column;text-align:left}.remove-btn{align-self:stretch}.section-header{gap:.5rem}.section-header,.tip-header{flex-direction:column;text-align:center}.tip-header{gap:.75rem}.tip-meta{align-items:center}}@media (max-width:480px){.garden-plan-results{padding:1.5rem}.plan-header h2{font-size:1.5rem}.suggestion-item{gap:.75rem}.section-header,.suggestion-item{flex-direction:column;text-align:center}.section-header{gap:.5rem}.tip-header{flex-direction:column;gap:.75rem;text-align:center}.tip-meta{align-items:center}}.map-container{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;margin:1rem 0;overflow:hidden}.map-header{background:#fafafa;background:var(--background);border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);justify-content:space-between;padding:1rem 1.5rem}.map-header,.map-header h4{align-items:center;display:flex}.map-header h4{color:#1f2937;color:var(--text-dark);font-size:1.125rem;gap:.5rem;margin:0}.city-map{background:#fafafa;background:var(--background);height:400px;width:100%}.map-loading{color:#6b7280;color:var(--text-light);flex-direction:column;height:400px;justify-content:center}.map-loading,.map-toggle-btn{align-items:center;display:flex}.map-toggle-btn{gap:.5rem}@media (max-width:768px){.city-map{height:300px}.map-header{align-items:stretch;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.map-header h4{justify-content:center}}.map-error{align-items:center;background:#fff;background:var(--surface);color:#6b7280;color:var(--text-light);display:flex;flex-direction:column;height:200px;justify-content:center;padding:2rem;text-align:center}.map-error p{margin-bottom:1rem}.carbon-calculator-container{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}@media (max-width:1024px){.carbon-calculator-container{gap:1.25rem;grid-template-columns:1fr}}.calculator-card{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:1.5rem}.calculator-header{align-items:flex-start;border-bottom:2px solid #10b981;border-bottom:2px solid var(--border);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem}.calculator-icon{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.calculator-header h3{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.calculator-header p{color:#6b7280;color:var(--text-light);font-size:.95rem;line-height:1.4;margin:0}.calculator-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{align-items:center;display:flex;font-weight:600;gap:.5rem}.form-label,.form-select{color:#1f2937;color:var(--text-dark);font-size:.95rem}.form-select{background:#fafafa;background:var(--background);border:2px solid #10b981;border:2px solid var(--border);border-radius:.75rem;cursor:pointer;min-height:50px;padding:1rem .875rem;transition:all .3s ease}.form-select:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.plant-info-badge{border:1px solid #10b981;border:1px solid var(--border);border-radius:.5rem;color:#6b7280;color:var(--text-light);font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.625rem .875rem}.plant-info-badge,.quantity-controls{align-items:center;background:#fafafa;background:var(--background);display:flex}.quantity-controls{border:2px solid #10b981;border:2px solid var(--border);border-radius:.75rem;gap:.75rem;min-height:60px;padding:.5rem}.quantity-btn{align-items:center;background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:.5rem;color:#1f2937;color:var(--text-dark);cursor:pointer;display:flex;flex-shrink:0;height:2.75rem;justify-content:center;transition:all .3s ease;width:2.75rem}.quantity-btn:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff;transform:scale(1.05)}.quantity-display{flex:1 1;padding:.875rem;text-align:center}.quantity-number{color:#1f2937;color:var(--text-dark);display:block;font-size:1.75rem;font-weight:800;line-height:1}.quantity-label{color:#6b7280;color:var(--text-light);font-size:.85rem;font-weight:500;margin-top:.25rem}.action-buttons{display:flex;flex-direction:column;gap:.875rem;margin-top:1rem}.calculate-btn,.reset-btn{font-size:1rem;font-weight:600;justify-content:center;min-height:55px;padding:1rem 1.5rem;width:100%}.results-section{display:flex;flex-direction:column;gap:1.5rem;min-height:500px}.results-card{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);min-height:450px;padding:2rem}.results-header{border-bottom:2px solid #10b981;border-bottom:2px solid var(--border);gap:1rem;padding-bottom:1.25rem}.results-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-secondary);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.results-header h3{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.results-header p{font-size:.95rem;line-height:1.4}.co2-total{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:1rem;color:#fff;margin-bottom:2rem;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center}.co2-total .co2-amount,.co2-total .co2-label{color:#fff}.co2-total .co2-amount{font-size:3rem}.co2-total .co2-label{font-size:1rem}.co2-total:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.co2-amount{font-size:3.25rem;font-weight:800;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.co2-label{font-size:1.1rem;font-weight:500;opacity:.9}.calculation-breakdown{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;margin-bottom:1.75rem;padding:1.25rem}.breakdown-header{align-items:center;color:#1f2937;color:var(--text-dark);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.breakdown-steps{display:flex;flex-direction:column;gap:.625rem}.breakdown-step{align-items:center;background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.5rem;display:flex;justify-content:space-between;min-height:45px;padding:.875rem}.breakdown-step.total{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);color:#fff;font-weight:600}.step-label{color:#1f2937;color:var(--text-dark);font-size:.9rem;font-weight:500}.breakdown-step.total .step-label{color:#fff}.step-value{color:#10b981;color:var(--primary-green);font-size:.9rem;font-weight:600}.breakdown-step.total .step-value{color:#fff}.fun-equivalents{margin-bottom:1.75rem}.fun-equivalents h4{color:#1f2937;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;text-align:center}.equivalents-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.equivalent-item{align-items:center;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;display:flex;gap:.75rem;min-height:70px;padding:1rem .875rem;transition:all .3s ease}.equivalent-item:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.equivalent-icon{align-items:center;background:#10b981;background:var(--primary-green);border-radius:.5rem;color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.equivalent-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.equivalent-value{color:#1f2937;color:var(--text-dark);font-size:1.1rem;font-weight:700;line-height:1}.equivalent-label{color:#6b7280;color:var(--text-light);font-size:.8rem;font-weight:500;line-height:1.2}.ai-insight{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;overflow:hidden;padding:0;position:relative}.ai-insight:before{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ai-insight-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);display:flex;gap:.75rem;margin-bottom:0;padding:1.25rem 1.25rem 1rem}.ai-insight-header h4{font-size:1.1rem;font-weight:700}.ai-insight-content,.ai-insight-header h4{color:#1f2937;color:var(--text-dark);margin:0}.ai-insight-content{background:#fff;background:var(--surface);border:none;font-size:.9rem;line-height:1.6;padding:1.25rem}.ai-insight-content p{line-height:1.6;margin-bottom:.75rem}.ai-insight-content p:last-child{margin-bottom:0}.ai-loading-indicator{margin-left:auto}.ai-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc2626;border-radius:.5rem;color:#dc2626;display:flex;font-size:.85rem;gap:.5rem;margin:1rem 1.25rem 0;padding:.75rem 1rem}.ai-loading-content{background:#fff;background:var(--surface);border:none;color:#6b7280;color:var(--text-light);margin:0;padding:2rem 1.5rem;text-align:center}.ai-loading-content p{font-size:.9rem;margin:0}.empty-results{background:#fff;background:var(--surface);border:2px dashed #10b981;border:2px dashed var(--border);border-radius:1.5rem;color:#6b7280;color:var(--text-light);flex-direction:column;min-height:300px;padding:3rem 2rem;text-align:center}.empty-icon,.empty-results{align-items:center;display:flex;justify-content:center}.empty-icon{background:#fafafa;background:var(--background);border-radius:50%;color:#10b981;color:var(--primary-green);height:5rem;margin:0 auto 1.5rem;width:5rem}.empty-results h3{color:#1f2937;color:var(--text-dark);font-size:1.5rem;margin-bottom:1rem}.empty-results p{font-size:1rem;line-height:1.5;margin:0;max-width:350px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:18px;margin-right:.5rem;width:18px}.empty-state{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:2.5rem 2rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{margin-bottom:.75rem}.empty-state p{font-size:1rem;margin:0}@media (max-width:768px){.carbon-calculator-container{gap:1.25rem}.calculator-card,.results-card{border-radius:1.25rem;padding:1.5rem}.calculator-header,.results-header{flex-direction:column;gap:.75rem;text-align:center}.calculator-icon,.results-icon{align-self:center}.calculator-header h3,.results-header h3{font-size:1.4rem}.co2-amount{font-size:2.75rem}.equivalents-grid{grid-template-columns:1fr 1fr}.quantity-controls{flex-direction:column;gap:.75rem;min-height:auto}.quantity-display{order:-1}.ai-insight-content,.ai-insight-header{padding:1rem}}@media (max-width:480px){.calculator-card,.results-card{padding:1.25rem}.co2-amount{font-size:2.5rem}.breakdown-step{flex-direction:column;gap:.5rem;min-height:auto;text-align:center}.empty-results{padding:2rem 1.25rem}.empty-results h3{font-size:1.3rem}.equivalents-grid{grid-template-columns:1fr}}.community-section{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.25rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.community-posts{display:flex;flex-direction:column;gap:1rem}.community-post{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;padding:1.25rem;transition:all .3s ease}.community-post:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.post-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.user-info{flex:1 1;gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:50%;flex-shrink:0;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.user-details{display:flex;flex-direction:column;gap:.125rem}.username{color:#1f2937;color:var(--text-dark);font-size:.95rem;font-weight:600}.user-co2{color:#10b981;color:var(--primary-green);font-size:.75rem;font-weight:500}.post-time{color:#6b7280;color:var(--text-light);font-size:.8rem;white-space:nowrap}.post-content{margin-bottom:1rem}.post-content p{color:#1f2937;color:var(--text-dark);font-size:.95rem;line-height:1.5;margin:0}.post-actions{display:flex;gap:1rem}.post-action{align-items:center;background:none;border:none;border-radius:.5rem;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;font-size:.85rem;gap:.375rem;padding:.5rem .75rem;transition:all .3s ease}.post-action:hover{background:#fff;background:var(--surface);color:#10b981;color:var(--primary-green)}.top-performers-section{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.25rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.top-performers-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.top-performer-card{align-items:center;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.top-performer-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.top-performer-card.rank-1{background:linear-gradient(135deg,#fafafa,#f59e0b0d);background:linear-gradient(135deg,var(--background) 0,#f59e0b0d 100%);border:2px solid #f59e0b}.top-performer-card.rank-2{background:linear-gradient(135deg,#fafafa,#6b72800d);background:linear-gradient(135deg,var(--background) 0,#6b72800d 100%);border:2px solid #6b7280}.top-performer-card.rank-3{background:linear-gradient(135deg,#fafafa,#92400e0d);background:linear-gradient(135deg,var(--background) 0,#92400e0d 100%);border:2px solid #92400e}.performer-rank{align-items:center;color:#1f2937;color:var(--text-dark);display:flex;font-weight:700;gap:.375rem;min-width:3rem}.top-performer-card.rank-1 .performer-rank{color:#f59e0b}.top-performer-card.rank-2 .performer-rank{color:#6b7280}.top-performer-card.rank-3 .performer-rank{color:#92400e}.performer-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.performer-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.performer-details{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.performer-name{color:#1f2937;color:var(--text-dark);font-size:.9rem;font-weight:600}.performer-stats{color:#6b7280;color:var(--text-light);font-size:.75rem}.performer-co2{align-items:flex-end;display:flex;flex-direction:column;gap:.125rem}.co2-amount{color:#10b981;color:var(--primary-green);font-size:1rem;font-weight:700}.co2-label{color:#6b7280;color:var(--text-light);font-size:.7rem}.trend-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:1.75rem;justify-content:center;width:1.75rem}.trend-indicator.up{background:#10b9811a;color:#10b981}.trend-indicator.down{background:#ef44441a;color:#ef4444}.community-stats{grid-gap:1rem;border-top:1px solid #10b981;border-top:1px solid var(--border);display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding-top:1rem}.community-stat{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;padding:1rem;text-align:center}.community-stat .stat-value{color:#1f2937;color:var(--text-dark);display:block;font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.community-stat .stat-label{color:#6b7280;color:var(--text-light);font-size:.8rem;font-weight:500}.dashboard-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.content-left,.content-right{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}.community-stats{grid-template-columns:1fr 1fr}}@media (max-width:768px){.post-header{align-items:flex-start;flex-direction:column;gap:.5rem}.top-performer-card{gap:.75rem}.performer-info,.top-performer-card{flex-direction:column;text-align:center}.community-stats{grid-template-columns:1fr}.performer-co2{align-items:center}}@media (max-width:480px){.community-post{padding:1rem}.user-info{flex-direction:column;gap:.5rem;text-align:center}.post-actions{justify-content:center}}.performer-avatar,.user-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.performer-avatar svg,.user-avatar svg{height:1.25rem;width:1.25rem}.action-btn svg,.plant-avatar svg,.post-action svg,.stat-icon svg,.suggestion-icon svg{flex-shrink:0;height:1.25rem;width:1.25rem}.trend-indicator svg{height:1rem;width:1rem}.performer-rank svg{height:1.25rem;width:1.25rem}.user-welcome h1 svg{height:2rem;margin-left:.5rem;vertical-align:middle;width:2rem}.btn svg,.section-header svg{flex-shrink:0;height:1.25rem;width:1.25rem}.care-time svg{height:.875rem;width:.875rem}.diy-container{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:.75rem;color:#dc2626;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-banner button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.25rem;margin-left:auto}.diy-tabs{border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:.75rem}.diy-tabs .tab-button{align-items:center;background:none;border:none;border-radius:.75rem;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.diy-tabs .tab-button.active{background:#10b981;background:var(--primary-green);box-shadow:0 2px 8px #10b9814d;color:#fff}.diy-tabs .tab-button:hover:not(.active){background:#fafafa;background:var(--background);color:#1f2937;color:var(--text-dark)}.upload-section{display:flex;flex-direction:column;gap:1.5rem}.upload-area{align-items:center;background:#fafafa;background:var(--background);border:2px dashed #10b981;border:2px dashed var(--border);border-radius:1rem;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.upload-area:hover{background:#10b9810d}.upload-area.drag-over,.upload-area:hover{border-color:#10b981;border-color:var(--primary-green)}.upload-area.drag-over{background:#10b9811a;transform:scale(1.02)}.upload-area.has-image{min-height:auto;padding:1.5rem}.upload-placeholder{align-items:center;color:#6b7280;color:var(--text-light);display:flex;flex-direction:column;gap:1rem;max-width:400px}.upload-icon{color:#10b981;color:var(--primary-green);transition:all .3s ease}.drag-over .upload-icon{transform:scale(1.1)}.upload-placeholder h3{color:#1f2937;color:var(--text-dark);font-size:1.25rem;margin:0}.upload-placeholder p{font-size:.95rem;line-height:1.5;margin:0}.upload-placeholder span{font-size:.85rem;opacity:.7}.browse-btn{margin-top:.5rem}.image-preview{margin:0 auto;max-width:500px;position:relative;width:100%}.image-container{border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:1rem;overflow:hidden}.image-container img{display:block;max-height:300px;object-fit:contain;width:100%}.remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .3s ease;width:2.5rem;z-index:10}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.image-actions{gap:.75rem}.analysis-actions,.image-actions{display:flex;justify-content:center}.analysis-actions{align-items:center;flex-wrap:wrap;gap:1rem}.analyze-btn{font-size:1.1rem;min-width:200px;padding:1rem 2rem}.analysis-progress{margin-top:1rem;text-align:center}.progress-text{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:.95rem;gap:.75rem;justify-content:center}.analysis-results{animation:slideUp .5s ease-out;background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;padding:1.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1.5rem}.results-header h3{color:#1f2937;color:var(--text-dark);font-size:1.25rem;margin:0 0 .25rem}.results-header p{color:#6b7280;color:var(--text-light);font-size:.9rem;margin:0}.suggested-projects h4{color:#1f2937;color:var(--text-dark);font-size:1.1rem;margin-bottom:1rem}.projects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:.75rem;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.project-card:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.project-number{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.project-content{flex:1 1}.project-content h5{color:#1f2937;color:var(--text-dark);font-size:1rem;margin:0 0 .5rem}.project-description{color:#6b7280;color:var(--text-light);font-size:.9rem;line-height:1.4;margin:0 0 1rem}.project-search-btn{align-items:center;background:#10b981;background:var(--primary-green);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem;transition:all .3s ease}.project-search-btn:hover:not(:disabled){background:#059669;background:var(--primary-green-dark);transform:translateY(-1px)}.project-search-btn:disabled{cursor:not-allowed;opacity:.6}.search-container,.search-section{display:flex;flex-direction:column;gap:1.5rem}.search-box-wrapper{display:flex;justify-content:center}.search-box.diy-search{align-items:center;background:#fafafa;background:var(--background);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);display:flex;max-width:600px;padding:.5rem;position:relative;transition:all .3s ease;width:100%}.search-box.diy-search:focus-within{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-2px)}.search-icon{align-items:center;color:#6b7280;color:var(--text-light);display:flex;justify-content:center;padding:0 .75rem;transition:color .3s ease}.search-box.diy-search:focus-within .search-icon{color:#10b981;color:var(--primary-green)}.search-box.diy-search input{background:none;border:none;color:#1f2937;color:var(--text-dark);flex:1 1;font-size:1rem;outline:none;padding:1rem .5rem}.search-box.diy-search input::placeholder{color:#6b7280;color:var(--text-light)}.search-box.diy-search .search-btn{background:#10b981;background:var(--primary-green);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;margin-left:.5rem;min-width:100px;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.search-box.diy-search .search-btn:hover:not(:disabled){background:#059669;background:var(--primary-green-dark);transform:translateY(-1px)}.search-box.diy-search .search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.search-suggestions{text-align:center}.search-suggestions p{color:#6b7280;color:var(--text-light);font-size:.95rem;font-weight:500;margin:0 0 1rem}.suggestion-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.suggestion-tag{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:2rem;color:#1f2937;color:var(--text-dark);cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.suggestion-tag:hover{background:#10b981;background:var(--primary-green);border-color:#10b981;border-color:var(--primary-green);box-shadow:0 4px 12px #10b9814d;color:#fff;transform:translateY(-2px)}.results-count{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:2rem;padding:.4rem .8rem}.video-card{position:relative}.video-thumbnail{background:#fff;background:var(--surface)}.video-info h4{font-weight:600}.channel{margin:0 0 .75rem}@media (max-width:768px){.search-box.diy-search{flex-direction:column;gap:.75rem;padding:.75rem}.search-box.diy-search .search-btn{margin-left:0;width:100%}.suggestion-tags{justify-content:flex-start}.suggestion-tag{font-size:.85rem;padding:.5rem 1rem}.videos-grid{grid-template-columns:1fr}}@media (max-width:480px){.search-box.diy-search{border-radius:.75rem}.search-suggestions p{text-align:left}.suggestion-tags{gap:.5rem}}.youtube-results .results-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.results-count{color:#6b7280;color:var(--text-light);font-size:.9rem;font-weight:500;margin-left:auto}.videos-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:1.5rem}.video-card{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;cursor:pointer;overflow:hidden;transition:all .3s ease}.video-card:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.video-thumbnail{height:180px;overflow:hidden;position:relative}.video-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.play-overlay{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-card:hover .play-overlay{opacity:1}.play-overlay span{font-size:.9rem;font-weight:500}.video-duration{background:#000c;border-radius:.25rem;bottom:.5rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:.5rem}.video-info{padding:1.25rem}.video-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;color:var(--text-dark);display:-webkit-box;font-size:1rem;line-height:1.3;margin:0 0 .5rem;overflow:hidden}.channel{color:#10b981;color:var(--primary-green);font-size:.85rem;font-weight:600;margin:0 0 .5rem}.description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.description,.empty-state{color:#6b7280;color:var(--text-light)}.empty-state{padding:3rem 2rem;text-align:center}.empty-icon{margin-bottom:1rem;opacity:.5}.empty-state h3{color:#1f2937;color:var(--text-dark);font-size:1.5rem;margin-bottom:1rem}.empty-state p{font-size:1.1rem;line-height:1.5;margin:0 auto 2rem;max-width:500px}.feature-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-left:auto;margin-right:auto;margin-top:2rem;max-width:800px}.feature-card{background:#fafafa;background:var(--background);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;padding:1.5rem;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card svg{color:#10b981;color:var(--primary-green);margin-bottom:1rem}.feature-card h4{color:#1f2937;color:var(--text-dark);font-size:1.1rem;margin:0 0 .5rem}.feature-card p{font-size:.9rem;line-height:1.4;margin:0}.feature-card p,.loading-container{color:#6b7280;color:var(--text-light)}.loading-container{padding:3rem 2rem;text-align:center}.loading-container p{font-size:1rem;margin-top:1rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.diy-container{padding:1.5rem}.diy-tabs{flex-direction:column}.diy-tabs .tab-button{justify-content:center}.upload-area{min-height:150px;padding:2rem 1rem}.upload-area.has-image{padding:1rem}.analysis-actions{flex-direction:column}.analyze-btn{width:100%}.feature-cards,.projects-grid,.videos-grid{grid-template-columns:1fr}.diy-search{flex-direction:column}.search-btn{width:100%}.suggestion-tags{justify-content:flex-start}}@media (max-width:480px){.diy-container{padding:1rem}.upload-area{padding:1.5rem 1rem}.project-card,.video-info{padding:1rem}}.login-page{align-items:center;background:#fafafa;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{max-width:500px;width:100%}.login-card{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);padding:3rem;transition:all .3s ease}.login-header{margin-bottom:2.5rem;text-align:center}.login-icon{align-items:center;background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border-radius:50%;box-shadow:0 8px 20px #10b9814d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.login-header h1{color:#1f2937;color:var(--text-dark);font-size:2rem;font-weight:800;margin-bottom:.5rem}.login-header p{color:#6b7280;color:var(--text-light);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.75rem}.form-group label{align-items:center;display:flex;gap:.5rem}.form-group input{background:#fafafa;background:var(--background);border:2px solid #10b981;border:2px solid var(--border);border-radius:.75rem;color:#1f2937;color:var(--text-dark);font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease}.form-group input:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.password-input{position:relative}.password-input input{padding-right:3.5rem;width:100%}.password-toggle{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#10b981;color:var(--primary-green)}.error-message{background:#fed7d7;border:1px solid #fc8181;border-radius:.75rem;color:#c53030;font-size:.9rem;font-weight:500;padding:1rem 1.25rem;text-align:center}.btn-login{background:linear-gradient(135deg,#10b981,#0d9488);background:var(--gradient-primary);border:none;border-radius:.75rem;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1.125rem 1.5rem;position:relative;transition:all .3s ease}.btn-login:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-login:hover:not(:disabled):before{left:100%}.btn-login:hover:not(:disabled){background:#059669;background:var(--primary-green-dark);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem}.link-button{background:none;border:none;color:#10b981;color:var(--primary-green);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem;transition:all .3s ease}.link-button:hover{color:#059669;color:var(--primary-green-dark);transform:translateX(4px)}[data-theme=dark] .login-card{background:#fff;background:var(--surface);box-shadow:0 20px 60px #00000080}[data-theme=dark] .error-message{background:#fed7d71a;border-color:#fc8181}@media (max-width:768px){.login-page{padding:1.5rem}.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}.login-icon{height:70px;width:70px}.login-footer{align-items:center;flex-direction:column}.link-button{text-align:center}}@media (max-width:480px){.login-page{padding:1rem}.login-card{padding:1.5rem 1.25rem}.login-header h1{font-size:1.5rem}.form-group input{padding:.875rem 1rem}.btn-login{padding:1rem 1.25rem}}.avl-page{background:#fafafa;background:var(--background);min-height:100vh;padding:2rem 0}.avl-container{margin:0 auto;max-width:1400px;padding:0 2rem}.avl-header{flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.avl-header,.avl-title{align-items:center;display:flex}.avl-title{gap:1rem}.avl-title svg{color:#10b981;color:var(--primary-green)}.avl-title h1{color:#1f2937;color:var(--text-dark);font-size:2rem;font-weight:800;margin:0}.avl-title p{color:#6b7280;color:var(--text-light);margin:.25rem 0 0}.tree-toggle{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:.75rem;display:flex;gap:.5rem;padding:.5rem}.tree-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.tree-btn.active{background:#10b981;background:var(--primary-green);color:#fff}.tree-btn:hover:not(.active){background:#fafafa;background:var(--background)}.avl-message{align-items:center;border-radius:.75rem;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.avl-message.success{background:#10b9811a;border:1px solid #10b981;border:1px solid var(--primary-green);color:#10b981;color:var(--primary-green)}.avl-message.error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.avl-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.search-controls{display:flex;flex-wrap:wrap;gap:.75rem}.search-controls input{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:.75rem;color:#1f2937;color:var(--text-dark);flex:1 1;font-size:1rem;min-width:250px;padding:.875rem 1.25rem}.search-controls input:focus{border-color:#10b981;border-color:var(--primary-green);outline:none}.display-controls{display:flex;flex-wrap:wrap;gap:.75rem}.btn-outline,.btn-primary{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s}.btn-primary{background:#10b981;background:var(--primary-green);border:none;color:#fff}.btn-primary:hover{background:#059669;background:var(--primary-green-dark);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #10b981;border:2px solid var(--border)}.btn-outline,.btn-outline:hover{color:#1f2937;color:var(--text-dark)}.btn-outline:hover{background:#f59e0b;background:var(--accent-orange);border-color:#f59e0b;border-color:var(--accent-orange)}.avl-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:.75rem;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.stat-card strong{color:#6b7280;color:var(--text-light);font-size:.875rem}.stat-card span{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:700}.plants-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.avl-plant-item{position:relative}.plant-actions{display:flex;gap:.5rem;position:absolute;right:.75rem;top:.75rem;z-index:10}.btn-delete{align-items:center;background:#f59e0b;background:var(--accent-orange);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s}.btn-delete:hover{background:#059669;background:var(--primary-green-dark);transform:scale(1.1)}.no-results{color:#6b7280;color:var(--text-light);padding:4rem 2rem;text-align:center}.no-results svg{color:#10b981;color:var(--primary-green);margin-bottom:1rem}.no-results p{font-size:1.25rem;margin:.5rem 0}.no-results .hint{color:#6b7280;color:var(--text-light);font-size:.875rem}@media (max-width:768px){.avl-header{align-items:flex-start}.avl-header,.search-controls{flex-direction:column}.search-controls input{min-width:100%}}.insert-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.insert-modal-content{background:#fff;background:var(--surface);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.insert-modal-header{align-items:center;background:#fff;background:var(--surface);border-bottom:2px solid #10b981;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.insert-modal-header h2{color:#1f2937;color:var(--text-dark);font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;padding:0;transition:all .3s}.modal-close:hover{color:#1f2937;color:var(--text-dark);transform:scale(1.1)}.insert-form{padding:2rem}.form-section{border-bottom:1px solid #10b981;border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:2rem}.form-section h3{color:#1f2937;color:var(--text-dark);font-size:1.1rem;font-weight:700;margin:0 0 1.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:#1f2937;color:var(--text-dark);font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fafafa;background:var(--background);border:2px solid #10b981;border:2px solid var(--border);border-radius:.75rem;color:#1f2937;color:var(--text-dark);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.category-checkbox{align-items:center;background:#fafafa;background:var(--background);border:2px solid #10b981;border:2px solid var(--border);border-radius:.75rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s}.category-checkbox:hover{border-color:#10b981;border-color:var(--primary-green)}.category-checkbox input{cursor:pointer;height:18px;width:18px}.category-checkbox span{color:#1f2937;color:var(--text-dark);font-weight:500}.featured-checkbox{align-items:center;cursor:pointer;display:flex;gap:.75rem}.featured-checkbox input{cursor:pointer;height:20px;width:20px}.featured-checkbox span{color:#1f2937;color:var(--text-dark);font-weight:600}.insert-error{background:#ef44441a;border:1px solid #ef4444;border-radius:.75rem;color:#ef4444;margin:1rem 2rem 0;padding:1rem 1.5rem}.insert-error p{margin:0}.insert-form-actions{border-top:1px solid #10b981;border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirm-dialog{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;width:90%}.confirm-dialog h3{color:#1f2937;color:var(--text-dark);font-size:1.25rem;margin:0 0 1rem}.confirm-dialog p{color:#6b7280;color:var(--text-light);line-height:1.5;margin:0 0 1.5rem}.confirm-buttons{display:flex;gap:1rem;justify-content:flex-end}.confirm-btn-cancel,.confirm-btn-confirm{border:none;border-radius:.75rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.confirm-btn-cancel{background:#0000;border:2px solid #10b981;border:2px solid var(--border);color:#1f2937;color:var(--text-dark)}.confirm-btn-cancel:hover:not(:disabled){background:#fafafa;background:var(--background)}.confirm-btn-confirm{background:#f59e0b;background:var(--accent-orange);color:#fff}.confirm-btn-confirm:hover:not(:disabled){background:#059669;background:var(--primary-green-dark);transform:translateY(-2px)}.confirm-btn-cancel:disabled,.confirm-btn-confirm:disabled{cursor:not-allowed;opacity:.6}.message-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;padding:0;transition:transform .2s}.message-close:hover{transform:scale(1.2)}@media (max-width:768px){.insert-modal-content{max-height:95vh}.form-grid{grid-template-columns:1fr}.insert-form,.insert-modal-header{padding:1.5rem}.categories-grid{grid-template-columns:repeat(2,1fr)}}.admin-alert{align-items:center;background:#fafafa;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:2rem}.admin-alert-content{background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);max-width:500px;padding:3rem 2rem;text-align:center}.admin-alert-content svg{color:#f59e0b;color:var(--accent-orange);margin-bottom:1.5rem}.admin-alert-content h2{color:#1f2937;color:var(--text-dark);font-size:1.75rem;margin:0 0 1rem}.admin-alert-content p{color:#6b7280;color:var(--text-light);font-size:1rem;line-height:1.6;margin:.5rem 0}.admin-alert-content .sub-text{font-weight:600;margin:1.5rem 0 2rem}.admin-alert-content .btn-primary{margin-top:1rem}.btn-disabled{cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important}.btn-delete.btn-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.avl-image-showcase{align-items:center;background:#fff;background:var(--surface);border:2px solid #10b981;border:2px solid var(--border);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);display:flex;justify-content:center;margin-bottom:2.5rem;padding:1.5rem;width:100%}.avl-tree-image{border-radius:.75rem;height:258px;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease;width:412px}.avl-tree-image:hover{box-shadow:0 8px 24px #00000026;transform:scale(1.05)}@media (max-width:768px){.avl-image-showcase{margin-bottom:2rem;padding:1rem}.avl-tree-image{height:auto;max-width:412px;width:100%}}@media (max-width:480px){.avl-image-showcase{margin-bottom:1.5rem;padding:.75rem}}.dm-page{background:#fafafa;background:var(--background);min-height:100vh}.dm-header-section{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-green) 0,#059669 100%);box-shadow:0 4px 20px #10b98133;color:#fff;padding:2rem}.dm-header-content{align-items:center;display:flex;gap:2rem;margin:0 auto;max-width:1600px}.dm-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:1rem;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.dm-header-text{flex:1 1}.dm-header-section h1{font-size:2rem;font-weight:700;margin:0}.dm-header-section p{font-size:.95rem;margin:.5rem 0 0;opacity:.9}.dm-message{align-items:center;animation:slideDown .3s ease;border-radius:.75rem;display:flex;gap:1rem;margin:1.5rem auto;max-width:1600px;padding:1rem 1.5rem}.dm-message-success{background:#d1fae5;border:2px solid #10b981;color:#047857}.dm-message-error{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.dm-message-icon{flex-shrink:0}.dm-message-text{flex:1 1;font-weight:500}.dm-message-close{background:none;border:none;cursor:pointer;opacity:.7;padding:.25rem;transition:opacity .2s}.dm-message-close:hover{opacity:1}.dm-main-wrapper{margin:0 auto;max-width:1600px;padding:2rem}.dm-card{background:#fff;background:var(--surface);border:1px solid #10b981;border:1px solid var(--border);border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.dm-card h2{font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.dm-card h2,.dm-card h3{color:#1f2937;color:var(--text-dark)}.dm-card h3{font-size:.95rem;font-weight:600;margin:1.5rem 0 1rem}.dm-top-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr;margin-bottom:2rem}.dm-controls-section{display:flex;flex-direction:column}.dm-controls-section .dm-card{max-height:550px;overflow-y:auto}.dm-input-group{margin-bottom:1.25rem}.dm-input-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.dm-input-group label,.dm-select{color:#1f2937;color:var(--text-dark)}.dm-select{background:#fafafa;background:var(--background);border:2px solid #10b981;border:2px solid var(--border);border-radius:.5rem;cursor:pointer;font-size:.85rem;font-weight:500;padding:.75rem 1rem;transition:all .3s;width:100%}.dm-select:focus,.dm-select:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.dm-routes-section{border-top:2px solid #10b981;border-top:2px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.dm-routes-container{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.dm-delivery-card{grid-gap:1rem;align-items:center;background:#fafafa;background:var(--background);border:2px solid #10b981;border:2px solid var(--border);border-radius:.75rem;cursor:pointer;display:grid;gap:1rem;grid-template-columns:50px 1fr 110px;padding:1.25rem;transition:all .3s}.dm-delivery-card:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.dm-delivery-card.dm-selected{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border:2px solid #10b981;border:2px solid var(--primary-green);box-shadow:0 0 15px #10b98133}.dm-delivery-rank{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-green),#059669);border-radius:.4rem;color:#fff;font-size:.65rem;font-weight:700;height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:.65rem .35rem;text-align:center;text-overflow:clip;white-space:nowrap}.dm-delivery-info{display:flex;flex-direction:column;gap:.35rem}.dm-delivery-from{color:#1f2937;color:var(--text-dark);font-size:1rem;font-weight:700}.dm-delivery-time{color:#10b981;color:var(--primary-green);font-size:.8rem;font-weight:600}.dm-delivery-distance{color:#6b7280;color:var(--text-light);font-size:.75rem}.dm-buy-btn{align-items:center;background:#10b981;background:var(--primary-green);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s;white-space:nowrap}.dm-buy-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.dm-no-options{background:#fafafa;background:var(--background);border:2px dashed #10b981;border:2px dashed var(--border);border-radius:.75rem;color:#6b7280;color:var(--text-light);margin-top:2rem;padding:2rem;text-align:center}.dm-no-options svg{margin-bottom:1rem;opacity:.5}.dm-map-card,.dm-map-section{display:flex;flex-direction:column}.dm-map-card{min-height:550px;overflow:hidden;padding:0}.dm-map-container{height:550px;width:100%}.dm-placeholder{align-items:center;color:#6b7280;color:var(--text-light);display:flex;flex-direction:column;gap:1rem;height:550px;justify-content:center}.dm-placeholder h3{color:#1f2937;color:var(--text-dark);margin:0}.dm-popup{font-size:.85rem}.dm-popup strong{color:#1f2937;color:var(--text-dark);display:block;font-size:.95rem;margin-bottom:.5rem}.dm-popup-airport{color:#6b7280;color:var(--text-light);font-weight:500}.dm-popup-airport,.dm-popup-code{font-size:.75rem;margin-bottom:.5rem}.dm-popup-code{color:#10b981;color:var(--primary-green);font-weight:600}.dm-popup-label{background:#10b981;background:var(--primary-green);border-radius:.25rem;color:#fff;font-size:.7rem;font-weight:600;margin-top:.5rem;padding:.25rem .5rem}.dm-matrix-section{margin-top:2rem}.dm-matrix-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.dm-matrix-header h2{margin:0}.dm-matrix-wrapper{border:1px solid #10b981;border:1px solid var(--border);border-radius:.5rem;overflow-x:auto}.dm-matrix-table{border-collapse:collapse;font-size:.8rem;width:100%}.dm-matrix-table td,.dm-matrix-table th{border:1px solid #10b981;border:1px solid var(--border);color:#1f2937;color:var(--text-dark);padding:.6rem;text-align:center}.dm-matrix-table th{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-green),#059669);color:#fff;font-weight:700}.dm-matrix-table td.dm-connected{background:#dbeafe;color:#0369a1;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.dm-top-section{grid-template-columns:1fr}.dm-map-container{height:400px}.dm-delivery-card{grid-template-columns:45px 1fr 100px}}@media (max-width:768px){.dm-main-wrapper{padding:1rem}.dm-card{padding:1.5rem}.dm-matrix-table{font-size:.65rem}.dm-matrix-table td,.dm-matrix-table th{padding:.4rem}.dm-delivery-card{gap:.75rem;grid-template-columns:1fr}.dm-buy-btn{width:100%}}@media (prefers-color-scheme:dark){.dm-message-success{background:#064e3b;border-color:#10b981;color:#ecfdf5}.dm-message-error{background:#7f1d1d;border-color:#ef4444;color:#fee2e2}.dm-delivery-rank{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-green),#059669);color:#fff}.dm-delivery-card.dm-selected .dm-delivery-distance,.dm-delivery-card.dm-selected .dm-delivery-from,.dm-delivery-card.dm-selected .dm-delivery-path{color:#000}}.dm-delivery-path{color:#6b7280;color:var(--text-light);font-size:.7rem;font-weight:500;line-height:1.2;margin:.25rem 0;word-break:break-word}@media (prefers-color-scheme:dark){.dm-delivery-path{color:#6b7280;color:var(--text-light)}}
/*# sourceMappingURL=main.a1c8864b.css.map*/