.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000001a;border:1px solid rgba(255,255,255,.2)}.login-header{text-align:center;margin-bottom:32px}.logo h2{color:#667eea;font-size:32px;font-weight:700;margin:0 0 16px;letter-spacing:-.5px}.login-header h1{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#718096;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-btn{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.signup-section{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.signup-text{color:#718096;margin:0;font-size:15px}.signup-link{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .3s ease;font-size:15px}.signup-link:hover{color:#764ba2}.forgot-password{text-align:right;margin-top:-8px}.forgot-password button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;text-decoration:underline;transition:color .3s ease}.forgot-password button:hover{color:#764ba2}.social-login{margin:20px 0}.social-divider{display:flex;align-items:center;margin:20px 0;color:#718096;font-size:14px}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.social-divider span{padding:0 16px}.social-buttons{display:flex;gap:12px}.social-btn{flex:1;padding:12px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500}.social-btn:hover{border-color:#667eea;transform:translateY(-1px)}.social-btn.google{color:#db4437}.social-btn.facebook{color:#4267b2}@media(max-width:480px){.login-container{padding:16px}.login-card{padding:24px}.login-header h1{font-size:24px}.logo h2{font-size:28px}.social-buttons{flex-direction:column}}@media(prefers-color-scheme:dark){.login-card{background:#2d3748f2;color:#e2e8f0}.login-header h1{color:#f7fafc}.login-header p{color:#a0aec0}.form-input{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.form-input::placeholder{color:#718096}.social-btn{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.signup-text{color:#a0aec0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeInUp .6s ease-out}.form-group{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.login-btn{animation:fadeInUp .6s ease-out;animation-delay:.3s;animation-fill-mode:both}.signup-section{animation:fadeInUp .6s ease-out;animation-delay:.4s;animation-fill-mode:both}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.signup-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000001a;border:1px solid rgba(255,255,255,.2)}.signup-header{text-align:center;margin-bottom:32px}.signup-header h2{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.signup-header p{color:#718096;font-size:16px;margin:0}.signup-form{display:flex;flex-direction:column;gap:20px}.profile-pic-section{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.profile-pic-container{position:relative;display:inline-block;margin-bottom:12px}.profile-pic-upload{width:120px;height:120px;border-radius:50%;background:#f7fafc;border:2px dashed #cbd5e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.profile-pic-upload:hover{border-color:#667eea;background:#edf2f7}.profile-pic-preview{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-pic-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#a0aec0}.profile-pic-placeholder svg{color:#cbd5e0}.profile-pic-overlay{position:absolute;inset:0;background:#667eeacc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:50%}.profile-pic-upload:hover .profile-pic-overlay{opacity:1}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:32px;height:32px;background:#e53e3e;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0003}.remove-image-btn:hover{background:#c53030;transform:scale(1.1)}.file-hint{color:#718096;font-size:14px;text-align:center;margin:0}.form-label{color:#4a5568;font-weight:600;font-size:14px}.form-input{padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff}.form-input::placeholder{color:#a0aec0}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fed7d7;color:#c53030;border-radius:12px;font-size:14px;border-left:4px solid #f56565}.error-message svg{flex-shrink:0}.submit-btn{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.login-link{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.login-link p{color:#718096;margin:0}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .3s ease}.link-btn:hover{color:#764ba2}@media(max-width:480px){.signup-container{padding:16px}.signup-card{padding:24px}.signup-header h2{font-size:24px}.profile-pic-upload{width:100px;height:100px}}@media(prefers-color-scheme:dark){.signup-card{background:#2d3748f2;color:#e2e8f0}.signup-header h2{color:#f7fafc}.signup-header p{color:#a0aec0}.form-input{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.form-input::placeholder{color:#718096}.profile-pic-upload{background:#2d3748;border-color:#4a5568}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;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{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;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{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.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;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.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{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{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-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height: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{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.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);width:36px;height: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{width:44px;height: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{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;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{height:0;border-top:1px solid #ddd;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{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.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{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.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{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.notification-container{max-width:600px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.notification-header h1{margin:0;font-size:1.5rem;color:#333}.mark-all-read-button{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.mark-all-read-button:hover{background:#0056b3}.notification-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef}.tab-button{flex:1;background:none;border:none;padding:16px;cursor:pointer;font-size:1rem;color:#666;position:relative;transition:all .2s}.tab-button.active{color:#007bff;font-weight:600;border-bottom:2px solid #007bff}.tab-button:hover:not(.active){background:#e9ecef}.badge{background:#dc3545;color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;margin-left:8px}.notification-content{min-height:400px}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.error-message{text-align:center;padding:40px 20px;color:#dc3545}.retry-button{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:12px}.empty-state{text-align:center;padding:60px 20px;color:#666}.requests-list,.notifications-list{padding:0}.friend-request-item{padding:16px 20px;border-bottom:1px solid #e9ecef;transition:background-color .2s}.friend-request-item:hover{background:#f8f9fa}.request-content{display:flex;justify-content:space-between;align-items:center}.sender-info{display:flex;align-items:center;gap:12px}.sender-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.sender-details{display:flex;flex-direction:column}.sender-name{font-weight:600;margin:0;color:#333}.request-text{margin:0;color:#666;font-size:.875rem}.request-actions{display:flex;gap:8px}.accept-button,.decline-button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.accept-button{background:#28a745;color:#fff}.accept-button:hover{background:#218838}.decline-button{background:#6c757d;color:#fff}.decline-button:hover{background:#545b62}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #e9ecef;cursor:pointer;transition:all .2s;position:relative}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#f0f7ff}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#007bff}.notification-content{flex:1}.notification-message{margin:0 0 4px;color:#333;line-height:1.4}.notification-time{color:#666;font-size:.75rem}.delete-button{background:none;border:none;font-size:1.25rem;color:#999;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.delete-button:hover{background:#dc3545;color:#fff}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.notification-item,.friend-request-item,.tab-button,button{transition:none}}@media(max-width:768px){.notification-container{margin:0;border-radius:0;min-height:100vh}.request-content{flex-direction:column;align-items:flex-start;gap:12px}.request-actions{width:100%;justify-content:flex-end}.notification-item{flex-direction:column;gap:12px}.delete-button{align-self:flex-end}}button:focus-visible,.notification-item:focus-visible{outline:2px solid #007bff;outline-offset:2px}.mainMenu{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.mainMenu__grid{display:grid;grid-template-columns:repeat(var(--columns, 3),minmax(0,1fr));gap:clamp(6px,1.4vmin,12px);width:min(52vmin,300px);margin:0 auto}.mainMenu__grid[style*="--columns: 2"]{width:min(50vmin,260px)}.mainMenu__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:0;border-radius:clamp(8px,1.6vmin,14px);text-decoration:none;color:var(--text-muted, #6b7280);background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);will-change:transform,opacity;animation:smokePour .7s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay, 0ms);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease}@keyframes smokePour{0%{opacity:0;transform:translate(var(--drift-x, 40px),var(--drift-y, 40px)) scale(.3) rotate(8deg);filter:blur(6px)}40%{opacity:.6;filter:blur(2px)}70%{opacity:1;transform:translate(calc(var(--drift-x, 40px) * .15),calc(var(--drift-y, 40px) * .15)) scale(1.05) rotate(-1deg);filter:blur(0)}to{opacity:1;transform:translate(0) scale(1) rotate(0);filter:blur(0)}}.mainMenu__item:hover{transform:translateY(-2px);color:var(--text, #0f172a);border-color:var(--border-strong, #d1d5db);box-shadow:0 4px 12px #0f172a1a}.mainMenu__item:active{transform:translateY(-1px)}.mainMenu__item:focus-visible{outline:2px solid var(--primary, #6366f1);outline-offset:2px}.mainMenu__item.is-active{background:var(--primary-soft, #eef2ff);border-color:var(--primary, #6366f1);color:var(--primary, #6366f1)}.mainMenu__item--danger{color:#ef4444}.mainMenu__item--danger:hover{color:#dc2626;border-color:#ef444466;box-shadow:0 4px 12px #ef44441f}.mainMenu__item--danger.is-active{background:#ef444414;border-color:#ef4444;color:#dc2626}.mainMenu__icon{display:inline-flex;align-items:center;justify-content:center;width:60%;height:60%;font-size:clamp(20px,5vmin,30px);margin-top:2px;transition:transform .15s ease}.mainMenu__item:hover .mainMenu__icon{transform:scale(1.08)}.mainMenu__label{position:absolute;bottom:6%;left:0;right:0;font-size:clamp(8px,1.3vmin,10px);font-weight:600;letter-spacing:.01em;color:inherit;text-align:center;line-height:1;opacity:.85;pointer-events:none}@media(max-width:480px){.mainMenu__grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(50vmin,240px);gap:8px}.mainMenu__icon{font-size:clamp(18px,6vmin,26px)}.mainMenu__label{font-size:8px}}@media(max-width:340px){.mainMenu__grid{grid-template-columns:1fr;width:min(48vmin,180px)}}@media(prefers-reduced-motion:reduce){.mainMenu__item{animation:fadeIn .2s ease-out both;animation-delay:0ms}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}[data-theme=dark] .mainMenu__item{--surface: #111827;--border: #1f2937;--border-strong: #374151;--text: #f9fafb;--text-muted: #9ca3af;--primary-soft: #1e1b4b;background:var(--surface)}[data-theme=dark] .mainMenu__item:hover{background:#1f2937}[data-theme=dark] .mainMenu__item.is-active{color:#a5b4fc;border-color:#6366f1;background:var(--primary-soft)}.ai-assistant-page{min-height:600px;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ai-chat-container{max-width:100%;height:100%;display:flex;flex-direction:column;background:#000}.chat-header{background:#1c1c1c;padding:20px;border-bottom:1px solid #333;text-align:center}.chat-header h2{margin:0 0 8px;color:#fff;font-size:24px;font-weight:600}.chat-header p{margin:0 0 16px;color:#bbb;font-size:14px}.clear-btn{background:#d32f2f;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.clear-btn:hover{background:#b71c1c}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#000;min-height:400px;max-height:500px}.welcome-message{text-align:center;padding:40px 20px;color:#bbb}.welcome-message h3{margin:0 0 12px;color:#fff;font-size:20px}.welcome-message p{margin:0;font-size:14px;line-height:1.5}.message{margin-bottom:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{text-align:right}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:auto}.message.assistant .message-content{background:#2d2d2d;color:#fff;text-align:left}.message-content{max-width:80%;padding:12px 16px;border-radius:18px;margin-bottom:8px;word-wrap:break-word}.message-content p{margin:0;line-height:1.4;font-size:14px}.message.loading{text-align:left}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#667eea;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.app-results{margin-top:16px}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.result-card{background:#1c1c1c;border:1px solid #333;border-radius:12px;padding:16px;transition:all .3s ease}.result-card:hover{transform:translateY(-2px);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.result-card h4{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600}.result-card p{margin:0 0 8px;color:#bbb;font-size:13px}.tag{display:inline-block;background:#333;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;margin-right:6px;margin-bottom:8px}.price{display:block;color:#4caf50;font-weight:600;font-size:14px;margin:8px 0}.open-app-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease;margin-top:8px}.open-app-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.quick-actions{padding:20px;background:#1c1c1c;border-top:1px solid #333}.quick-actions h4{margin:0 0 12px;color:#fff;font-size:16px;text-align:center}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.quick-action-btn{background:#2d2d2d;color:#fff;border:1px solid #444;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .3s ease;text-align:center}.quick-action-btn:hover:not(:disabled){background:#3d3d3d;border-color:#667eea;transform:translateY(-1px)}.quick-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.chat-input{display:flex;gap:12px;padding:20px;background:#1c1c1c;border-top:1px solid #333}.chat-input input{flex:1;background:#2d2d2d;border:1px solid #444;border-radius:25px;padding:12px 20px;color:#fff;font-size:14px;outline:none;transition:border-color .3s ease}.chat-input input:focus{border-color:#667eea}.chat-input input::placeholder{color:#888}.chat-input input:disabled{opacity:.6;cursor:not-allowed}.chat-input button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:80px}.chat-input button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.chat-input button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#1c1c1c}.chat-messages::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.ai-chat-container{height:auto;min-height:500px}.chat-header{padding:16px}.chat-header h2{font-size:20px}.chat-messages{padding:16px;max-height:400px;min-height:300px}.message-content{max-width:90%;padding:10px 14px}.results-grid{grid-template-columns:1fr;gap:10px}.result-card{padding:12px}.actions-grid{grid-template-columns:1fr}.quick-actions{padding:16px}.chat-input{padding:16px;gap:8px}.chat-input input{padding:10px 16px}.chat-input button{padding:10px 20px;min-width:70px}}@media(max-width:480px){.chat-header h2{font-size:18px}.chat-header p{font-size:13px}.message-content{max-width:95%;font-size:13px}.welcome-message{padding:30px 16px}.welcome-message h3{font-size:18px}.welcome-message p{font-size:13px}.quick-action-btn{padding:8px 10px;font-size:12px}}.message:last-child{animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-input input:focus,.quick-action-btn:focus,.open-app-btn:focus,.clear-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media(prefers-contrast:high){.message.user .message-content{background:#05c}.message.assistant .message-content{background:#333;border:1px solid #666}.result-card{border:2px solid #666}}@media(prefers-reduced-motion:reduce){.message,.result-card,.quick-action-btn,.chat-input button,.open-app-btn{animation:none;transition:none}.typing-indicator span{animation:none}}.headerMap{border-bottom:1px solid rgba(224,224,224,.8);width:100%;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;z-index:1100;background-color:#fffffffa;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);height:64px;padding:0 24px;box-sizing:border-box;box-shadow:0 4px 20px #007bff14;transition:all .3s cubic-bezier(.4,0,.2,1)}.map-logo-search{display:flex;align-items:center;position:relative;gap:20px;flex:1;min-width:0}.map-logo-section{display:flex;align-items:center;flex-shrink:0}.map-logo{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #007bff4d;background:linear-gradient(135deg,#667eea,#764ba2);padding:2px}.map-search-icon{width:22px;height:22px;cursor:pointer;color:#667eea;padding:8px;border-radius:50%;background:linear-gradient(135deg,#667eea1a,#764ba21a);flex-shrink:0;transition:all .3s ease}.map-search-icon:hover{transform:scale(1.1);background:linear-gradient(135deg,#667eea33,#764ba233)}.map-search-expanded{position:absolute;left:60px;top:50%;transform:translateY(-50%);width:calc(100% - 80px);min-width:200px;max-width:600px;z-index:1101;animation:mapSearchSlideIn .3s ease-out}@keyframes mapSearchSlideIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.map-profile-section{display:flex;align-items:center;gap:10px;flex-shrink:0}.map-profile-section.map-compressed{opacity:.6}.map-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:none;color:#667eea;cursor:pointer;transition:all .25s ease;text-decoration:none;-webkit-tap-highlight-color:transparent}.map-nav-icon svg{font-size:22px;display:block}.map-nav-icon:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-2px)}.map-nav-icon--add-place{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.map-nav-icon--add-place:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea99}.map-nav-icon--active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.map-add-place-icon{font-size:1.35rem}.map-nav-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-size:.68rem;font-weight:700;line-height:18px;text-align:center;border-radius:9px;border:2px solid #fff;box-sizing:content-box}.map-add-place-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:#4caf50;border-radius:50%;animation:mapPulse 2s infinite}@keyframes mapPulse{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.8}}.map-profile-avatar-container{position:relative;margin-left:4px}.map-profile-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 15px #667eea4d}.map-username{font-size:14px;font-weight:600;color:#2d3748;margin:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-header-spacer{height:64px}.map-options-box{position:absolute;top:70px;right:130px;background-color:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;z-index:1001;min-width:260px;padding:20px;border:1px solid #f0f0f0;animation:mapFadeInUp .2s ease-out}@keyframes mapFadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.map-options-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f5f5f5}.map-options-header h4{margin:0;font-size:18px;font-weight:600;color:#333}.map-options-header p{margin:4px 0 0;font-size:13px;color:#666}.map-options-list{display:flex;flex-direction:column;gap:4px}.map-option-item{display:flex;align-items:center;width:100%;padding:14px 16px;border:none;background:none;cursor:pointer;border-radius:12px;transition:all .2s ease;text-align:left;font-family:inherit}.map-option-item:hover{background-color:#f8f9ff;transform:translate(4px)}.map-option-icon{font-size:20px;margin-right:14px;flex-shrink:0}.map-option-icon-place{color:#4caf50}.map-option-icon-post{color:#2196f3}.map-option-icon-job{color:#ff9800}.map-option-icon-event{color:#9c27b0}.map-option-content{display:flex;flex-direction:column}.map-option-text{font-size:15px;font-weight:500;color:#333}.map-option-description{font-size:12px;color:#888}.map-placebox-container{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#000000b3!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;animation:mapFadeIn .3s ease!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;padding:20px!important;box-sizing:border-box!important;overflow:auto!important;visibility:visible!important;opacity:1!important}.map-placebox-animate{animation:mapFadeInBounce .8s cubic-bezier(.68,-.55,.265,1.55)!important}@keyframes mapFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mapFadeInBounce{0%{opacity:0;transform:scale(.9)}60%{opacity:.8;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.map-placebox-container .add-places-modal{width:100%!important;max-width:500px!important;max-height:85vh!important;background:#fff!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important;overflow:hidden!important;position:relative!important;animation:mapModalSlideUp .3s ease-out!important}@keyframes mapModalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.add-places-modal{background:#fff;border-radius:20px;overflow:hidden;width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column}.add-places-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-places-modal .modal-header h2{margin:0;font-size:24px;font-weight:600}.add-places-modal .close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.add-places-modal .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.add-places-modal .modal-content{padding:24px;overflow-y:auto;flex:1}.add-places-modal .modal-content::-webkit-scrollbar{width:6px}.add-places-modal .modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.add-places-modal .modal-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.add-places-modal .form-group{margin-bottom:20px}.add-places-modal .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.add-places-modal .form-group input,.add-places-modal .form-group textarea,.add-places-modal .form-group select{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:10px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.add-places-modal .form-group input:focus,.add-places-modal .form-group textarea:focus,.add-places-modal .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-places-modal .form-group textarea{min-height:100px;resize:vertical}.add-places-modal .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid #eaeaea}.add-places-modal .form-actions button{padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.add-places-modal .form-actions button[type=button]{background:#f5f5f5;color:#666}.add-places-modal .form-actions button[type=button]:hover{background:#eaeaea}.add-places-modal .form-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-places-modal .form-actions button[type=submit]:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}body.map-modal-open{overflow:hidden}.map-ai-assistant-floating{position:fixed;bottom:100px;right:24px;width:380px;height:500px;background:#fffffff2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:20px;box-shadow:0 20px 60px #667eea40;z-index:10000;display:flex;flex-direction:column;transition:all .4s ease;border:1px solid rgba(102,126,234,.2);overflow:hidden}.map-ai-assistant-floating.map-minimized{width:60px;height:60px;bottom:100px;right:24px}.map-ai-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.map-ai-assistant-floating.map-minimized .map-ai-header{border-radius:20px;padding:12px;justify-content:center}.map-ai-header-left{display:flex;align-items:center;gap:12px}.map-ai-icon{font-size:20px}.map-ai-title{font-weight:600;font-size:16px}.map-ai-header-actions{display:flex;gap:8px}.map-ai-minimize-btn,.map-ai-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.map-ai-content{flex:1;overflow:hidden}.map-dropdowns{position:fixed;top:64px;right:24px;z-index:1200}.map-main-menu-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1500;display:flex;align-items:center;justify-content:center}.map-mobile-topbar,.map-mobile-topbar-spacer,.map-bottom-nav{display:none}@media(max-width:768px){.headerMap{display:none}.map-mobile-topbar{display:block;position:fixed;top:0;left:0;right:0;z-index:1100;background:#fffffffa;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-bottom:1px solid rgba(224,224,224,.8);box-shadow:0 4px 20px #007bff14;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top))}.map-mobile-topbar .postbox-compact{width:100%}.map-mobile-topbar-spacer{display:block;height:76px}.map-header-spacer{height:0}.map-bottom-nav{display:flex;align-items:stretch;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:1100;background:#fffffffa;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(102,126,234,.12);box-shadow:0 -2px 16px #667eea14;padding:0 4px env(safe-area-inset-bottom) 4px;height:calc(58px + env(safe-area-inset-bottom));box-sizing:border-box}.map-nav-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;margin:4px 2px;border-radius:10px;background:transparent;border:none;color:#667eea;text-decoration:none;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.map-nav-item:active{background:#667eea1a;transform:scale(.96)}.map-nav-item.active{color:#764ba2}.map-nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px}.map-nav-icon-wrap svg{font-size:20px;display:block;line-height:1}.map-nav-label{font-size:10px;font-weight:600;letter-spacing:.01em;line-height:1;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.map-nav-badge{position:absolute;top:-5px;right:-8px;min-width:16px;height:16px;padding:0 4px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-size:9px;font-weight:700;line-height:16px;text-align:center;border-radius:8px;border:1.5px solid #fff;box-shadow:0 1px 3px #00000026;box-sizing:content-box}.map-search-expanded{width:calc(100vw - 160px);left:70px}.map-options-box:not(.map-options-box-mobile){right:20px;left:auto;min-width:260px}.map-placebox-container{padding:10px!important}.add-places-modal{max-width:95%!important;max-height:90vh!important}.map-ai-assistant-floating{width:calc(100vw - 48px);height:60vh;right:24px;left:24px;bottom:90px}.map-ai-assistant-floating.map-minimized{width:60px;height:60px;right:24px;left:auto;bottom:90px}}@media(max-width:480px){.map-mobile-topbar{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top))}.map-mobile-topbar-spacer{height:70px}.map-search-expanded{width:calc(100vw - 140px);left:60px}.map-options-box-mobile{right:10px;left:10px}.map-option-item{padding:12px 14px}.map-option-icon{font-size:18px;margin-right:12px}.map-option-text{font-size:14px}.add-places-modal{max-width:98%!important;max-height:92vh!important;border-radius:16px!important}.add-places-modal .modal-header{padding:16px!important}.add-places-modal .modal-header h2{font-size:20px!important}.add-places-modal .modal-content{padding:16px!important}.map-ai-assistant-floating{width:calc(100vw - 32px);height:55vh;right:16px;left:16px;bottom:80px}.map-ai-assistant-floating.map-minimized{width:56px;height:56px;right:16px;bottom:80px}}@media(max-width:380px){.map-nav-label{font-size:9px}.map-nav-icon-wrap svg{font-size:18px}}@media(min-width:769px){.headerMap{display:flex}.map-bottom-nav,.map-mobile-topbar,.map-mobile-topbar-spacer{display:none!important}}.dropdown-home{position:absolute;top:0;right:24px;background-color:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;z-index:1001;min-width:260px;padding:20px;border:1px solid #f0f0f0;animation:dropdownHomeFadeInUp .2s ease-out}@keyframes dropdownHomeFadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-home-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f5f5f5}.dropdown-home-header h4{margin:0;font-size:18px;font-weight:600;color:#333}.dropdown-home-header p{margin:4px 0 0;font-size:13px;color:#666}.dropdown-home-list{display:flex;flex-direction:column;gap:4px}.dropdown-home-item{display:flex;align-items:center;width:100%;padding:14px 16px;border:none;background:none;cursor:pointer;border-radius:12px;transition:all .2s ease;text-align:left;font-family:inherit;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.dropdown-home-item:hover{background-color:#f8f9ff;transform:translate(4px);text-decoration:none}.dropdown-home-item:visited{color:inherit}.dropdown-home-icon{font-size:20px;margin-right:14px;flex-shrink:0;transition:color .2s ease}.dropdown-home-icon--place{color:#4caf50}.dropdown-home-icon--post{color:#2196f3}.dropdown-home-icon--job{color:#ff9800}.dropdown-home-icon--event{color:#9c27b0}.dropdown-home-content{display:flex;flex-direction:column;flex:1;min-width:0}.dropdown-home-text{font-size:15px;font-weight:500;color:#333}@media(max-width:768px){.dropdown-home{right:20px;left:auto;min-width:260px}}@media(max-width:480px){.dropdown-home{right:10px;left:10px;min-width:unset}.dropdown-home-item{padding:12px 14px}.dropdown-home-icon{font-size:18px;margin-right:12px}.dropdown-home-text{font-size:14px}}.postbox-container{background:#fff;border-radius:16px;border:1px solid #e0e0e0;padding:16px;margin-bottom:16px;transition:all .3s ease}.postbox-container.expanded{box-shadow:0 4px 12px #0000001a}.postbox-header{display:flex;align-items:center;gap:12px;position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.post-input-container{flex:1}.post-input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:24px;background:#f8f9fa;font-size:14px;transition:all .2s}.post-input:focus{outline:none;background:#fff;border-color:#007bff}.post-button-inline{padding:8px 16px;background:#000;color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.post-button-inline:hover:not(:disabled){background:#333}.post-button-inline:disabled{background:#ccc;cursor:not-allowed}.postbox-expanded{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.image-previews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:16px}.remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;background:#000000b3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.media-buttons{display:flex;gap:8px;margin-bottom:16px}.media-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#65676b;cursor:pointer;transition:all .2s;font-size:14px}.media-button:hover{background:#f8f9fa}.media-icon{font-size:16px}.submit-section{display:flex;justify-content:flex-end;gap:8px}.cancel-button{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.cancel-button:hover{background:#f8f9fa}.submit-button{padding:8px 16px;background:#000;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s}.submit-button:hover:not(:disabled){background:#333}.submit-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#fff3f3;border:1px solid #ffcdd2;border-radius:6px;padding:8px 12px;margin-top:8px;color:#d32f2f;font-size:14px}.postbox-compact{background:#fff;border-radius:16px;border:1px solid #e0e0e0;padding:12px}.postbox-header-compact{display:flex;align-items:center;gap:12px}.user-avatar-compact{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar-compact img{width:100%;height:100%;object-fit:cover}.compact-trigger{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:20px;background:#f8f9fa;text-align:left;color:#65676b;cursor:pointer;font-size:14px;transition:all .2s}.compact-trigger:hover{background:#e4e6e9}.postbox-expanded-overlay{inset:0;z-index:999999;background:#0f172a59;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:84px 16px 24px;overflow-y:auto;animation:fadeIn .2s ease}.postbox-expanded-content{background:#fff;border-radius:16px;padding:20px;width:100%;max-width:500px;max-height:calc(100dvh - 108px);overflow-y:auto;box-shadow:0 24px 60px #0000004d;animation:slideUp .25s ease-out}.expanded-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.expanded-header h3{margin:0;font-size:18px}.close-expanded{background:none;border:none;font-size:18px;cursor:pointer;color:#65676b;padding:4px}.user-info-expanded{display:flex;align-items:center;gap:8px;margin-bottom:16px}.user-info-expanded img{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-info-expanded span{font-weight:500;font-size:14px}.post-textarea-expanded{width:100%;min-height:120px;border:1px solid #e0e0e0;border-radius:8px;padding:12px;font-size:14px;resize:vertical;margin-bottom:16px}.post-textarea-expanded:focus{outline:none;border-color:#007bff}.expanded-actions{margin-top:16px}.media-buttons-expanded{display:flex;gap:8px;margin-bottom:16px}.submit-section-expanded{display:flex;justify-content:flex-end;gap:8px}@media(max-width:768px){.postbox-container{border-radius:0;border-left:none;border-right:none}.postbox-expanded-overlay{padding:10px}.postbox-expanded-content{border-radius:12px}}.postbox-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.postbox-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;color:#6b7280;font-size:.75rem;transition:all .2s}.postbox-tab:hover{color:#374151;background-color:#f9fafb}.postbox-tab.active{color:#4f46e5;border-bottom-color:#4f46e5;background-color:#f5f3ff}.postbox-tab svg{font-size:20px;margin-bottom:4px}.postbox-tab span{font-size:.75rem;font-weight:500}.postbox-tab-content{padding:20px 0}.tab-placeholder-icon{font-size:48px;color:#9ca3af;margin-bottom:16px}.tab-placeholder h4{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#111827}.tab-placeholder p{font-size:.875rem;color:#6b7280;max-width:300px;margin:0 auto 24px;line-height:1.5}.tab-action-button{padding:12px 24px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.tab-action-button:hover{background-color:#4338ca}.media-button.postbox-create-event{background-color:#fef3c7;color:#d97706}.media-button.postbox-create-event:hover{background-color:#fde68a}.media-button.postbox-post-job{background-color:#d1fae5;color:#059669}.media-button.postbox-post-job:hover{background-color:#a7f3d0}.media-button.postbox-add-store{background-color:#e0e7ff;color:#4f46e5}.media-button.postbox-add-store:hover{background-color:#c7d2fe}.postbox-expanded-content .postbox-tabs{margin:0 -20px 20px;padding:0 20px}.postbox-expanded-content .tab-placeholder{padding:30px 20px}.postbox-expanded-content .tab-placeholder-icon{font-size:36px}@media(max-width:768px){.postbox-tab{padding:10px 6px;font-size:.7rem}.postbox-tab svg{font-size:18px}.tab-placeholder{padding:30px 15px}.tab-placeholder-icon{font-size:36px}.tab-placeholder h4{font-size:1.125rem}.tab-placeholder p{font-size:.813rem}.tab-action-button{padding:10px 20px;font-size:.813rem}}@media(max-width:480px){.postbox-tab{padding:8px 4px}.postbox-tab svg{font-size:16px}.postbox-tab span{font-size:.7rem}}.postbox-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.postbox-container{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.postbox-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.postbox-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.postbox-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:4px 8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.postbox-close-btn:hover{background:#f8f9fa;color:#333}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.postbox-modal-overlay{padding:60px 10px 10px;align-items:flex-start}.postbox-container{max-height:85vh;border-radius:16px}}.tab-action-button{background:#007bff;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;margin-top:16px;display:inline-block}.tab-action-button:hover{background:#0056b3;transform:translateY(-1px)}.tab-placeholder{text-align:center;padding:40px 20px}.tab-placeholder-icon{font-size:48px;color:#007bff;margin-bottom:16px}.tab-placeholder h4{margin:0 0 8px;color:#1a1a1a;font-size:18px}.tab-placeholder p{margin:0 0 24px;color:#666;font-size:14px;line-height:1.5}.post-job-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.post-job-modal{background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 25px 75px #0000004d;animation:slideUp .4s ease;display:flex;flex-direction:column}.post-job-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.post-job-header-left{display:flex;align-items:center;gap:16px}.post-job-main-icon{font-size:32px;background:#fff3;padding:12px;border-radius:12px}.post-job-header h2{margin:0;font-size:28px;font-weight:700}.post-job-subtitle{margin:4px 0 0;font-size:14px;opacity:.9}.post-job-close-btn{background:#fff3;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:24px;transition:all .2s}.post-job-close-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.post-job-close-btn:disabled{opacity:.5;cursor:not-allowed}.post-job-steps{display:flex;align-items:center;justify-content:center;padding:24px 32px;background:#f8f9ff;border-bottom:1px solid #eef1ff}.step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:36px;height:36px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s}.step.active .step-number{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.step-label{font-size:12px;color:#999;font-weight:500;transition:all .3s}.step.active .step-label{color:#667eea;font-weight:600}.step-divider{width:60px;height:2px;background:#e0e0e0;margin:0 10px;transition:all .3s}.step-divider.active{background:#667eea}.post-job-form{flex:1;overflow-y:auto;padding:32px}.post-job-step{animation:fadeInStep .3s ease}@keyframes fadeInStep{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.step-title{font-size:22px;margin:0 0 28px;color:#333;font-weight:600}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s;background:#fff;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#ff4757}.error-message{color:#ff4757;font-size:13px;margin-top:6px;display:block}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.toggle-group{margin-bottom:20px}.toggle-label{display:flex;align-items:center;cursor:pointer;gap:12px}.toggle-label input{display:none}.toggle-slider{width:50px;height:26px;background:#ddd;border-radius:13px;position:relative;transition:all .3s}.toggle-slider:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s}.toggle-label input:checked+.toggle-slider{background:#4caf50}.toggle-label input:checked+.toggle-slider:after{transform:translate(24px)}.toggle-text{font-weight:500;color:#333;display:flex;align-items:center;gap:6px}.toggle-hint{font-size:12px;color:#666;margin:4px 0 0 62px}.urgent-icon{color:#ff4757}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.option-btn{padding:12px 16px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;cursor:pointer;font-weight:500;transition:all .3s;text-align:center}.option-btn:hover:not(:disabled){border-color:#667eea;transform:translateY(-2px)}.option-btn.selected{background:#667eea;border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea33}.option-btn:disabled{opacity:.6;cursor:not-allowed}.form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 20px;color:#333}.section-icon{color:#667eea;font-size:20px}.section-hint{font-size:13px;color:#666;margin:-10px 0 15px}.budget-type-selector{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.budget-type-btn{padding:10px 16px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.budget-type-btn:hover:not(:disabled){border-color:#667eea}.budget-type-btn.selected{background:#667eea;border-color:#667eea;color:#fff}.budget-inputs{margin-top:20px}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:16px;font-weight:500;color:#555}.input-with-prefix input{padding-left:40px!important}.input-suffix{position:absolute;right:16px;color:#666;font-size:14px}.range-inputs{display:flex;align-items:center;gap:16px}.range-separator{color:#666;font-weight:500;margin-top:24px}.location-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.location-type-btn{padding:16px;border:2px solid #e0e0e0;background:#fff;border-radius:12px;cursor:pointer;text-align:left;transition:all .3s;display:flex;align-items:flex-start;gap:12px}.location-type-btn:hover:not(:disabled){border-color:#667eea;transform:translateY(-2px)}.location-type-btn.selected{border-color:#667eea;background:#f8f9ff;box-shadow:0 4px 12px #667eea1a}.location-type-icon{font-size:24px}.location-type-text{display:flex;flex-direction:column}.location-type-text strong{font-size:15px;color:#333}.location-type-text small{font-size:12px;color:#666;margin-top:4px}.slider-container{margin-top:8px}.slider-container input[type=range]{width:100%;height:6px;background:#e0e0e0;border-radius:3px;outline:none;-webkit-appearance:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer}.slider-value{display:block;text-align:center;margin-top:8px;font-weight:600;color:#667eea}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.skills-input-group,.tags-input-group{display:flex;gap:8px}.skills-input-group input,.tags-input-group input{flex:1}.add-skill-btn,.add-tag-btn{padding:0 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s}.add-skill-btn:hover:not(:disabled),.add-tag-btn:hover:not(:disabled){background:#5a6fd8}.add-skill-btn:disabled,.add-tag-btn:disabled{opacity:.6;cursor:not-allowed}.skills-tags,.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.skill-tag,.tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#f0f2ff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.remove-skill-btn,.remove-tag-btn{background:none;border:none;color:#999;cursor:pointer;font-size:18px;line-height:1;padding:0 2px}.remove-skill-btn:hover,.remove-tag-btn:hover{color:#ff4757}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;gap:12px}.checkbox-custom{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;margin-top:2px;flex-shrink:0;transition:all .3s;position:relative}.checkbox-label input:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.checkbox-label input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-text{display:flex;flex-direction:column;font-weight:500;color:#333}.checkbox-text small{font-size:12px;color:#666;margin-top:4px;font-weight:400}.review-summary{background:#f8f9ff;border-radius:12px;padding:20px;margin:24px 0}.review-title{font-size:16px;margin:0 0 16px;color:#333;font-weight:600}.review-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef1ff}.review-item:last-child{border-bottom:none}.review-label{color:#666;font-weight:500}.review-value{color:#333;font-weight:600;text-align:right}.submit-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffeaea;border-radius:10px;margin:20px 0;color:#ff4757}.error-icon{font-size:20px;flex-shrink:0}.post-job-actions{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #f0f0f0;margin-top:32px}.post-job-back-btn,.post-job-next-btn,.post-job-submit-btn{padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.post-job-back-btn{background:#fff;border:2px solid #e0e0e0;color:#666}.post-job-back-btn:hover:not(:disabled){border-color:#ccc;background:#f8f8f8}.post-job-next-btn{background:#667eea;border:none;color:#fff;margin-left:auto}.post-job-next-btn:hover:not(:disabled){background:#5a6fd8;transform:translate(4px)}.post-job-submit-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;color:#fff;margin-left:auto}.post-job-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #4caf504d}.post-job-back-btn:disabled,.post-job-next-btn:disabled,.post-job-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-arrow{font-size:18px}.submit-icon{font-size:20px}.spinner{width:18px;height:18px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.step-indicator{text-align:center;margin-top:20px;font-size:13px;color:#999;font-weight:500}@media(max-width:768px){.post-job-overlay{padding:10px}.post-job-modal{max-height:95vh;border-radius:16px}.post-job-header{padding:20px}.post-job-main-icon{font-size:24px;padding:10px}.post-job-header h2{font-size:22px}.post-job-steps,.post-job-form{padding:20px}.step-title{font-size:20px}.option-grid{grid-template-columns:1fr}.form-row,.location-type-selector{grid-template-columns:1fr;gap:12px}.range-inputs{flex-direction:column;gap:12px}.range-separator{margin:0}.post-job-actions{flex-direction:column;gap:12px}.post-job-back-btn,.post-job-next-btn,.post-job-submit-btn{width:100%}.step-divider{width:30px}}@media(max-width:480px){.post-job-header h2{font-size:20px}.post-job-subtitle{font-size:12px}.step-title{font-size:18px}.section-title{font-size:16px}.form-group input,.form-group textarea,.form-group select{padding:12px 14px;font-size:14px}}.create-post-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;justify-content:center;align-items:center}.create-post-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-post-container{position:relative;background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.create-post-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1;border-radius:20px 20px 0 0}.create-post-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.create-post-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;width:40px;height:40px}.create-post-close:hover{background-color:#f3f4f6;color:#374151}.create-post-user{display:flex;align-items:center;padding:20px 25px;border-bottom:1px solid #f3f4f6}.create-post-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:12px}.create-post-avatar img{width:100%;height:100%;object-fit:cover}.create-post-avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.create-post-user-info{flex:1}.create-post-username{font-weight:600;color:#111827;margin-bottom:4px}.create-post-privacy{padding:4px 12px;border:1px solid #d1d5db;border-radius:20px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer;outline:none}.create-post-privacy:hover{border-color:#9ca3af}.create-post-privacy:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.create-post-form{display:flex;flex-direction:column;height:calc(100% - 130px)}.create-post-content{flex:1;padding:20px 25px;overflow-y:auto}.create-post-textarea{width:100%;min-height:150px;border:none;outline:none;resize:none;font-size:1rem;line-height:1.5;color:#111827;font-family:inherit;margin-bottom:10px}.create-post-textarea:disabled{background:#f9fafb;color:#6b7280}.create-post-textarea::placeholder{color:#9ca3af}.create-post-char-count{text-align:right;font-size:.875rem;color:#6b7280;margin-bottom:20px}.create-post-media-preview{margin-bottom:20px}.media-previews-grid{display:grid;gap:10px;margin-bottom:15px}.media-previews-grid.single{grid-template-columns:1fr}.media-previews-grid.multiple{grid-template-columns:repeat(2,1fr)}.media-preview-item{position:relative;border-radius:10px;overflow:hidden}.media-preview-item img{width:100%;height:200px;object-fit:cover;border-radius:10px}.remove-media-btn{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:background .2s}.remove-media-btn:hover{background:#000000e6}.remove-media-btn:disabled{opacity:.5;cursor:not-allowed}.video-preview-container{position:relative;margin-bottom:15px}.video-preview{width:100%;max-height:300px;border-radius:10px;background:#000}.video-remove-btn{top:15px;right:15px}.create-post-options{background:#f9fafb;border-radius:10px;padding:15px;margin-bottom:20px}.create-post-option{display:flex;align-items:center;margin-bottom:12px;background:#fff;padding:10px 15px;border-radius:8px;border:1px solid #e5e7eb}.create-post-option:last-child{margin-bottom:0}.option-icon{color:#6b7280;font-size:18px;margin-right:10px;flex-shrink:0}.create-post-feeling,.create-post-location,.create-post-tags{flex:1;border:none;outline:none;font-size:.875rem;color:#374151;background:transparent}.create-post-feeling:disabled,.create-post-location:disabled,.create-post-tags:disabled{color:#9ca3af}.create-post-error{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:10px;margin-bottom:15px;font-size:.875rem;border:1px solid #fecaca}.create-post-success{background-color:#dcfce7;color:#16a34a;padding:12px 16px;border-radius:10px;margin-bottom:15px;font-size:.875rem;border:1px solid #bbf7d0}.create-post-actions{padding:20px 25px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 20px 20px}.create-post-media-buttons{display:flex;gap:10px;margin-bottom:20px}.create-post-media-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;color:#374151;font-size:.875rem}.create-post-media-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.create-post-media-btn:disabled{opacity:.5;cursor:not-allowed}.media-btn-icon{font-size:24px;margin-bottom:8px;color:#4f46e5}.create-post-submit-section{display:flex;gap:12px}.create-post-cancel,.create-post-submit{flex:1;padding:14px 24px;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.create-post-cancel{background-color:#fff;color:#374151;border:1px solid #d1d5db}.create-post-cancel:hover:not(:disabled){background-color:#f3f4f6}.create-post-cancel:disabled{opacity:.5;cursor:not-allowed}.create-post-submit{background-color:#4f46e5;color:#fff}.create-post-submit:hover:not(:disabled){background-color:#4338ca}.create-post-submit:disabled{opacity:.5;cursor:not-allowed}.submit-icon{font-size:16px}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}.create-post-emoji-picker{position:absolute;bottom:100%;left:25px;background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000001a;padding:15px;z-index:10;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.emoji-picker-header h4{margin:0;font-size:.875rem;color:#374151}.emoji-picker-header button{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.emoji-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.emoji-btn:hover{background:#f3f4f6}@media(max-width:768px){.create-post-container{width:100%;height:100vh;max-height:100vh;border-radius:0;max-width:none}.create-post-header,.create-post-user,.create-post-content{padding:16px 20px}.create-post-actions{padding:16px 20px;position:sticky;bottom:0;background:#fff}.create-post-media-buttons{flex-wrap:wrap}.create-post-media-btn{flex:0 0 calc(33.333% - 7px)}.media-previews-grid.multiple{grid-template-columns:1fr}.media-preview-item img{height:180px}.video-preview{max-height:250px}}@media(max-width:480px){.create-post-header h2{font-size:1.25rem}.create-post-avatar{width:40px;height:40px}.create-post-textarea{min-height:120px;font-size:.875rem}.create-post-media-btn{padding:12px;font-size:.75rem}.media-btn-icon{font-size:20px}.create-post-cancel,.create-post-submit{padding:12px;font-size:.813rem}}.ai-result-cards{display:grid;gap:10px;margin-top:12px}.ai-result-card{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #ffffff);font:inherit;color:var(--text, #0f172a);cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.ai-result-card:hover:not(:disabled){transform:translateY(-1px);border-color:var(--primary, #6366f1);box-shadow:0 4px 12px #6366f11f}.ai-result-card:active:not(:disabled){transform:translateY(0)}.ai-result-card:disabled{cursor:default;opacity:.7}.ai-result-image{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--surface-2, #f1f3f6);flex-shrink:0}.ai-result-image-placeholder{display:grid;place-items:center;font-size:22px}.ai-result-body{min-width:0;display:flex;flex-direction:column;gap:2px}.ai-result-title{font-size:14px;font-weight:600;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-result-desc{font-size:12px;color:var(--text-muted, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-result-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-top:2px}.ai-result-price{color:var(--primary, #6366f1);font-weight:700}.ai-result-store{color:var(--text-muted, #6b7280)}.ai-result-rating{color:#f59e0b}.ai-result-cta{font-size:13px;font-weight:600;color:var(--primary, #6366f1);white-space:nowrap}[data-theme=dark] .ai-result-card{border-color:#1f2937;background:#111827;color:#f9fafb}[data-theme=dark] .ai-result-card:hover:not(:disabled){border-color:#6366f1;box-shadow:0 4px 12px #6366f140}[data-theme=dark] .ai-result-image{background:#1f2937}.ai-chat-root{display:flex;flex-direction:column;height:100vh;background:#f7f8fa;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.ai-chat-header-left{display:flex;align-items:center;gap:12px}.ai-chat-header-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:20px}.ai-chat-header h1{margin:0;font-size:16px;color:#111827}.ai-chat-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;margin-top:2px}.ai-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.ai-status-dot.busy{background:#f59e0b}.ai-chat-clear{padding:6px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;cursor:pointer}.ai-chat-clear:hover:not(:disabled){background:#f9fafb}.ai-chat-clear:disabled{opacity:.5;cursor:not-allowed}.ai-chat-error-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#fef2f2;border-bottom:1px solid #fecaca;color:#b91c1c;font-size:13px}.ai-chat-error-banner button{padding:4px 12px;border-radius:6px;border:none;background:#dc2626;color:#fff;font-size:12px;cursor:pointer}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px}.ai-msg{display:flex;gap:10px;max-width:900px;margin:0 auto;width:100%}.ai-msg-user{justify-content:flex-end}.ai-msg-avatar{width:32px;height:32px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.ai-msg-content{flex:1;min-width:0;max-width:calc(100% - 44px)}.ai-msg-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5;color:#111827}.ai-msg-user-bubble{background:#2563eb;border-color:#2563eb;color:#fff;max-width:80%;margin-left:auto}.ai-msg-bubble-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.ai-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ai-suggestion-btn{padding:8px 14px;border-radius:20px;border:none;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.ai-suggestion-btn:hover{filter:brightness(1.1)}.ai-results{margin-top:14px}.ai-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.ai-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column}.ai-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.ai-card-image{width:100%;height:120px;overflow:hidden;background:#f3f4f6}.ai-card-image img{width:100%;height:100%;object-fit:cover}.ai-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.ai-card-title{margin:0;font-size:14px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-card-subtitle{margin:0;font-size:11px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-card-desc{margin:2px 0 4px;font-size:12px;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-card-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.ai-tag{font-size:10px;background:#f3f4f6;color:#4b5563;padding:2px 6px;border-radius:4px;text-transform:capitalize}.ai-price{font-size:13px;font-weight:700;color:#059669}.ai-rating{font-size:11px;color:#b45309}.ai-card-action{margin-top:auto;padding:8px 10px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.ai-card-action:hover{background:#1d4ed8}.ai-welcome{max-width:700px;margin:20px auto;text-align:center}.ai-welcome h2{font-size:22px;margin:0 0 8px;color:#111827}.ai-welcome p{font-size:14px;color:#6b7280;margin:0 0 20px}.ai-quick-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ai-quick-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer}.ai-quick-btn:hover:not(:disabled){background:#2563eb;color:#fff;border-color:#2563eb}.ai-quick-btn:disabled{opacity:.5;cursor:not-allowed}.ai-quick-icon{font-size:14px}.ai-typing{display:inline-flex;gap:4px;align-items:center}.ai-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:ai-bounce 1.2s infinite ease-in-out}.ai-dot:nth-child(2){animation-delay:.15s}.ai-dot:nth-child(3){animation-delay:.3s}@keyframes ai-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.ai-chat-input{padding:12px 20px 16px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.ai-chat-form{display:flex;gap:8px;max-width:900px;margin:0 auto}.ai-chat-form input{flex:1;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.ai-chat-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ai-send-btn{padding:12px 22px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:80px}.ai-send-btn:hover:not(:disabled){background:#1d4ed8}.ai-send-btn:disabled{background:#93c5fd;cursor:not-allowed}.ai-spinner{width:14px;height:14px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:ai-spin .7s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-chat-hint{text-align:right;font-size:11px;color:#9ca3af;max-width:900px;margin:4px auto 0}@media(max-width:640px){.ai-results-grid{grid-template-columns:1fr}.ai-chat-header{padding:12px 14px}.ai-chat-input{padding:10px 12px 12px}}.ai-msg-content .ai-result-cards{margin-top:10px}.ai-suggestion-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #ffffff);color:var(--text, #0f172a);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.ai-suggestion-btn:hover{background:var(--surface-2, #f1f3f6);border-color:var(--primary, #6366f1)}.ai-suggestion-btn:active{transform:scale(.97)}.cartItem{display:grid;grid-template-columns:80px 1fr auto;grid-template-areas:"img section price" "img section remove";gap:8px 14px;padding:14px;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:14px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.cartItem:hover{border-color:var(--border-strong, #d1d5db);box-shadow:0 2px 8px #0f172a0d}.cartItem.loading{pointer-events:none;opacity:.75}.cartItem .imgBox{grid-area:img;width:80px;height:80px;border-radius:10px;overflow:hidden;background:var(--surface-2, #f1f3f6);position:relative}.cartItem .imgBox img{width:100%;height:100%;object-fit:cover;display:block}.cartItem .loading-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0f172a99;color:#fff;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cartItem .itemSection{grid-area:section;display:flex;flex-direction:column;gap:6px;min-width:0}.cartItem .itemName{margin:0;font-size:14px;font-weight:600;line-height:1.3;color:var(--text, #0f172a);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cartItem .itemStore{margin:0;font-size:11px;color:var(--text-muted, #6b7280)}.cartItem .itemQuantity{display:flex;align-items:center}.cartItem .quantity-controls{display:inline-flex;align-items:center;gap:6px;padding:3px;background:var(--surface-2, #f1f3f6);border-radius:999px}.cartItem .quantity-btn{width:26px;height:26px;display:grid;place-items:center;border:none;border-radius:50%;background:var(--surface, #ffffff);color:var(--text, #0f172a);cursor:pointer;font-size:12px;transition:background .15s ease,color .15s ease,transform .1s ease}.cartItem .quantity-btn:hover:not(:disabled){background:var(--primary, #6366f1);color:#fff}.cartItem .quantity-btn:active:not(:disabled){transform:scale(.94)}.cartItem .quantity-btn:disabled{opacity:.4;cursor:not-allowed}.cartItem .current-quantity{min-width:24px;text-align:center;font-size:13px;font-weight:700;color:var(--text, #0f172a)}.cartItem .direct-quantity-input{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted, #6b7280)}.cartItem .direct-quantity-input label{font-weight:600;text-transform:uppercase;letter-spacing:.06em}.cartItem .direct-quantity-input input{width:56px;padding:4px 8px;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:var(--surface, #ffffff);font:inherit;font-size:12px;color:var(--text, #0f172a);text-align:center;outline:none}.cartItem .direct-quantity-input input:focus{border-color:var(--primary, #6366f1)}.cartItem .priceSection{grid-area:price;text-align:right;display:flex;flex-direction:column;gap:2px;align-self:flex-start}.cartItem .itemPrice{margin:0;font-size:16px;font-weight:800;color:var(--text, #0f172a);display:inline-flex;align-items:baseline;gap:2px}.cartItem .currencySign{font-size:11px;font-weight:600;color:var(--text-muted, #6b7280)}.cartItem .unitPrice{margin:0;font-size:11px;color:var(--text-muted, #6b7280)}.cartItem .remove-item-btn{grid-area:remove;align-self:end;justify-self:end;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:8px;background:transparent;color:#ef4444;font:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s ease}.cartItem .remove-item-btn:hover:not(:disabled){background:#ef444414}.cartItem .remove-item-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:520px){.cartItem{grid-template-columns:64px 1fr;grid-template-areas:"img section" "price remove";gap:8px 12px;padding:12px}.cartItem .imgBox{width:64px;height:64px}.cartItem .priceSection{align-self:center;text-align:left}.cartItem .itemPrice{font-size:15px}}[data-theme=dark] .cartItem{--surface: #111827;--surface-2: #1f2937;--border: #1f2937;--border-strong: #374151;--text: #f9fafb;--text-muted: #9ca3af}.cart-app{min-height:100vh;background:var(--bg, #f7f8fa);color:var(--text, #0f172a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:60px}.cart-container{max-width:1200px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media(max-width:900px){.cart-container{grid-template-columns:1fr}}.cart-content{display:flex;flex-direction:column;gap:16px;min-width:0}.cart-header-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0 8px}.cart-header-section h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text, #0f172a)}.multi-store-notice{padding:6px 12px;border-radius:999px;background:#f59e0b1f;color:#b45309;font-size:12px;font-weight:600}.clear-cart-btn{margin-left:auto;padding:8px 16px;border-radius:10px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #ffffff);color:#ef4444;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.clear-cart-btn:hover:not(:disabled){background:#ef44440f;border-color:#ef4444}.clear-cart-btn:disabled{opacity:.5;cursor:not-allowed}.empty-cart{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.empty-cart-content{text-align:center;max-width:480px}.empty-cart-icon{font-size:64px;margin-bottom:16px;opacity:.6}.empty-cart h2{margin:0 0 8px;font-size:24px;font-weight:800;color:var(--text, #0f172a)}.empty-cart p{margin:0 0 24px;color:var(--text-muted, #6b7280);font-size:15px}.continue-shopping-btn{display:inline-block;padding:12px 28px;border-radius:999px;background:var(--primary, #6366f1);color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s}.continue-shopping-btn:hover{background:var(--primary-hover, #4f46e5);transform:translateY(-1px)}.delivery-address-section{padding:16px;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:14px}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.address-header h3{margin:0;font-size:15px;font-weight:700;color:var(--text, #0f172a)}.change-address-btn{padding:6px 12px;border-radius:8px;border:1px solid var(--border, #e5e7eb);background:transparent;color:var(--text, #0f172a);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.change-address-btn:hover{border-color:var(--primary, #6366f1);color:var(--primary, #6366f1)}.current-address .address-display{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.address-text{margin:0;font-size:14px;color:var(--text, #0f172a);flex:1}.no-address{margin:0;color:var(--text-muted, #6b7280);font-size:13px;font-style:italic}.save-address-btn{padding:6px 12px;border-radius:8px;border:none;background:var(--primary, #6366f1);color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.save-address-btn:hover:not(:disabled){background:var(--primary-hover, #4f46e5)}.save-address-btn:disabled{opacity:.5;cursor:not-allowed}.address-search{position:relative;margin-bottom:12px}.address-search-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border, #e5e7eb);background:var(--surface-2, #f1f3f6);font:inherit;font-size:13px;color:var(--text, #0f172a);outline:none}.address-search-input:focus{border-color:var(--primary, #6366f1);background:var(--surface, #ffffff)}.address-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;max-height:220px;overflow-y:auto;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:10px;box-shadow:0 12px 32px #0f172a1f}.suggestion-item{padding:10px 14px;font-size:13px;color:var(--text, #0f172a);cursor:pointer;border-bottom:1px solid var(--border, #e5e7eb)}.suggestion-item:hover{background:var(--surface-2, #f1f3f6)}.saved-addresses{margin-bottom:12px}.saved-addresses h4{margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #6b7280)}.saved-address{padding:10px 12px;border:1px solid var(--border, #e5e7eb);border-radius:10px;cursor:pointer;margin-bottom:6px;transition:border-color .15s}.saved-address:hover{border-color:var(--primary, #6366f1)}.saved-address.selected{border-color:var(--primary, #6366f1);background:#6366f10f}.address-main{font-size:13px;font-weight:600;color:var(--text, #0f172a)}.address-secondary{font-size:11px;color:var(--text-muted, #6b7280);margin-top:2px}.default-badge{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:4px;background:#6366f11f;color:var(--primary, #6366f1);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.address-actions{display:flex;gap:8px;flex-wrap:wrap}.save-address-btn.primary{flex:1;padding:10px 16px;font-size:13px}.use-current-location-btn{padding:10px 16px;border-radius:10px;border:1px solid var(--border, #e5e7eb);background:transparent;color:var(--text, #0f172a);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.use-current-location-btn:hover{border-color:var(--primary, #6366f1);color:var(--primary, #6366f1)}.store-section{padding:16px;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:14px}.store-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border, #e5e7eb)}.store-header h3{margin:0;font-size:15px;font-weight:700;color:var(--text, #0f172a)}.checkout-store-btn{padding:8px 16px;border-radius:10px;border:none;background:var(--primary, #6366f1);color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.checkout-store-btn:hover:not(:disabled){background:var(--primary-hover, #4f46e5);transform:translateY(-1px)}.checkout-store-btn:disabled{opacity:.5;cursor:not-allowed}.cart-items{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.store-summary{padding-top:12px;border-top:1px solid var(--border, #e5e7eb)}.summary-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted, #6b7280);margin-bottom:6px}.summary-row.total{font-size:15px;font-weight:700;color:var(--text, #0f172a);margin-top:8px}.summary-divider{height:1px;background:var(--border, #e5e7eb);margin:8px 0}.address-required{color:#f59e0b;font-weight:600}.order-summary{position:sticky;top:24px}.summary-card{padding:20px;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:16px;box-shadow:0 4px 16px #0f172a0a}.summary-card h3{margin:0 0 16px;font-size:15px;font-weight:800;color:var(--text, #0f172a)}.summary-card .summary-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted, #6b7280);margin-bottom:10px}.summary-card .summary-row.total{font-size:18px;font-weight:800;color:var(--text, #0f172a);margin-top:4px}.checkout-btn{width:100%;padding:14px;margin-top:16px;border-radius:12px;border:none;background:var(--primary, #6366f1);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.checkout-btn:hover:not(:disabled){background:var(--primary-hover, #4f46e5);transform:translateY(-1px)}.checkout-btn:disabled,.checkout-btn.disabled{opacity:.5;cursor:not-allowed}.multi-store-instruction{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f59e0b1a;color:#b45309;font-size:12px;font-weight:600;text-align:center}.continue-shopping-link{display:block;margin-top:16px;text-align:center;color:var(--text-muted, #6b7280);font-size:13px;font-weight:600;text-decoration:none}.continue-shopping-link:hover{color:var(--primary, #6366f1)}.security-notice{display:flex;justify-content:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border, #e5e7eb);font-size:11px;color:var(--text-muted, #6b7280);flex-wrap:wrap}.suggested-products{padding:16px;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:14px}.suggested-products h3{margin:0 0 12px;font-size:15px;font-weight:700}.suggested-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.suggested-item{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border, #e5e7eb);border-radius:10px;transition:border-color .15s,transform .15s}.suggested-item:hover{border-color:var(--primary, #6366f1);transform:translateY(-1px)}.suggested-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--surface-2, #f1f3f6)}.suggested-info{display:flex;flex-direction:column;gap:2px}.suggested-name{margin:0;font-size:12px;font-weight:600;line-height:1.3;color:var(--text, #0f172a);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggested-price{margin:0;font-size:13px;font-weight:700;color:var(--primary, #6366f1)}[data-theme=dark] .cart-app{--bg: #0b1120;--surface: #111827;--surface-2: #1f2937;--border: #1f2937;--border-strong: #374151;--text: #f9fafb;--text-muted: #9ca3af;--primary: #818cf8;--primary-hover: #6366f1}.cart-dropdown-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.cart-dropdown{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e5e5;background:#f8f9fa}.cart-dropdown-header h3{margin:0;font-size:1.2rem;font-weight:600}.close-dropdown-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.close-dropdown-btn:hover{background-color:#e5e5e5}.cart-dropdown-content{flex:1;overflow-y:auto;padding:1rem 1.5rem}.empty-cart-dropdown{text-align:center;padding:2rem 1rem;color:#666}.empty-cart-icon{font-size:3rem;margin-bottom:1rem}.empty-cart-dropdown p{margin:.5rem 0 1.5rem;font-size:1rem}.browse-products-btn{display:inline-block;padding:.75rem 1.5rem;background:#007bff;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background-color .2s}.browse-products-btn:hover{background:#0056b3}.cart-items-list{max-height:400px;overflow-y:auto}.cart-dropdown-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f0f0}.cart-dropdown-item:last-child{border-bottom:none}.item-image{flex-shrink:0}.item-image img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e5e5e5}.item-details{flex:1;min-width:0}.item-name{margin:0 0 .25rem;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-price{margin:0 0 .75rem;font-weight:600;color:#007bff}.item-actions{display:flex;justify-content:space-between;align-items:center}.quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-btn{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.quantity-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-display{min-width:30px;text-align:center;font-weight:500}.remove-item-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s;font-size:.9rem}.remove-item-btn:hover:not(:disabled){background:#ffe6e6}.remove-item-btn:disabled{opacity:.5;cursor:not-allowed}.more-items-indicator{text-align:center;padding:1rem;color:#666;font-style:italic;background:#f8f9fa;border-radius:8px;margin-top:1rem}.dropdown-summary{margin-top:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.summary-row.total{font-weight:600;font-size:1.1rem;color:#007bff}.summary-divider{height:1px;background:#ddd;margin:.75rem 0}.dropdown-actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.view-cart-btn{padding:.75rem;background:#fff;border:2px solid #007bff;color:#007bff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.view-cart-btn:hover{background:#007bff;color:#fff}.checkout-btn-dropdown{padding:.75rem;background:#007bff;border:none;color:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.checkout-btn-dropdown:hover:not(:disabled){background:#0056b3}.checkout-btn-dropdown:disabled{background:#ccc;cursor:not-allowed}@media(max-width:480px){.cart-dropdown{width:100vw}.cart-dropdown-content{padding:1rem}.cart-dropdown-item{gap:.75rem}.item-image img{width:50px;height:50px}}.modal-overlay.add-place-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:1000px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#1a1a1a;font-size:1.5rem}.close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:background .2s}.close-button:hover{background:#f8f9fa}.add-place-container{display:grid;grid-template-columns:1fr 1fr;height:calc(90vh - 80px)}.form-section{padding:2rem;overflow-y:auto;border-right:1px solid #e0e0e0}.map-section{display:flex;flex-direction:column;height:100%}.map-container{flex:1;min-height:400px}.map-instructions{padding:1rem;background:#f8f9fa;border-top:1px solid #e0e0e0;text-align:center;color:#666;font-size:14px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.address-input-group{position:relative;display:flex}.address-input-group input{flex:1;padding-right:45px}.search-address-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:#f8f9fa;border:none;border-radius:6px;padding:8px;cursor:pointer;font-size:16px;transition:background .2s}.search-address-btn:hover{background:#e9ecef}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 15px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:background .2s;font-size:14px}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e0e0e0}.cancel-btn{flex:1;padding:12px 16px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.cancel-btn:hover{background:#e9ecef;border-color:#ccc}.submit-btn{flex:1;padding:12px 16px;background:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s}.submit-btn:hover:not(:disabled){background:#333}.submit-btn:disabled{background:#ccc;cursor:not-allowed}small{color:#666;font-size:12px;display:block;margin-top:4px}@media(max-width:768px){.modal-overlay.add-place-modal{padding:10px}.modal-content{border-radius:12px}.add-place-container{grid-template-columns:1fr;height:auto;max-height:80vh}.form-section{border-right:none;border-bottom:1px solid #e0e0e0;max-height:50vh;overflow-y:auto}.map-container{min-height:300px}.form-row{grid-template-columns:1fr}.modal-header{padding:1rem 1.5rem}.form-section{padding:1.5rem}}.search-container{position:relative}.search-dropdown{position:fixed;top:80px;right:20px;width:600px;max-width:calc(100vw - 40px);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;margin-top:.5rem;z-index:1006;border:1px solid #e1e5e9;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-dropdown-header{padding:1.5rem;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#f8f9fa,#fff)}.search-input-container{position:relative;flex:1}.search-dropdown-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e9ecef;border-radius:50px;font-size:.9rem;background:#fff;transition:all .3s ease}.search-dropdown-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-dropdown-input::placeholder{color:#6c757d}.close-dropdown-btn{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-dropdown-btn:hover{background:#f8f9fa;color:#495057}.search-results{max-height:60vh;overflow-y:auto;padding:1rem}.results-section{margin-bottom:1.5rem}.results-section:last-child{margin-bottom:0}.section-title{font-size:.9rem;font-weight:600;color:#495057;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.stores-horizontal{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.stores-horizontal::-webkit-scrollbar{height:6px}.stores-horizontal::-webkit-scrollbar-track{background:transparent}.stores-horizontal::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.store-card{flex:0 0 auto;width:140px;background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.store-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:#667eea}.store-icon{font-size:2rem;margin-bottom:.5rem}.store-name{font-size:.85rem;font-weight:600;margin:0 0 .25rem;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-category{font-size:.75rem;color:#718096;margin:0 0 .25rem}.store-distance{font-size:.7rem;color:#667eea;font-weight:600;margin:0}.products-vertical{display:flex;flex-direction:column;gap:.75rem}.product-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease}.product-card:hover{transform:translate(4px);box-shadow:0 2px 10px #0000001a;border-color:#667eea}.product-info{flex:1}.product-name{font-size:.9rem;font-weight:600;margin:0 0 .25rem;color:#2d3748}.product-store{font-size:.75rem;color:#718096;margin:0 0 .25rem}.product-category{font-size:.7rem;color:#a0aec0;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px}.product-price{font-size:.85rem;font-weight:700;color:#48bb78;margin:0}.quick-add-product-btn{background:#667eea;color:#fff;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.quick-add-product-btn:hover{background:#5a67d8;transform:scale(1.1)}.no-results,.empty-state{text-align:center;padding:2rem;color:#718096}.no-results p,.empty-state p{margin:0;font-size:.9rem}.btn-secondary{background:#6c757d;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#5a6268}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#718096}.loading-spinner{width:24px;height:24px;border:2px solid #e9ecef;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}.search-error{background:#fed7d7;color:#c53030;padding:1rem;border-radius:8px;margin:1rem;text-align:center;font-size:.9rem}@media(max-width:768px){.search-dropdown{width:350px;right:10px;top:70px}.search-dropdown-header{padding:1rem}.store-card{width:120px;padding:.75rem}.store-icon{font-size:1.5rem}.store-name{font-size:.8rem}.search-results{max-height:50vh}}@media(max-width:480px){.search-dropdown{width:calc(100vw - 40px);right:20px;left:20px;top:60px}.stores-horizontal{gap:.75rem}.store-card{width:110px;padding:.5rem}.search-dropdown-header{flex-direction:column;gap:.75rem}.search-input-container{width:100%}.close-dropdown-btn{align-self:flex-end}}.search-dropdown-overlay{position:fixed;inset:0;background:#0000001a;z-index:1005;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.search-dropdown{z-index:1006}@supports (backdrop-filter: blur(10px)){.search-dropdown-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000d}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.tow-options-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:100%;max-width:440px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e9ecef;flex-shrink:0}.modal-header h2{margin:0;font-size:1.2rem;font-weight:700;color:#ff6b35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-btn{background:none;border:none;font-size:1.25rem;color:#6c757d;cursor:pointer;padding:.25rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tow-details{padding:.75rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.route-info{display:flex;flex-direction:column;gap:.375rem}.location{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:#495057;line-height:1.3}.location span:last-child{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.location .dot{width:5px;height:5px;border-radius:50%;margin-top:.35rem;flex-shrink:0}.location.from .dot{background:#28a745}.location.to .dot{background:#dc3545}.distance-info{font-size:.75rem;color:#ff6b35;font-weight:600;margin-top:.25rem}.vehicle-info{font-size:.75rem;color:#495057;margin-top:.375rem;line-height:1.3}.vehicle-info div:first-child{font-weight:600;color:#1a1a1a}.service-options{padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;overflow-y:auto}.service-option{display:flex;align-items:center;gap:.625rem;padding:.75rem;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .15s ease;background:#fff;flex-shrink:0;min-height:70px}.service-option:hover{border-color:#ff6b35}.service-option.selected{border-color:#ff6b35;background:#fff8f6}.service-icon{font-size:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ff6b35;border-radius:6px;color:#fff;flex-shrink:0}.service-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:40px}.service-info h4{margin:0 0 .125rem;color:#1a1a1a;font-size:.9rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-info p{margin:0 0 .125rem;color:#6c757d;font-size:.75rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.4em}.service-info small{color:#28a745;font-weight:500;font-size:.7rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-fare{text-align:right;flex-shrink:0;min-width:60px;display:flex;flex-direction:column;justify-content:center}.service-fare .fare{font-size:1rem;font-weight:700;color:#ff6b35;margin-bottom:.125rem;line-height:1.2}.service-fare .time{color:#6c757d;font-size:.7rem;line-height:1.2}.modal-actions{padding:1rem 1.25rem;border-top:1px solid #e9ecef;background:#fafafa;flex-shrink:0}.proceed-btn{width:100%;padding:.75rem 1.25rem;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease;line-height:1.2}.proceed-btn:hover:not(:disabled){background:#e55a2b}.proceed-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.service-options::-webkit-scrollbar{width:4px}.service-options::-webkit-scrollbar-track{background:#f1f1f1}.service-options::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:2px}.no-services{text-align:center;padding:2rem;color:#6c757d;font-size:.9rem}@media(max-width:480px){.modal-overlay{padding:.5rem}.tow-options-modal{max-width:100%;max-height:95vh;margin:0}.modal-header{padding:.875rem 1rem}.modal-header h2{font-size:1.1rem}.tow-details{padding:.625rem 1rem}.service-options{padding:.625rem 1rem;gap:.375rem}.service-option{padding:.625rem;gap:.5rem;min-height:65px}.service-icon{width:32px;height:32px;font-size:1.1rem}.service-info h4{font-size:.85rem}.service-info p{font-size:.7rem;-webkit-line-clamp:2;max-height:2.2em}.modal-actions{padding:.875rem 1rem}.proceed-btn{padding:.625rem 1rem;font-size:.85rem}}@media(max-width:360px){.service-option{min-height:60px}.service-info p{-webkit-line-clamp:1;max-height:1.2em}.service-info small{font-size:.65rem}}.map-search-container{position:relative;width:100%;max-width:500px;margin:0 auto;z-index:1000}.search-input-wrapper{position:relative;display:flex;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 20px #00000026;border:2px solid #e1e5e9;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:#007bff;box-shadow:0 4px 25px #007bff33;transform:translateY(-2px)}.search-type-toggle{flex-shrink:0}.toggle-btn{padding:10px 16px;border:2px solid #e1e5e9;border-radius:8px;background:#fff;color:#6c757d;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap}.toggle-btn:hover{border-color:#007bff;color:#007bff;transform:translateY(-1px)}.toggle-btn.active{background:#007bff;color:#fff;border-color:#007bff;box-shadow:0 2px 10px #007bff4d}.search-input{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:16px;background:transparent;outline:none;color:#333}.search-input::placeholder{color:#9aa6b8;font-weight:400}.search-input:focus{background:#007bff05}.current-location-btn{padding:10px;border:2px solid #e1e5e9;border-radius:8px;background:#fff;cursor:pointer;font-size:18px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.current-location-btn:hover{border-color:#007bff;background:#007bff;color:#fff;transform:scale(1.05)}.search-loading{position:absolute;right:60px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}.loading-spinner{width:16px;height:16px;border:2px solid #e1e5e9;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.search-loading:after{content:"Searching...";font-size:12px;color:#6c757d;font-weight:500}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 30px #00000026;max-height:400px;overflow-y:auto;z-index:1001;margin-top:8px;animation:slideDown .3s ease}.suggestions-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f3f4;background:#f8f9fa;border-radius:12px 12px 0 0}.suggestions-header span{font-weight:700;color:#2d3748;font-size:14px}.close-results-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px;transition:all .2s ease}.close-results-btn:hover{color:#dc3545;background:#dc35451a}.suggestions-list{max-height:350px;overflow-y:auto}.suggestion-item{padding:16px 20px;border-bottom:1px solid #f8f9fa;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.suggestion-item:hover{background:#f8f9ff;border-color:#e1e5e9;transform:translate(4px)}.suggestion-item:last-child{border-bottom:none;border-radius:0 0 12px 12px}.store-suggestion{display:flex;align-items:center;gap:16px;width:100%}.store-icon{font-size:24px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px}.product-suggestion{display:flex;align-items:center;gap:16px;width:100%}.product-image{width:50px;height:50px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#f8f9fa;border:1px solid #e1e5e9}.suggestion-text{flex:1;display:flex;flex-direction:column;gap:4px}.suggestion-text strong{font-size:15px;font-weight:600;color:#2d3748;line-height:1.3}.suggestion-text span{font-size:13px;color:#6c757d;font-weight:500}.suggestion-text small{font-size:12px;color:#9aa6b8;font-weight:400}.view-store-btn,.view-product-btn,.quick-add-btn{padding:8px 12px;border:2px solid;border-radius:6px;background:#fff;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.view-store-btn,.view-product-btn{border-color:#28a745;color:#28a745}.view-store-btn:hover,.view-product-btn:hover{background:#28a745;color:#fff;transform:scale(1.05)}.quick-add-btn{border-color:#007bff;color:#007bff;font-size:16px;font-weight:700}.quick-add-btn:hover{background:#007bff;color:#fff;transform:scale(1.05)}.product-actions{display:flex;gap:8px;align-items:center}.no-results{padding:40px 20px;text-align:center;color:#6c757d}.no-results p{margin-bottom:16px;font-size:15px;font-weight:500}.clear-search-btn{padding:10px 20px;border:2px solid #e1e5e9;border-radius:8px;background:#fff;color:#6c757d;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.clear-search-btn:hover{border-color:#6c757d;background:#6c757d;color:#fff}.search-error{position:absolute;top:100%;left:0;right:0;background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-top:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f5c6cb;animation:slideDown .3s ease}.search-error span{font-size:14px;font-weight:500}.search-error button{background:none;border:none;color:#721c24;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:background .2s ease}.search-error button:hover{background:#721c241a}@media(max-width:768px){.map-search-container{max-width:100%;padding:0 16px}.search-input-wrapper{padding:6px;border-radius:10px}.toggle-btn{padding:8px 12px;font-size:12px}.search-input{padding:10px 12px;font-size:14px}.current-location-btn{padding:8px;min-width:40px;min-height:40px;font-size:16px}.search-suggestions{margin-top:6px;border-radius:10px}.suggestion-item{padding:14px 16px}.store-icon{font-size:20px;width:36px;height:36px}.product-image{width:45px;height:45px}.suggestion-text strong{font-size:14px}.suggestion-text span{font-size:12px}.suggestion-text small{font-size:11px}}@media(min-width:769px)and (max-width:1024px){.map-search-container{max-width:450px}}@media(prefers-color-scheme:dark){.search-input-wrapper{background:#2d3748;border-color:#4a5568}.search-input{color:#e2e8f0;background:transparent}.search-input::placeholder{color:#a0aec0}.toggle-btn{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.toggle-btn.active{background:#007bff;color:#fff}.current-location-btn{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.search-suggestions{background:#2d3748;border-color:#4a5568}.suggestions-header{background:#4a5568;color:#e2e8f0}.suggestions-header span{color:#e2e8f0}.suggestion-item{border-bottom-color:#4a5568}.suggestion-item:hover{background:#4a5568}.suggestion-text strong{color:#e2e8f0}.suggestion-text span{color:#cbd5e0}.suggestion-text small{color:#a0aec0}.store-icon{background:#4a5568}.product-image{background:#4a5568;border-color:#4a5568}.no-results{color:#a0aec0}}.search-suggestions::-webkit-scrollbar{width:6px}.search-suggestions::-webkit-scrollbar-track{background:#f1f3f4;border-radius:0 0 12px}.search-suggestions::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.search-suggestions::-webkit-scrollbar-thumb:hover{background:#a0aec0}@keyframes quickAddPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.quick-add-btn:active{animation:quickAddPulse .3s ease}.toggle-btn:focus,.search-input:focus,.current-location-btn:focus,.view-store-btn:focus,.view-product-btn:focus,.quick-add-btn:focus{outline:2px solid #007bff;outline-offset:2px}@media(prefers-contrast:high){.search-input-wrapper{border-width:3px}.suggestion-item:hover{background:#000;color:#fff}.toggle-btn.active{border-width:3px}}@media(prefers-reduced-motion:reduce){.search-suggestions,.suggestion-item,.toggle-btn,.current-location-btn,.view-store-btn,.view-product-btn,.quick-add-btn{transition:none;animation:none}.search-input-wrapper:focus-within{transform:none}}._sidebar_1fmvy_2{width:380px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0 1px 3px #0000000d}._top_1fmvy_14{padding:16px 16px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;position:relative;z-index:10;transition:padding .3s ease}._topExpanded_1fmvy_23{padding-bottom:16px}._searchWrap_1fmvy_25{position:relative;z-index:20}._searchWrap_1fmvy_25 .search-input-wrapper{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}._searchWrap_1fmvy_25 .search-input{background:transparent;border:none;color:#fff;font-size:14px;padding:14px 48px 14px 16px;border-radius:12px}._searchWrap_1fmvy_25 .search-input::placeholder{color:#ffffffb3}._searchWrap_1fmvy_25 .search-toggle-btn{color:#fff;background:#ffffff1a;width:36px;height:36px;right:6px}._tabsWrap_1fmvy_54{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;z-index:5}._tabs_1fmvy_54{display:flex;padding:8px;gap:4px;background:#f9fafb;border-radius:8px;margin:8px}._tab_1fmvy_54{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;position:relative;min-height:64px}._tab_1fmvy_54:hover{background:#f3f4f6;transform:translateY(-1px)}._tabActive_1fmvy_84{background:#fff;box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}._tabIcon_1fmvy_89{font-size:18px}._tabLabel_1fmvy_90{font-size:11px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.3px}._tabActive_1fmvy_84 ._tabLabel_1fmvy_90{color:#1d4ed8}._tabCount_1fmvy_98{position:absolute;top:6px;right:6px;background:#3b82f6;color:#fff;font-size:9px;font-weight:700;padding:1px 4px;border-radius:8px;min-width:16px;text-align:center}._tabActive_1fmvy_84 ._tabCount_1fmvy_98{background:#1d4ed8}._content_1fmvy_114{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}._contentHeader_1fmvy_121{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}._contentTitle_1fmvy_129{margin:0;font-size:14px;font-weight:600;color:#111827}._contentActions_1fmvy_135{display:flex;align-items:center;gap:8px}._contentCount_1fmvy_136{font-size:12px;color:#6b7280;font-weight:500}._sortBtn_1fmvy_137{width:28px;height:28px;border:1px solid #d1d5db;background:#fff;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:600}._sortBtn_1fmvy_137:hover{background:#f3f4f6;border-color:#9ca3af}._contentBody_1fmvy_150{flex:1;overflow:hidden;display:flex;flex-direction:column}._list_1fmvy_158{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}._list_1fmvy_158::-webkit-scrollbar{width:6px}._list_1fmvy_158::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}._list_1fmvy_158::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}._item_1fmvy_171{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease;min-height:80px}._item_1fmvy_171:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}._itemSelected_1fmvy_189{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 1px #3b82f633}._itemIcon_1fmvy_195{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px}._itemIcon_1fmvy_195[data-kind=stores]{background:#dbeafe;color:#1d4ed8}._itemIcon_1fmvy_195[data-kind=products]{background:#f3e8ff;color:#7c3aed}._itemIcon_1fmvy_195[data-kind=events]{background:#f0fdf4;color:#16a34a}._itemIcon_1fmvy_195[data-kind=jobs]{background:#fffbeb;color:#d97706}._itemContent_1fmvy_210{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}._itemHeader_1fmvy_217{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}._itemTitle_1fmvy_223{margin:0;font-size:14px;font-weight:600;color:#111827;line-height:1.3;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}._itemRight_1fmvy_236{font-size:12px;font-weight:600;color:#059669;white-space:nowrap;flex-shrink:0}._itemTags_1fmvy_244{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}._tag_1fmvy_250{font-size:11px;color:#6b7280;padding:2px 6px;background:#f3f4f6;border-radius:4px;line-height:1.2}._itemDesc_1fmvy_259{margin:4px 0 0;font-size:12px;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}._itemFooter_1fmvy_270{margin-top:4px}._itemPosted_1fmvy_271{font-size:11px;color:#9ca3af;font-style:italic}._itemAction_1fmvy_273{width:28px;height:28px;min-width:28px;border:none;background:#f3f4f6;color:#6b7280;border-radius:6px;cursor:pointer;font-size:14px;align-self:center;margin-left:auto;transition:all .2s ease}._itemAction_1fmvy_273:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}._empty_1fmvy_294{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#6b7280;flex:1}._emptyIcon_1fmvy_304{font-size:48px;margin-bottom:16px;opacity:.5}._empty_1fmvy_294 p{margin:0 0 8px;font-size:15px;font-weight:500;color:#374151}._empty_1fmvy_294 small{font-size:13px;color:#9ca3af}@media(max-width:768px){._sidebar_1fmvy_2{position:fixed;inset:0;width:100%;z-index:1000;transform:translate(-100%);transition:transform .3s ease}._sidebar_1fmvy_2._open_1fmvy_318{transform:translate(0)}._tabs_1fmvy_54{padding:6px;gap:3px}._tab_1fmvy_54{padding:8px 4px;min-height:56px}._tabIcon_1fmvy_89{font-size:16px}._tabLabel_1fmvy_90{font-size:10px}._item_1fmvy_171{padding:10px;min-height:75px;gap:10px}._itemIcon_1fmvy_195{width:36px;height:36px;min-width:36px;font-size:16px}._itemTitle_1fmvy_223{font-size:13px}}._popup_hy30z_2{min-width:220px;max-width:300px;font-family:inherit;color:#222}._title_hy30z_9{margin:0 0 4px;font-size:16px;font-weight:700}._meta_hy30z_15{margin:0 0 6px;font-size:13px;color:#666}._desc_hy30z_21{margin:6px 0;font-size:13px;color:#444;line-height:1.4}._price_hy30z_28{margin:4px 0;font-size:14px;color:#0a7d33}._actions_hy30z_34{display:flex;gap:6px;margin-top:10px}._btnPrimary_hy30z_40,._btnSecondary_hy30z_41{flex:1;padding:6px 10px;border-radius:6px;border:none;cursor:pointer;font-size:12px;font-weight:600;transition:opacity .15s ease}._btnPrimary_hy30z_40{background:#007bff;color:#fff}._btnSecondary_hy30z_41{background:#f0f0f0;color:#333}._btnPrimary_hy30z_40:hover,._btnSecondary_hy30z_41:hover{opacity:.85}._jobHeader_hy30z_65{display:flex;align-items:center;justify-content:space-between;gap:8px}._badge_hy30z_72{font-size:10px;padding:2px 6px;border-radius:10px;text-transform:uppercase;background:#eee;color:#555;font-weight:700}._badge_hy30z_72._piece_hy30z_82{background:#e8f0ff;color:#2c5fce}._badge_hy30z_72._gig_hy30z_83{background:#eaffea;color:#1f7a1f}._badge_hy30z_72._contract_hy30z_84{background:#fff5e0;color:#a16600}._jobDetails_hy30z_86{font-size:13px;color:#333;margin:6px 0}._jobDetails_hy30z_86 p{margin:2px 0}._map_3vm3j_2{width:100%;height:100%;min-height:400px}._recenterBtn_3vm3j_8{margin-top:4px;padding:4px 10px;border-radius:6px;border:none;background:#007bff;color:#fff;font-size:12px;cursor:pointer}._recenterBtn_3vm3j_8:hover{background:#0069d9}.map-page{height:100vh;display:flex;flex-direction:column;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.map-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a;position:relative;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:1rem;flex-wrap:nowrap;min-height:60px}.header-title{margin:0;color:#1a1a1a;font-size:1.5rem;font-weight:700;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.home-dropdown-container{position:relative;display:flex;align-items:center}.home-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;padding:0}.home-icon-btn:hover{background:#f8f9fa;border-color:#ccc;transform:translateY(-1px)}.home-icon{font-size:24px;color:#333}.mobile-home-dropdown{position:absolute;top:100%;left:0;margin-top:8px;z-index:1100;min-width:280px}.header-btn{display:flex;align-items:center;gap:.5rem;padding:10px 16px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;color:#333;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:14px;white-space:nowrap}.header-btn:hover{background:#f8f9fa;border-color:#ccc;transform:translateY(-1px)}.btn-icon{font-size:16px;flex-shrink:0}.btn-text{white-space:nowrap}.add-place-btn,.cart-btn,.mobile-search-btn{display:flex;align-items:center;gap:.5rem;padding:10px 16px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;color:#333;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px;white-space:nowrap}.add-place-btn:hover,.cart-btn:hover,.mobile-search-btn:hover{background:#f8f9fa;border-color:#ccc;transform:translateY(-1px)}.cart-btn{position:relative;padding:10px 16px 10px 12px}.cart-badge{position:absolute;top:-6px;right:-6px;background:#ff4081;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:600}.btn-primary{background:#000;color:#fff;border:2px solid #000;border-radius:8px;padding:12px 20px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover:not(:disabled){background:#333;border-color:#333;transform:translateY(-1px)}.btn-primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:#333;border:2px solid #e0e0e0;border-radius:8px;padding:12px 20px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#ccc;transform:translateY(-1px)}.btn-secondary:disabled{background:#f8f9fa;color:#999;cursor:not-allowed;transform:none}.btn-tertiary{background:transparent;color:#666;border:2px solid transparent;border-radius:8px;padding:12px 20px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-tertiary:hover{background:#f8f9fa;color:#333}.profile-container{position:relative;display:flex;align-items:center}.profile-avatar-wrapper{position:relative;cursor:pointer;transition:transform .2s ease}.profile-avatar-wrapper:hover{transform:scale(1.05)}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0;transition:all .3s ease}.profile-avatar:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff4d}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#28a745;border:2px solid white;border-radius:50%;animation:pulse-online 2s infinite}@keyframes pulse-online{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 6px #28a74500}to{box-shadow:0 0 #28a74500}}.dropdown-home{position:relative;display:inline-block;min-width:200px}.dropdown-trigger{width:100%;padding:12px 16px;background:#fff;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;font-family:inherit}.dropdown-trigger:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.trigger-content{display:flex;align-items:center;gap:12px;width:100%}.trigger-icon{font-size:20px;color:#007bff;flex-shrink:0}.trigger-text{font-size:16px;font-weight:600;color:#1a1a1a;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-arrow{font-size:18px;color:#666;transition:transform .3s ease;flex-shrink:0}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 10px 40px #00000026;z-index:1100;animation:dropdownSlideIn .2s ease-out;overflow:hidden}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-header{padding:20px 20px 16px;border-bottom:1px solid #f0f2f5;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.menu-title{margin:0 0 4px;font-size:18px;font-weight:700}.menu-subtitle{margin:0;font-size:14px;opacity:.9;font-weight:400}.menu-items{padding:8px;max-height:400px;overflow-y:auto}.menu-item{display:flex;align-items:center;padding:12px 16px;border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease;position:relative;border:1px solid transparent}.menu-item:hover{background:#f8f9fa;border-color:#e1e5e9;transform:translate(4px)}.menu-item.active{background:#f0f8ff;border-color:#007bff}.menu-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:10px;margin-right:12px;flex-shrink:0;transition:all .2s ease}.menu-item:hover .menu-item-icon,.menu-item.active .menu-item-icon{background:#007bff;color:#fff}.menu-item-icon svg{font-size:20px}.menu-item-content{flex:1;min-width:0}.menu-item-title{display:block;font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.menu-item-description{display:block;font-size:12px;color:#666;line-height:1.3}.active-indicator{width:6px;height:6px;background:#007bff;border-radius:50%;margin-left:8px;flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.drop-menu-home{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 10px 40px #00000026;z-index:1100;min-width:280px;animation:dropdownSlideIn .2s ease-out;overflow:hidden}.drop-menu-home .menu-header{padding:20px;border-bottom:1px solid #f0f2f5;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{position:relative}.user-avatar img{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.online-status{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#28a745;border:2px solid white;border-radius:50%}.user-details h4{margin:0 0 4px;font-size:16px;font-weight:600}.user-details span{font-size:12px;opacity:.9}.drop-menu-home .menu-items{padding:8px}.drop-menu-home .menu-item{display:flex;align-items:center;padding:12px 16px;border-radius:12px;text-decoration:none;color:#1a1a1a;transition:all .2s ease;position:relative;margin-bottom:4px}.drop-menu-home .menu-item:hover{background:#f8f9fa;transform:translate(4px)}.drop-menu-home .menu-item.logout{color:#dc3545}.drop-menu-home .menu-item.logout:hover{background:#f8d7da}.item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-right:12px;flex-shrink:0}.item-title{font-size:14px;font-weight:500;flex:1}.logout-indicator{width:6px;height:6px;background:#dc3545;border-radius:50%;margin-left:8px}.menu-footer{padding:16px 20px;border-top:1px solid #f0f2f5;background:#f8f9fa}.quick-stats{display:flex;justify-content:space-around}.stat{text-align:center}.stat-number{display:block;font-size:18px;font-weight:700;color:#007bff}.stat-label{display:block;font-size:11px;color:#666;margin-top:2px}.map-layout{display:grid;grid-template-columns:350px 1fr;flex:1;height:calc(100vh - 80px)}.map-main{position:relative;overflow:hidden}.map-container{height:100%;width:100%}.map-controls{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000}.control-btn{width:48px;height:48px;padding:0;border:none;border-radius:12px;background:#fff;box-shadow:0 2px 12px #00000026;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent}.control-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.control-btn:active{transform:translateY(0) scale(.95)}.control-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 18px #667eea8c;transform:translateY(-2px)}.control-btn.active{font-size:24px}.control-btn.active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 22px #667eeab3}.control-btn.clear-route-btn{color:#ff4081}.control-btn.clear-route-btn:hover{background:#ffebee}.control-btn.clear-route-btn.active{background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff}.style-selector{padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:12px;cursor:pointer;font-family:inherit;transition:all .3s ease}.style-selector:focus{outline:none;border-color:#007bff}@media(max-width:768px){.map-controls{top:10px;right:10px}.control-btn{width:44px;height:44px;font-size:18px}.control-btn.active{font-size:22px}}.journey-planner{position:absolute;bottom:20px;left:20px;right:20px;max-width:400px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;z-index:1100;overflow:hidden;margin-bottom:env(safe-area-inset-bottom,20px);max-height:85vh;display:flex;flex-direction:column}.journey-planner.delivery{max-height:90vh}.planner-header{padding:1.25rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;background:#fff;transition:background .3s ease;flex-shrink:0}.planner-header:hover{background:#f8f9fa}.planner-header h3{margin:0;color:#1a1a1a;font-weight:600;font-size:1.1rem}.expand-icon{color:#666;font-size:12px;transition:transform .3s ease}.journey-planner.expanded .expand-icon{transform:rotate(180deg)}.planner-content{padding:1.5rem;background:#fff;overflow-y:auto;flex:1;max-height:calc(85vh - 80px)}.journey-planner.delivery .planner-content{max-height:calc(90vh - 80px)}.input-group{margin-bottom:1.25rem}.input-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:600;font-size:14px}.input-with-suggestions{position:relative}.input-with-suggestions input{width:100%;padding:12px 45px 12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s;font-family:inherit;background:#fff}.input-with-suggestions input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.location-pin-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;font-size:16px;transition:background .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.location-pin-btn:hover{background:#f8f9fa}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 15px #0000001a;z-index:1001;max-height:200px;overflow-y:auto;margin-top:4px}.package-details{background:#f8f9fa;padding:1rem;border-radius:12px;margin-bottom:1.5rem}.package-details h4{margin:0 0 .75rem;color:#1a1a1a;font-weight:600;font-size:.9rem}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.planner-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap;flex-shrink:0}.planner-actions .btn-primary,.planner-actions .btn-secondary,.planner-actions .btn-tertiary{flex:1;min-width:120px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ride-options-modal,.delivery-options-modal{background:#fff;border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:1}.modal-header h2{margin:0;color:#1a1a1a;font-weight:700;font-size:1.5rem}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-btn:hover{background:#f8f9fa;color:#333}.vehicle-options{padding:1rem}.vehicle-option{display:flex;align-items:center;padding:1rem;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:.75rem;cursor:pointer;transition:all .3s ease;background:#fff}.vehicle-option:hover{border-color:#007bff;transform:translateY(-1px)}.vehicle-option.selected{border-color:#007bff;background:#f0f8ff}.vehicle-icon{font-size:2rem;margin-right:1rem;flex-shrink:0}.vehicle-info{flex:1}.vehicle-info h4{margin:0 0 4px;color:#1a1a1a;font-size:16px;font-weight:600}.vehicle-info p{margin:0 0 4px;color:#666;font-size:14px}.vehicle-info small{color:#888;font-size:12px}.vehicle-fare{text-align:right;flex-shrink:0}.fare{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.time{font-size:14px;color:#666}.modal-actions{padding:1.5rem;border-top:1px solid #e0e0e0;background:#f8f9fa}.proceed-btn{width:100%;justify-content:center}.route-info{padding:1rem 1.5rem}.location{display:flex;align-items:flex-start;margin-bottom:1rem;gap:.75rem}.dot{width:12px;height:12px;border-radius:50%;margin-top:4px;flex-shrink:0}.location.from .dot{background:#007bff}.location.to .dot{background:#28a745}.distance-info{padding:.75rem 0;color:#666;font-weight:500;border-top:1px solid #e0e0e0}.package-info{padding:.75rem 0;color:#666;border-top:1px solid #e0e0e0}.package-info div{margin-bottom:.25rem}.search-loading,.loading{padding:12px 16px;color:#666;font-size:14px;text-align:center;background:#f8f9fa;border-radius:8px;margin:8px 0}.no-places,.no-results{padding:2rem 1rem;text-align:center;color:#666;font-size:14px;font-style:italic}.planner-content::-webkit-scrollbar{width:6px}.planner-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.planner-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.planner-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.custom-marker{background:transparent!important;border:none!important}.marker-pin{width:40px;height:40px;border-radius:50% 50% 50% 0;background:#007bff;position:relative;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000004d}.marker-icon{transform:rotate(45deg);color:#fff;font-size:16px}.marker-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#007bff4d;animation:pulse 2s infinite;z-index:-1}.place-popup{min-width:200px}.place-popup h3{margin:0 0 8px;color:#1a1a1a;font-size:16px}.place-popup p{margin:0 0 12px;color:#666;font-size:14px}@media(max-width:768px){.map-header{padding:.75rem 1rem}.header-content{gap:.5rem;flex-wrap:nowrap}.header-title{font-size:1.1rem;text-align:left;flex:1;min-width:0}.header-actions{gap:.5rem}.add-place-btn .btn-text,.cart-btn .btn-text,.mobile-search-btn .btn-text{display:none}.add-place-btn,.cart-btn,.mobile-search-btn{padding:8px;min-width:44px;height:44px;justify-content:center}.btn-icon{margin:0;font-size:16px}.profile-avatar{width:36px;height:36px}.online-indicator{width:10px;height:10px;bottom:1px;right:1px}.dropdown-home{min-width:auto}.dropdown-trigger{padding:8px 12px}.trigger-text{font-size:14px}.trigger-icon{font-size:18px}.dropdown-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:400px;max-height:80vh;margin:0}.map-layout{grid-template-columns:1fr;height:calc(100vh - 70px)}.map-controls{top:10px;right:10px}.control-btn{width:44px;height:44px;font-size:18px}.journey-planner{left:10px;right:10px;bottom:10px;max-width:none;margin-bottom:env(safe-area-inset-bottom,10px);max-height:80vh}.journey-planner.delivery{max-height:85vh}.planner-content{max-height:calc(80vh - 80px);padding:1rem}.journey-planner.delivery .planner-content{max-height:calc(85vh - 80px)}.planner-actions{flex-direction:column}.planner-actions .btn-primary,.planner-actions .btn-secondary,.planner-actions .btn-tertiary{flex:none;min-width:auto}.modal-overlay{padding:.5rem}.ride-options-modal,.delivery-options-modal{border-radius:16px}.search-results-dropdown{position:fixed;top:70px;left:10px;right:10px;max-height:60vh;z-index:2000}.search-result-item{padding:16px}.search-result-text strong{font-size:16px}.search-result-text span{font-size:14px}.drop-menu-home{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:400px;max-height:80vh;margin:0}.mobile-home-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:400px;z-index:1100}}@media(max-width:480px){.header-title{font-size:1rem}.profile-avatar{width:32px;height:32px}.header-actions{gap:.25rem}.input-row{grid-template-columns:1fr;gap:.75rem}.package-details,.vehicle-option{padding:.75rem}.vehicle-icon{font-size:1.5rem;margin-right:.75rem}.vehicle-info h4{font-size:14px}.vehicle-info p{font-size:12px}.fare{font-size:16px}.planner-header{padding:1rem}.planner-header h3{font-size:1rem}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #007bff;outline-offset:2px}@media(prefers-contrast:high){.map-header{border-bottom:2px solid #000}.control-btn{border:1px solid #000}.btn-primary{border-width:2px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.control-btn.active:after{animation:none}.online-indicator,.active-indicator{animation:none}}@media(prefers-color-scheme:dark){.map-page{background:#1a1a1a;color:#e0e0e0}.map-header{background:#2d2d2d;border-bottom-color:#404040}.header-title{color:#e0e0e0}.header-btn,.add-place-btn,.cart-btn,.mobile-search-btn,.home-icon-btn{background:#404040;border-color:#555;color:#e0e0e0}.header-btn:hover,.add-place-btn:hover,.cart-btn:hover,.mobile-search-btn:hover,.home-icon-btn:hover{background:#4a4a4a;border-color:#666}.map-container{filter:brightness(.8)}}.map-loading-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.map-loading-overlay p{color:#666;font-size:.9rem}.popup-actions{display:flex;gap:8px;margin-top:12px}.popup-actions .btn-primary,.popup-actions .btn-secondary{padding:8px 12px;font-size:12px;flex:1}.product-popup,.event-popup,.job-popup{min-width:220px}.job-popup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.job-type-badge{display:inline-block;padding:2px 6px;background:#e9ecef;border-radius:4px;font-size:10px;font-weight:600;color:#495057;text-transform:uppercase;margin-left:8px}.job-details{margin:8px 0;font-size:12px}.job-details p{margin:4px 0}.store-image-marker{border-radius:50%;border:2px solid white;box-shadow:0 2px 5px #0000004d}.store-image-marker .marker-image-container{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden}.store-image-marker .store-marker-image{width:100%;height:100%;object-fit:cover}.store-image-marker .fallback-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#4caf50;color:#fff;font-size:18px}.store-image-marker.selected{border:3px solid #007bff;box-shadow:0 0 0 3px #007bff4d}.store-image-marker .marker-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#007bff4d;animation:pulse 2s infinite}.store-marker .marker-pin{width:40px;height:40px;border-radius:50% 50% 50% 0;background:#4caf50;position:relative;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;margin:0 auto}.store-marker .marker-pin .marker-icon{transform:rotate(45deg);color:#fff;font-size:18px}.store-marker .marker-pin.Accomodation{background:#ff5722}.store-marker .marker-pin.Restaurant{background:#2196f3}.store-marker .marker-pin.Retail{background:#9c27b0}.store-marker .marker-pin.Service{background:#ffc107}.store-marker .marker-pin.Entertainment{background:#e91e63}.place-popup .popup-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.place-popup .popup-store-image{width:60px;height:60px;border-radius:8px;object-fit:cover}.place-popup h3{margin:0;font-size:16px;color:#333}.place-popup .store-category{margin:0;font-size:12px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:12px;display:inline-block}.place-popup .store-bio{margin:10px 0;font-size:14px;color:#555;line-height:1.4}.place-popup .store-rating{display:flex;align-items:center;gap:5px;margin:8px 0}.place-popup .store-rating .stars{color:#ffc107;font-size:14px}.place-popup .store-rating .rating-number{font-size:12px;color:#777}.place-popup .popup-actions{display:flex;gap:8px;margin-top:12px}.place-popup .btn-primary,.place-popup .btn-secondary{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:12px;flex:1}.place-popup .btn-primary{background:#007bff;color:#fff}.place-popup .btn-secondary{background:#6c757d;color:#fff}.place-popup .btn-primary:hover{background:#0056b3}.place-popup .btn-secondary:hover{background:#545b62}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@media(max-width:768px){.store-image-marker .marker-image-container{width:32px;height:32px}.store-image-marker{border-width:1px}.place-popup .popup-store-image{width:50px;height:50px}}.store-page{min-height:100vh;background:var(--bg, #f7f8fa);color:var(--text, #0f172a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;padding-bottom:40px}.store-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;padding:12px 20px;background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border, #e5e7eb)}.store-back,.store-cart{position:relative;width:40px;height:40px;border-radius:12px;border:none;background:var(--surface-2, #f1f3f6);color:var(--text, #0f172a);display:grid;place-items:center;font-size:15px;cursor:pointer}.store-back:hover,.store-cart:hover{background:var(--border-strong, #d1d5db)}.store-cart-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px}.store-topbar h1{margin:0;font-size:16px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-hero{display:flex;flex-direction:column;gap:16px;padding:16px 20px;max-width:900px;width:100%;margin:0 auto}.store-hero-image{width:100%;aspect-ratio:21 / 9;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.store-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.store-hero-placeholder{display:grid;place-items:center;height:100%;color:#fff;font-size:64px;opacity:.7}.store-hero-body{display:flex;flex-direction:column;gap:6px}.store-hero-body h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.store-chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--surface-2, #f1f3f6);color:var(--text-muted, #6b7280);font-size:11px;font-weight:600;align-self:flex-start}.store-rating{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#f59e0b;align-self:flex-start}.store-bio{margin:4px 0 0;color:var(--text-muted, #6b7280);font-size:14px;line-height:1.5;max-width:640px}.store-address{margin:4px 0 0;font-size:13px;color:var(--text-muted, #6b7280);display:inline-flex;gap:6px;align-items:center}.store-tabs{display:flex;gap:4px;max-width:900px;margin:0 auto;padding:0 20px;border-bottom:1px solid var(--border, #e5e7eb)}.store-tab{padding:12px 20px;border:none;background:transparent;color:var(--text-muted, #6b7280);font:inherit;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.store-tab:hover{color:var(--text, #0f172a)}.store-tab.is-active{color:#6366f1;border-bottom-color:#6366f1}.store-tab-count{background:var(--surface-2, #f1f3f6);padding:1px 7px;border-radius:999px;font-size:11px;color:var(--text-muted, #6b7280)}.store-main{max-width:900px;margin:0 auto;padding:20px;width:100%}.store-search-wrap{position:relative;margin-bottom:16px}.store-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted, #6b7280);font-size:14px}.store-search{width:100%;padding:12px 14px 12px 40px;border-radius:14px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #fff);font:inherit;font-size:14px;color:inherit;outline:none;box-sizing:border-box}.store-search:focus{border-color:#6366f1}.store-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.store-product-card{display:flex;flex-direction:column;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:16px;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}.store-product-card:hover{transform:translateY(-2px);border-color:#6366f1;box-shadow:0 8px 20px #6366f11f}.store-product-tap{padding:0;border:none;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column}.store-product-image{aspect-ratio:1;background:var(--surface-2, #f1f3f6);overflow:hidden}.store-product-image img{width:100%;height:100%;object-fit:cover;display:block}.store-product-placeholder{display:grid;place-items:center;height:100%;font-size:36px;opacity:.5}.store-product-body{padding:12px 12px 6px}.store-product-body h4{margin:0 0 2px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-product-brand{margin:0 0 6px;font-size:11px;color:var(--text-muted, #6b7280)}.store-product-price{font-size:15px;font-weight:700;color:#6366f1}.store-product-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0 10px 10px;padding:10px;border-radius:12px;border:none;background:#10b981;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.store-product-add:hover:not(:disabled){background:#059669}.store-product-add:disabled{opacity:.7;cursor:default}.store-product-add.is-added{background:#059669}.store-add-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .6s linear infinite}.store-about h3{margin-top:0}.store-about p{font-size:14px;color:var(--text-muted, #6b7280);line-height:1.6}.store-about-meta{font-size:13px;color:var(--text, #0f172a)}.store-loading,.store-error{display:grid;place-items:center;min-height:50vh;padding:40px}.store-spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border, #e5e7eb);border-top-color:#6366f1;animation:spin .8s linear infinite}.store-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #6b7280)}.store-empty svg{font-size:36px;opacity:.4;margin-bottom:8px}.store-primary{padding:12px 20px;border-radius:12px;border:none;background:#6366f1;color:#fff;font:inherit;font-weight:700;cursor:pointer}[data-theme=dark] .store-page{--bg: #0b1120;--surface: #111827;--surface-2: #1f2937;--border: #1f2937;--border-strong: #374151;--text: #f9fafb;--text-muted: #9ca3af}.store-owner-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:0 16px 8px;background:#eef6ff;border:1px solid #b9dcff;border-radius:12px}.store-owner-label{font-size:.85rem;font-weight:600;color:#1f5fa8}.store-owner-actions{display:flex;gap:8px}.store-owner-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;background:#1f5fa8;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease}.store-owner-btn:hover{background:#174a85}.store-owner-btn svg{font-size:.9em}.shopEditBox{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:900px;width:100%;margin:0 auto;padding:14px 20px}.shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid var(--border, #e5e7eb);border-radius:12px;background:var(--surface, #fff);color:var(--text, #0f172a);font:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}.shop-btn:hover{border-color:#6366f1;background:var(--surface-2, #f1f3f6);box-shadow:0 4px 12px #6366f11f}.shop-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.shop-btn:active{transform:translateY(1px)}.shop-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 4px 14px #6366f14d}.shop-btn.active:hover{background:#4f46e5;border-color:#4f46e5}.shop-btn.dashboard-btn{background:#6366f1;border-color:#6366f1;color:#fff;margin-left:auto}.shop-btn.dashboard-btn:hover{background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 14px #6366f14d}.shopping-app{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.shopping-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 10px #00000014;padding:10px 16px}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:12px}.header-left .logo{background:none;border:none;padding:0;font-size:1.4rem;font-weight:700;color:#ff4d6d;cursor:pointer;white-space:nowrap;font-family:inherit}.header-right{display:flex;align-items:center;gap:8px;position:relative}.header-search-wrapper{display:flex;align-items:center;width:260px;transition:width .25s ease,opacity .2s ease}.header-search-form{display:flex;align-items:center;width:100%;background:#f4f4f5;border-radius:24px;padding:4px 4px 4px 14px}.header-search-input{flex:1;border:none;background:transparent;outline:none;font-size:.9rem;padding:6px 0;min-width:0;color:#222}.header-search-input::placeholder{color:#9a9aa1}.header-search-btn{border:none;background:#ff4d6d;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0}.header-search-btn:hover{background:#e03a5a}.header-icon-btn{position:relative;border:none;background:#f4f4f5;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .15s ease;flex-shrink:0}.header-icon-btn:hover{background:#e8e8ea;transform:translateY(-1px)}.header-icon-btn:active{transform:translateY(0)}.header-icon-btn.cart-btn{background:#fff0f3}.header-icon-btn.cart-btn:hover{background:#ffe0e6}.search-toggle{display:none}.cart-badge{position:absolute;top:-4px;right:-4px;background:#ff4d6d;color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff;line-height:1}@media(max-width:768px){.header-search-wrapper{position:absolute;top:50%;right:100px;transform:translateY(-50%);width:0;opacity:0;overflow:hidden;pointer-events:none}.header-search-wrapper.active{width:min(72vw,340px);opacity:1;pointer-events:auto}.search-toggle{display:flex}.header-left .logo{font-size:1.15rem}.header-icon-btn{width:38px;height:38px;font-size:1.05rem}}@media(max-width:380px){.header-search-wrapper.active{width:60vw;right:92px}}.main-shopping{max-width:1200px;margin:0 auto;padding:0 1.5rem;animation:fadeIn .6s ease-out}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;background:transparent}.loading-spinner{width:60px;height:60px;border:3px solid rgba(0,123,255,.1);border-top:3px solid #007bff;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;margin-bottom:1.5rem;box-shadow:0 4px 15px #007bff33}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-container p{color:#6c757d;font-size:1.2rem;font-weight:500;background:linear-gradient(135deg,#6c757d,#495057);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navigation-source-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;border-radius:12px;box-shadow:0 4px 15px #667eea4d;animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.navigation-source-banner span{font-weight:600;font-size:.95rem}.navigation-source-banner button{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.navigation-source-banner button:hover{background:#ffffff4d;transform:scale(1.1)}.active-category-header{padding:2rem 0 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06)}.active-category-header h2{margin:0;font-size:1.75rem;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-count{font-size:1rem;color:#718096;font-weight:500;background:#e2e8f0;padding:.25rem .75rem;border-radius:20px;margin-left:.5rem}.view-on-map-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #48bb784d}.view-on-map-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #48bb7866}.view-on-map-btn:active{transform:translateY(0)}.section-header{display:flex;justify-content:space-between;align-items:center;margin:2.5rem 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;position:relative}.section-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:3px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:2px}.section-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:.75rem}.stores-count,.product-count{font-size:.95rem;color:#718096;font-weight:500;background:#f7fafc;padding:.3rem .8rem;border-radius:15px;border:1px solid #e2e8f0}.see-all-link{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border:1px solid #cbd5e0;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;border-radius:25px;transition:all .3s ease;text-decoration:none;display:inline-block}.see-all-link:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#2d3748;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;text-decoration:none}.no-products{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#fff,#f7fafc);border-radius:20px;margin:2.5rem 0;box-shadow:0 10px 40px #00000014;border:1px solid rgba(0,0,0,.05);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.no-products-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.8;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.no-products h3{margin:0 0 1rem;color:#2d3748;font-size:1.5rem;font-weight:700}.no-products p{color:#718096;margin-bottom:2rem;max-width:450px;margin-left:auto;margin-right:auto;line-height:1.6;font-size:1.05rem}.browse-all-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #007bff4d;position:relative;overflow:hidden}.browse-all-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.browse-all-btn:hover:before{left:100%}.browse-all-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #007bff66}.browse-all-btn:active{transform:translateY(0)}.floating-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.heart{position:absolute;font-size:1.5rem;animation:floatUp 1s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(1.5)}}.shopping-app::-webkit-scrollbar{width:8px}.shopping-app::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.shopping-app::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:4px}.shopping-app::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0056b3,#004085)}@media(max-width:1024px){.main-shopping{padding:0 1.25rem}}@media(max-width:768px){.main-shopping{padding:0 1rem}.section-header{margin:2rem 0 1.25rem}.section-header h3{font-size:1.3rem}.active-category-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem 0 1rem}.active-category-header h2{font-size:1.5rem}.view-on-map-btn{align-self:stretch;text-align:center;justify-content:center}.no-products{padding:3rem 1.5rem;margin:2rem 0}.no-products-icon{font-size:4rem}}@media(max-width:480px){.main-shopping{padding:0 .75rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin:1.5rem 0 1rem}.see-all-link{align-self:stretch;text-align:center}.section-header h3{font-size:1.25rem}.active-category-header h2{font-size:1.3rem;flex-direction:column;align-items:flex-start;gap:.5rem}.results-count{margin-left:0;margin-top:.25rem}.navigation-source-banner{margin:.5rem .75rem 1rem;border-radius:10px}.no-products{padding:2.5rem 1rem;margin:1.5rem 0}.no-products-icon{font-size:3.5rem}.no-products h3{font-size:1.3rem}.no-products p{font-size:1rem}}@media(prefers-color-scheme:dark){.shopping-app{background:linear-gradient(135deg,#1a202c,#2d3748)}.shopping-header{background:#2d3748f2;border-bottom-color:#ffffff1a}.active-category-header h2{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header{border-bottom-color:#ffffff1a}.no-products{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#ffffff1a}.no-products h3{color:#e2e8f0}.no-products p{color:#a0aec0}}@media(prefers-contrast:high){.shopping-app{background:#fff}.shopping-header{background:#fff;border-bottom:2px solid #000000}.section-header{border-bottom:3px solid #000000}.view-on-map-btn,.browse-all-btn{background:#000;color:#fff;border:2px solid #000000}}@media(prefers-reduced-motion:reduce){.loading-spinner,.no-products-icon,.view-on-map-btn,.browse-all-btn,.see-all-link,.navigation-source-banner,.floating-hearts{animation:none;transition:none}.shopping-app{animation:none}}.currency-info{font-size:14px;color:#666;background:#f8f9fa;padding:4px 8px;border-radius:4px;border:1px solid #e9ecef}.header-actions{display:flex;align-items:center;gap:16px}.active-category-header{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;padding:0 1rem}.floating-heart{position:fixed;pointer-events:none;z-index:10000;font-size:1.5rem;animation:floatHeart 1s ease-out forwards;-webkit-user-select:none;user-select:none}@keyframes floatHeart{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-50px) scale(1.2)}to{opacity:0;transform:translateY(-100px) scale(1.5)}}.cart-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:9998}.cart-sidebar{position:fixed;top:0;right:0;bottom:0;width:400px;background:#fff;box-shadow:-2px 0 10px #0000001a;z-index:9999;display:flex;flex-direction:column;transform:translate(0);transition:transform .3s ease}.cart-header{padding:20px;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.close-cart-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px}.close-cart-btn:hover:not(:disabled){background:#e9ecef}.close-cart-btn:disabled{opacity:.6;cursor:not-allowed}.cart-content{flex:1;overflow-y:auto;padding:20px}.cart-loading{text-align:center;padding:20px;color:#6c757d}.loading-spinner{width:20px;height:20px;border:2px solid #e1e5e9;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.empty-cart{text-align:center;padding:40px 20px;color:#6c757d}.empty-cart-icon{font-size:64px;margin-bottom:16px;opacity:.5}.cart-items{space-y:12px}.cart-item{display:flex;gap:12px;padding:16px;border:1px solid #e1e5e9;border-radius:8px;background:#fff;transition:border-color .2s ease}.cart-item:hover{border-color:#007bff}.cart-item-image{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-weight:600;margin-bottom:4px;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-store{color:#6c757d;font-size:12px;margin-bottom:4px}.cart-item-price{font-weight:600;color:#007bff;margin-bottom:8px}.cart-item-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.quantity-controls{display:flex;align-items:center;gap:8px;background:#f8f9fa;border-radius:6px;padding:4px}.quantity-controls button{width:28px;height:28px;border:1px solid #e1e5e9;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700}.quantity-controls button:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff}.quantity-controls button:disabled{opacity:.5;cursor:not-allowed}.quantity-display{min-width:20px;text-align:center;font-weight:600}.remove-item-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px}.remove-item-btn:hover:not(:disabled){background:#dc3545;color:#fff}.remove-item-btn:disabled{opacity:.6;cursor:not-allowed}.cart-summary{margin-top:20px;padding-top:20px;border-top:2px solid #e1e5e9}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.summary-row.total{font-weight:600;font-size:18px;border-top:1px solid #e1e5e9;padding-top:12px;margin-top:8px;color:#2d3748}.cart-actions{display:flex;gap:12px;margin-top:20px}.cart-actions .btn-secondary,.cart-actions .btn-primary{flex:1;padding:12px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.cart-actions .btn-secondary{background:#6c757d;color:#fff}.cart-actions .btn-secondary:hover:not(:disabled){background:#5a6268}.cart-actions .btn-primary{background:#007bff;color:#fff}.cart-actions .btn-primary:hover:not(:disabled){background:#0056b3}.cart-actions button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.cart-sidebar{width:100%}.cart-item{padding:12px}.cart-item-actions{flex-direction:column;align-items:flex-start;gap:8px}.cart-actions{flex-direction:column}}.location-bar{background:#fff;border-bottom:1px solid #e9ecef;padding:1rem 0}.location-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.location-info{display:flex;align-items:center;gap:.75rem}.location-icon{font-size:1.25rem}.location-texts{display:flex;flex-direction:column}.location-label{font-size:.75rem;color:#6c757d;font-weight:500}.address-text{font-size:.9rem;font-weight:500;color:#333}.location-actions{position:relative}.change-location-btn{background:#f8f9fa;border:1px solid #dee2e6;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;color:#495057;transition:all .2s ease}.change-location-btn:hover{background:#e9ecef;border-color:#adb5bd}.location-search{position:absolute;top:100%;right:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;box-shadow:0 4px 20px #00000026;z-index:1000;min-width:300px}.location-search-input{width:100%;padding:.75rem;border:1px solid #dee2e6;border-radius:6px;font-size:.875rem;margin-bottom:.75rem}.location-search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.cancel-location-btn{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;width:100%}.cancel-location-btn:hover{background:#5a6268}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1001}.suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:background-color .2s ease}.suggestion-item:hover{background:#f8f9fa}.suggestion-item:last-child{border-bottom:none}.suggestion-icon{font-size:1rem;color:#6c757d}.suggestion-text{font-size:.875rem;color:#495057}@media(max-width:768px){.location-content{padding:0 .5rem;flex-direction:column;align-items:flex-start;gap:1rem}.location-actions{width:100%}.location-search{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;min-width:unset}.suggestions-dropdown{position:relative;top:unset}}@media(max-width:480px){.location-info{gap:.5rem}.location-icon{font-size:1.1rem}.location-label{font-size:.7rem}.address-text{font-size:.8rem}}.image-container{position:relative;width:100%;height:100%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c757d;gap:.5rem;padding:2rem}.image-placeholder span:first-child{font-size:2rem}.image-placeholder span:last-child{font-size:.875rem;font-weight:500}.image-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.loading-spinner-small{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.store-img-grid,.product-img,.cart-item-image,.store-header-image{background:#f8f9fa}.store-img-grid .image-placeholder,.product-img .image-placeholder{background:#e9ecef}.cart-item-image .image-placeholder{background:#dee2e6}.store-header-image .image-placeholder{background:#ced4da}.store-header-container{background:#fff;border-radius:16px;margin:1rem 0 2rem;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;overflow:hidden;position:relative}.store-nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:#fafafa;border-bottom:1px solid #e8e8e8}.nav-back-btn{display:flex;align-items:center;gap:.75rem;background:#fff;color:#666;border:1px solid #e0e0e0;padding:.75rem 1.25rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.nav-back-btn:hover{background:#f8f8f8;border-color:#d0d0d0;transform:translate(-2px)}.back-icon{width:18px;height:18px;color:#888}.nav-actions{display:flex;gap:.75rem}.nav-action-btn{display:flex;align-items:center;gap:.5rem;background:#fff;color:#555;border:1px solid #e0e0e0;padding:.75rem 1.25rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease}.nav-action-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff;transform:translateY(-1px)}.nav-action-active{background:#007bff;color:#fff;border-color:#007bff}.nav-action-active:hover{background:#0056b3;border-color:#0056b3;color:#fff}.dashboard-btn:hover{border-color:#28a745;color:#28a745}.action-icon{width:16px;height:16px}.store-header-content-modern{padding:2.5rem 2rem;position:relative}.store-identity{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start;margin-bottom:2rem}.store-avatar{position:relative;flex-shrink:0}.store-avatar-image{width:120px;height:120px;border-radius:20px;object-fit:cover;border:4px solid #ffffff;box-shadow:0 8px 25px #0000001a;background:#f8f9fa;position:relative;z-index:1}.store-avatar-image:before,.store-avatar-image:after{display:none!important;content:none!important}.store-status{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.375rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e8e8e8;z-index:2}.status-indicator{width:6px;height:6px;background:#28a745;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.store-details{flex:1;position:relative}.store-title-section{margin-bottom:1rem}.store-title-modern{font-size:2.25rem;font-weight:800;color:#1a1a1a;margin:0 0 1rem;line-height:1.1;position:relative}.store-title-modern:before,.store-title-modern:after{display:none!important}.store-badges{display:flex;gap:.75rem;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid;position:relative;z-index:1}.rating-badge{background:#fff9e6;color:#b54708;border-color:#fedf89}.category-badge{background:#f0f9ff;color:#026aa2;border-color:#bae6fd}.distance-badge{background:#f8f9fa;color:#475569;border-color:#e2e8f0}.star-icon,.location-icon{width:14px;height:14px}.store-description-modern{font-size:1.1rem;line-height:1.6;color:#666;margin:0 0 2rem;max-width:500px;position:relative}.store-header-container:before,.store-header-container:after,.store-avatar:before,.store-avatar:after,.store-details:before,.store-details:after{display:none!important;content:none!important}.product-image-container{position:relative}.product-image-container:before,.product-image-container:after{display:none!important;content:none!important}.store-stats{display:flex;gap:2rem}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:800;color:#1a1a1a;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quick-actions{border-top:1px solid #f0f0f0;padding-top:2rem}.action-cards{display:flex;gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:120px;position:relative}.action-card:hover{background:#fff;border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff1a}.action-icon-wrapper{width:48px;height:48px;background:#007bff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;z-index:1}.action-icon-wrapper svg{width:24px;height:24px}.action-card span{font-size:.85rem;font-weight:600;color:#333}img[class*=watermark],img[class*=overlay],.watermark,.overlay,.image-watermark,.image-overlay{display:none!important;opacity:0!important;visibility:hidden!important}.store-avatar-image,.product-img,.product-image{filter:none!important;opacity:1!important;background-image:none!important}.store-header-container,.store-avatar,.store-details{background-image:none!important;background:transparent}@media(max-width:768px){.store-header-container{margin:.5rem 0 1.5rem;border-radius:12px}.store-nav{padding:1rem;flex-direction:column;gap:1rem}.nav-actions{width:100%;justify-content:center}.store-header-content-modern{padding:1.5rem}.store-identity{grid-template-columns:1fr;gap:1.5rem;text-align:center}.store-avatar-image{width:100px;height:100px}.store-title-modern{font-size:1.75rem}.store-stats{justify-content:center;gap:1.5rem}.action-cards{justify-content:center}}@media(max-width:480px){.store-title-modern{font-size:1.5rem}.store-badges{justify-content:center}.store-stats{flex-direction:column;gap:1rem}.action-cards{flex-direction:column;align-items:center}.action-card{width:100%;max-width:200px}}.store-avatar{overflow:hidden}.store-avatar-image{-webkit-mask-image:none!important;mask-image:none!important}.store-avatar:after{display:none!important;content:none!important}.store-avatar-image{background:transparent!important}.hero-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 1rem;margin:1rem 0 2rem;border-radius:16px;text-align:center;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='m0 40l40-40h-40v40zm40 0v-40h-40l40 40z'/%3E%3C/g%3E%3C/svg%3E")}.hero-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.hero-content h1{font-size:2.5rem;margin:0 0 1rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-content p{font-size:1.1rem;margin:0 0 2rem;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.1)}.search-bar{display:flex;gap:.5rem;max-width:500px;margin:0 auto}.search-input-container{flex:1;position:relative;background:#fff;border-radius:8px;overflow:hidden}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:none;background:transparent;font-size:1rem;color:#333}.search-input:focus{outline:none}.search-input::placeholder{color:#6c757d}.search-btn{background:#ff6b6b;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.search-btn:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}@media(max-width:768px){.hero-banner{padding:2rem 1rem;margin:.5rem 0 1.5rem;border-radius:12px}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.search-bar{flex-direction:column}.search-btn{padding:.875rem 1.5rem}}@media(max-width:480px){.hero-banner{padding:1.5rem 1rem}.hero-content h1{font-size:1.75rem}.hero-content p{font-size:.9rem}.search-input{padding:.875rem .875rem .875rem 2.5rem;font-size:.9rem}.search-icon{left:.875rem;width:18px;height:18px}}.categories-nav-full{width:100%;background:#fff;border-bottom:1px solid #e9ecef;padding:1rem 0;overflow:hidden;position:sticky;top:60px;z-index:90}.categories-scroll-full{display:flex;gap:.5rem;padding:0 1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding:0 1rem;scroll-snap-type:x mandatory}.categories-scroll-full::-webkit-scrollbar{display:none;height:0}@media(max-width:768px){.categories-scroll-full{scrollbar-width:thin;scrollbar-color:#ccc transparent}.categories-scroll-full::-webkit-scrollbar{display:block;height:4px}.categories-scroll-full::-webkit-scrollbar-track{background:transparent;margin:0 1rem}.categories-scroll-full::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.categories-scroll-full::-webkit-scrollbar-thumb:hover{background:#aaa}}.category-item-full{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:80px;border:2px solid transparent;scroll-snap-align:start}.category-item-full:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.category-item-full.active{background:#007bff;color:#fff;border-color:#007bff;box-shadow:0 4px 12px #007bff4d}.category-icon-full{font-size:1.5rem;transition:transform .2s ease}.category-item-full:hover .category-icon-full,.category-item-full.active .category-icon-full{transform:scale(1.1)}.category-title-full{font-size:.75rem;font-weight:500;white-space:nowrap}@media(hover:none){.category-item-full:hover{transform:none;background:#f8f9fa}.category-item-full.active:hover{background:#007bff}}@media(max-width:768px){.categories-nav-full{top:56px;padding:.75rem 0}.categories-scroll-full{padding:0 .5rem;gap:.25rem;scroll-padding:0 .5rem}.category-item-full{padding:.5rem .75rem;min-width:70px}.category-icon-full{font-size:1.25rem}.category-title-full{font-size:.7rem}}@media(max-width:480px){.category-item-full{min-width:65px;padding:.5rem}.category-icon-full{font-size:1.1rem}.category-title-full{font-size:.65rem}.categories-scroll-full{position:relative}.categories-scroll-full:before,.categories-scroll-full:after{content:"";position:absolute;top:0;bottom:0;width:20px;z-index:1;pointer-events:none}.categories-scroll-full:before{left:0;background:linear-gradient(to right,white,transparent)}.categories-scroll-full:after{right:0;background:linear-gradient(to left,white,transparent)}}.stores-section{margin:2rem 0;position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 1rem}.section-header h3{margin:0;color:#333;font-size:1.5rem;font-weight:700}.stores-count{color:#6c757d;font-weight:400;font-size:1rem}.see-all-link{background:none;border:none;color:#007bff;cursor:pointer;font-weight:600;font-size:.9rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.see-all-link:hover{background:#f8f9fa;color:#0056b3}.stores-scroll-container{position:relative;width:100%}.stores-scroll-wrapper{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:1rem;margin:0 -1rem;scrollbar-width:none;-ms-overflow-style:none}.stores-grid{display:flex;gap:1.5rem;padding:.5rem 0;min-width:min-content}.store-card-grid{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:1px solid #e9ecef;min-width:180px;max-width:180px;flex-shrink:0;cursor:pointer;position:relative}.store-card-grid:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.store-image-container-grid{position:relative;height:120px;display:flex;justify-content:center;align-items:center;padding:1.5rem 1rem .5rem}.store-img-grid{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.store-card-grid:hover .store-img-grid{transform:scale(1.1);box-shadow:0 6px 20px #0003}.store-badges-grid{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.store-verified{background:#28a745;color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;box-shadow:0 2px 8px #28a7454d;z-index:2}.store-distance{background:#000c;color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.store-info-grid{padding:.75rem 1.25rem 1.25rem;text-align:center}.store-name-grid{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:#333;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-stats-grid{display:flex;justify-content:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.store-rating{background:#fff3cd;color:#856404;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.store-category{background:#d1ecf1;color:#0c5460;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.store-description-grid{margin:0 0 1rem;color:#6c757d;font-size:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8rem}.store-actions{display:flex;justify-content:center}.visit-store-btn-grid{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-block;min-width:120px}.visit-store-btn-grid:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.scroll-indicators{display:none}.mobile-swipe-hint{display:none;text-align:center;color:#6c757d;font-size:.8rem;margin-top:.5rem;opacity:.7}.mobile-swipe-hint:before{content:"← Swipe →"}.no-stores{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;margin:2rem 0}.no-stores-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-stores h3{margin:0 0 1rem;color:#333}.no-stores p{color:#6c757d;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.store-card-grid{min-width:260px;max-width:280px}.store-image-container-grid{height:110px}.store-img-grid{width:70px;height:70px}}@media(max-width:768px){.stores-section{margin:1.5rem 0}.section-header{padding:0 .5rem;margin-bottom:1rem}.section-header h3{font-size:1.3rem}.stores-scroll-wrapper{padding:.5rem;margin:0 -.5rem}.stores-grid{gap:1rem;padding:.25rem 0}.store-card-grid{min-width:240px;max-width:260px}.store-image-container-grid{height:100px;padding:1.25rem 1rem .25rem}.store-img-grid{width:65px;height:65px}.store-badges-grid{top:.75rem;left:.75rem;right:.75rem}.store-info-grid{padding:.5rem 1rem 1rem}.store-name-grid{font-size:1rem}.store-stats-grid{gap:.5rem}.store-rating,.store-category{font-size:.7rem;padding:.2rem .4rem}.visit-store-btn-grid{padding:.625rem 1.25rem;font-size:.75rem;min-width:110px}.mobile-swipe-hint{display:block}}@media(max-width:480px){.stores-section{margin:1rem 0}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.see-all-link{align-self:flex-end}.store-card-grid{min-width:220px;max-width:240px}.store-image-container-grid{height:90px;padding:1rem .75rem .25rem}.store-img-grid{width:60px;height:60px}.store-badges-grid{top:.5rem;left:.5rem;right:.5rem}.store-verified,.store-distance{font-size:.65rem;padding:.2rem .4rem}.store-info-grid{padding:.5rem .75rem .75rem}.store-name-grid{font-size:.95rem}.store-description-grid{font-size:.75rem;min-height:2.6rem}.visit-store-btn-grid{padding:.5rem 1rem;font-size:.7rem;min-width:100px}}@media(hover:none){.store-card-grid:hover{transform:none;box-shadow:0 4px 12px #0000001a}.store-card-grid:active{transform:scale(.98)}.visit-store-btn-grid:hover{transform:none;box-shadow:none}.visit-store-btn-grid:active{transform:scale(.95)}}@supports (scroll-behavior: smooth){.stores-scroll-wrapper{scroll-behavior:smooth}}.stores-scroll-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none}.stores-scroll-wrapper::-webkit-scrollbar{display:none}.products-section{padding:16px;margin-top:12px;width:100%;box-sizing:border-box}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.section-header h3{font-size:1.25rem;color:#333;font-weight:700;margin:0}.product-count{color:#666;font-weight:500;font-size:.85rem;margin-left:6px;background:#f1f3f6;padding:2px 10px;border-radius:999px}.products-grid-vertical{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:640px){.products-grid-vertical{gap:14px}}@media(min-width:900px){.products-grid-vertical{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;width:100%;min-width:0;position:relative}.product-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.product-image-container{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;background:#f4f4f6}.product-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.product-card:hover .product-img{transform:scale(1.03)}.like-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000026;transition:transform .15s,background .15s;z-index:20;padding:0}.like-btn:hover{background:#ffebeef2;transform:scale(1.08)}.like-btn.liked svg{animation:likePulse .3s ease}@keyframes likePulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.distance-badge{position:absolute;bottom:8px;left:8px;background:#000000bf;color:#fff;padding:3px 8px;border-radius:10px;font-size:.68rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;pointer-events:none}.out-of-stock-badge{position:absolute;top:8px;left:8px;background:#ff3b30;color:#fff;padding:3px 8px;border-radius:10px;font-size:.68rem;font-weight:600;z-index:20;pointer-events:none}.product-info{padding:8px;flex:1;display:flex;flex-direction:column;cursor:pointer;min-width:0}.product-info *{cursor:pointer}.product-name{font-size:.85rem;font-weight:600;color:#222;margin:0 0 2px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{font-size:.72rem;color:#666;margin:0 0 4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.product-brand,.store-name{font-size:.7rem;color:#888;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-location-info{display:flex;align-items:center;gap:3px;font-size:.68rem;color:#888;margin:2px 0}.store-location-info svg{width:10px;height:10px;flex-shrink:0}.store-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-category{margin:2px 0}.category-badge{background:#f0f0f0;color:#666;padding:2px 6px;border-radius:8px;font-size:.62rem;font-weight:600;display:inline-block}.product-price{margin-top:auto;margin-bottom:4px}.current-price{font-size:.88rem;font-weight:700;color:#ff3b30}.product-stock{margin:4px 0}.stock-status{font-size:.66rem;padding:2px 6px;border-radius:4px;display:inline-block}.stock-status.in-stock{background:#e8f5e9;color:#2e7d32}.stock-status.out-of-stock{background:#ffebee;color:#c62828}.add-to-cart-btn{width:100%;padding:6px;background:#ff3b30;color:#fff;border:none;border-radius:8px;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;margin-top:4px;position:relative;z-index:10}.add-to-cart-btn:hover:not(:disabled){background:#e53935}.add-to-cart-btn:active:not(:disabled){transform:scale(.98)}.add-to-cart-btn:disabled{background:#ccc;cursor:not-allowed}@media(max-width:640px){.product-description,.store-name,.store-location-info,.product-brand{display:none}.product-info{padding:6px}.add-to-cart-btn{padding:5px;font-size:.68rem}.current-price{font-size:.82rem}}.no-products{text-align:center;padding:48px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.no-products-icon{font-size:3.5rem;margin-bottom:16px}.no-products h3{font-size:1.25rem;color:#333;margin:0 0 8px}.no-products p{color:#666;max-width:420px;margin:0 auto 20px;line-height:1.5;font-size:.9rem}.browse-all-btn{background:#ff3b30;color:#fff;border:none;padding:10px 22px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.browse-all-btn:hover{background:#e53935}.browse-all-btn:active{transform:scale(.98)}.active-category-header{display:flex;justify-content:space-between;align-items:center;margin:16px 0;padding:0 16px;flex-wrap:wrap;gap:8px}.active-category-header h2{font-size:1.25rem;color:#333;margin:0}.results-count{font-size:.9rem;color:#666;font-weight:400}.view-on-map-btn{background:#4285f4;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,transform .1s}.view-on-map-btn:hover{background:#3367d6;transform:translateY(-1px)}.navigation-source-banner{background:linear-gradient(90deg,#4285f4,#34a853);color:#fff;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.navigation-source-banner button{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;opacity:.7;transition:opacity .15s}.navigation-source-banner button:hover{opacity:1}@media(hover:none)and (pointer:coarse){.product-card:hover{transform:none;box-shadow:0 2px 8px #00000014}.product-card:active{transform:scale(.99)}.like-btn{width:36px;height:36px;top:6px;right:6px}}.product-info-area{cursor:pointer;position:relative;z-index:1}.like-btn-container{position:absolute;top:0;right:0;z-index:20}.distance-badge-container{position:absolute;bottom:0;left:0;z-index:20}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.routing-screen{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5}.routing-header{background:#fff;padding:16px;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.routing-header h2{margin:0 0 8px;color:#333;font-size:24px}.trip-status{font-size:16px;color:#666;font-weight:500}.trip-info{background:#fff;padding:16px;margin:8px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.info-item{display:flex;justify-content:space-between;margin-bottom:12px}.info-item:last-child{margin-bottom:0}.label{font-weight:500;color:#666}.value{font-weight:600;color:#333}.map-container{flex:1;margin:8px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.loading-map{display:flex;justify-content:center;align-items:center;height:400px;background:#f0f0f0;margin:8px;border-radius:8px;color:#666}.trip-actions{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border-top:1px solid #e0e0e0}.btn-primary{background:#4caf50;color:#fff;border:none;padding:16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-primary:hover{background:#45a049}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#2196f3;color:#fff;border:none;padding:16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-secondary:hover{background:#1976d2}.btn-secondary:disabled{background:#ccc;cursor:not-allowed}.btn-danger{background:#f44336;color:#fff;border:none;padding:16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-danger:hover{background:#d32f2f}.car-icon{transition:transform .5s ease-out}@keyframes carMove{0%{transform:rotate(var(--rotation, 0deg))}to{transform:rotate(var(--rotation, 0deg))}}.car-icon{animation:carMove .5s ease-out}@media(min-width:768px){.routing-screen{max-width:500px;margin:0 auto}.trip-actions{flex-direction:row}.btn-primary,.btn-secondary,.btn-danger{flex:1}}.status-to-pickup{color:#2196f3}.status-arrived{color:#ff9800}.status-onboard{color:#4caf50}.status-completed{color:#9c27b0}.recovery-prompt,.no-active-order{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.recovery-content,.no-order-content{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:400px;width:90%}.recovery-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.recovery-actions button{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.btn-primary{background:#007bff;color:#fff}.persistence-indicator{position:fixed;top:10px;right:10px;background:#28a745;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;z-index:1000}.order-screen{height:100vh;width:100vw;display:flex;flex-direction:column;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.service-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:1rem;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:1rem}.service-info{display:flex;align-items:center;gap:.75rem;flex:1}.service-icon{font-size:1.5rem;background:#fff3;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.service-text{flex:1;min-width:0}.service-title{margin:0;font-size:1.25rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-id{margin:.25rem 0 0;opacity:.9;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem .75rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;animation:pulse 2s infinite}.status-dot.pending{background:#ffc107}.status-dot.accepted{background:#2196f3}.status-dot.arrived{background:#9c27b0}.status-dot.in_progress{background:#ff9800}.status-dot.completed{background:#4caf50}.status-dot.cancelled{background:#f44336}.status-text{font-size:.85rem;font-weight:600;white-space:nowrap}.order-content{flex:1;display:flex;flex-direction:column;min-height:0;max-width:1200px;margin:0 auto;width:100%}.map-container{flex:1;min-height:0;position:relative}.map{height:100%;width:100%}.order-panel{flex-shrink:0;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;padding:1.5rem 1rem 1rem;max-height:45vh;overflow-y:auto;box-shadow:0 -4px 20px #0000001a;display:flex;flex-direction:column;gap:1.25rem}.progress-timeline{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:12px;padding:1rem;position:relative}.timeline-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:2}.step-icon{width:36px;height:36px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease;z-index:3;position:relative}.timeline-step.active .step-icon{background:#4caf50;color:#fff;transform:scale(1.1)}.step-connector{position:absolute;top:18px;left:60%;right:-40%;height:2px;background:#e9ecef;z-index:1}.timeline-step.active .step-connector{background:#4caf50}.timeline-step:last-child .step-connector{display:none}.step-label{font-size:.75rem;font-weight:600;text-align:center;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:.5rem}.timeline-step.active .step-label{color:#4caf50}.service-details{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #e9ecef}.service-details h3{margin:0 0 1rem;font-size:1.1rem;font-weight:700;color:#2c3e50}.details-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.detail-card{flex:1;min-width:calc(33.333% - .75rem);display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem .5rem;background:#f8f9fa;border-radius:10px;transition:all .2s ease}.detail-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.detail-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:#fff;box-shadow:0 2px 6px #0000001a;margin-bottom:.5rem}.detail-content{display:flex;flex-direction:column;align-items:center;width:100%}.detail-label{font-size:.7rem;font-weight:600;color:#6c757d;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.detail-value{font-size:.85rem;font-weight:700;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.driver-card{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #e9ecef}.driver-card.waiting{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.waiting-content{display:flex;align-items:center;gap:1rem}.waiting-icon{font-size:1.75rem;animation:bounce 2s infinite;flex-shrink:0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.waiting-text h4{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waiting-text p{margin:.25rem 0 0;opacity:.9;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.driver-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#2c3e50}.driver-rating{background:gold;color:#333;padding:.25rem .5rem;border-radius:10px;font-size:.8rem;font-weight:700}.driver-content{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.driver-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid #e9ecef;flex-shrink:0}.driver-avatar img{width:100%;height:100%;object-fit:cover}.driver-info{flex:1;min-width:0}.driver-name{margin:0 0 .25rem;font-size:1rem;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-phone{margin:0;color:#6c757d;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-info{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.vehicle-model{font-size:.85rem;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.license-plate{background:#e9ecef;padding:.2rem .5rem;border-radius:6px;font-family:monospace;font-size:.75rem;color:#495057;align-self:flex-start}.driver-actions{display:flex;gap:.5rem}.action-buttons{margin-top:auto}.button-row{display:flex;gap:.75rem;width:100%}.button-row.triple{gap:.5rem}.btn-primary,.btn-secondary,.btn-danger{flex:1;padding:.875rem .75rem;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px #4caf504d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.btn-primary:active{transform:translateY(0)}.btn-primary.loading,.btn-primary.sent{opacity:.7;cursor:not-allowed}.btn-primary.loading:hover,.btn-primary.sent:hover{transform:none;box-shadow:0 2px 8px #4caf504d}.btn-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-call,.btn-message{flex:1;padding:.75rem .5rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.3rem;min-height:40px}.btn-call{background:#28a745;color:#fff}.btn-message{background:#17a2b8;color:#fff}.btn-call:hover,.btn-message:hover{transform:translateY(-1px);opacity:.9}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:#f8f9fa;text-align:center}.loading-content{max-width:300px;padding:2rem}.spinner{width:50px;height:50px;border:4px solid #e9ecef;border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-content h2{margin:0 0 .75rem;color:#2c3e50;font-weight:700}.loading-content p{margin:0;color:#6c757d;font-size:.9rem}.error-screen{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:#f8f9fa;text-align:center}.error-content{max-width:320px;padding:2rem}.error-icon{font-size:3.5rem;margin-bottom:1rem}.error-content h2{margin:0 0 .75rem;color:#2c3e50;font-weight:700}.error-content p{margin:0 0 1.5rem;color:#6c757d;font-size:.9rem;line-height:1.4}.error-actions{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.order-content{flex-direction:row;padding:1rem;gap:1rem}.map-container{flex:2;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.order-panel{flex:1;max-width:400px;max-height:none;border-radius:16px;box-shadow:0 4px 20px #0000001a}}@media(max-width:767px){.header-content{flex-direction:column;text-align:center;gap:.5rem}.status-badge{margin-left:0}.details-grid{gap:.5rem}.detail-card{min-width:calc(50% - .5rem);padding:.6rem .4rem}.detail-icon{width:36px;height:36px;font-size:1.1rem;margin-bottom:.4rem}.detail-label{font-size:.65rem}.detail-value{font-size:.8rem}.driver-content{flex-direction:column;text-align:center}.driver-actions,.button-row.triple{flex-direction:column}.step-connector{left:55%;right:-45%}}@media(max-width:480px){.service-header{padding:.75rem}.order-panel{padding:1rem .75rem .75rem;gap:1rem}.progress-timeline{padding:.75rem}.step-icon{width:32px;height:32px;font-size:.9rem}.step-connector{top:16px}.service-details,.driver-card{padding:1rem}.detail-card{min-width:100%;flex-direction:row;text-align:left;padding:.6rem}.detail-icon{margin-bottom:0;margin-right:.75rem;flex-shrink:0}.detail-content{align-items:flex-start}.btn-primary,.btn-secondary,.btn-danger{padding:.75rem .5rem;font-size:.8rem}}.order-panel::-webkit-scrollbar{width:4px}.order-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.order-panel::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.order-panel::-webkit-scrollbar-thumb:hover{background:#a0aec0}button:focus-visible{outline:2px solid #4CAF50;outline-offset:2px}.payment-method-picker{padding:16px;border-bottom:1px solid #eee}.payment-method-picker h3{font-size:15px;margin-bottom:12px;color:#333}.payment-options{display:flex;flex-direction:column;gap:8px}.payment-option{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #eee;border-radius:12px;cursor:pointer;transition:all .15s}.payment-option:hover{border-color:#ccc}.payment-option.selected{border-color:#4caf50;background:#4caf500f}.payment-option.disabled{opacity:.5;cursor:not-allowed}.payment-option-icon{font-size:24px}.payment-option-info{flex:1}.payment-option-label{font-weight:600;color:#333}.payment-option-desc{font-size:12px;color:#888;margin-top:2px}.payment-option-check{color:#4caf50;font-weight:700;font-size:18px}.payment-receipt{background:#f8f9fa;border-radius:12px;padding:16px;margin:12px 0}.payment-receipt h3{font-size:15px;margin:0 0 12px}.receipt-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px dashed #ddd}.receipt-row:last-of-type{border-bottom:none}.receipt-link{display:inline-block;margin-top:10px;color:#4caf50;text-decoration:underline;font-size:13px}.rating-modal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.rating-content{background:#fff;border-radius:20px;padding:28px 24px;max-width:420px;width:100%;text-align:center;box-shadow:0 12px 48px #0000004d}.rating-content h3{font-size:22px;margin:0 0 8px}.rating-subtitle{font-size:14px;color:#666;margin:0 0 16px}.rating-stars{font-size:48px;margin:12px 0 20px;display:flex;justify-content:center;gap:6px}.rating-stars .star{color:#ddd;cursor:pointer;transition:transform .1s,color .1s;line-height:1}.rating-stars .star:hover{transform:scale(1.15)}.rating-stars .star.filled{color:#ffc107}.rating-content textarea{width:100%;min-height:80px;border-radius:12px;border:1px solid #ddd;padding:12px;font-size:14px;resize:vertical;margin-bottom:16px;font-family:inherit}.rating-actions{display:flex;gap:10px}.rating-actions button{flex:1;padding:12px;border-radius:10px;font-weight:600;cursor:pointer;border:none}.rating-actions .btn-secondary{background:#f0f0f0;color:#333}.rating-actions .btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}@media(prefers-reduced-motion:reduce){.detail-card:hover,.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover,.btn-call:hover,.btn-message:hover,.status-dot,.waiting-icon,.spinner,.btn-spinner{animation:none;transition:none;transform:none}}:root{--ride-color: #34C759;--ride-dark: #1BAC5A;--delivery-color: #007AFF;--delivery-dark: #0056CC;--tow-color: #FF9500;--tow-dark: #E68500;--bg: #F5F7FA;--surface: #FFFFFF;--surface-2: #F0F2F5;--border: #E4E8EE;--border-strong: #D0D6DE;--text: #0F172A;--text-muted: #6B7280;--text-soft: #94A3B8;--online: #34C759;--offline: #9CA3AF;--danger: #EF4444;--warning: #F59E0B;--success: #10B981;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--sidebar-w: 380px;--top-bar-h: 64px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}.driver-screen,.driver-screen *{-webkit-tap-highlight-color:transparent}.driver-screen{position:fixed;inset:0;display:flex;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.4}.loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface);z-index:1000}.loading-content{text-align:center;padding:32px;animation:fadeIn .3s ease-out}.loading-spinner{width:48px;height:48px;margin:0 auto 20px;border:3px solid var(--surface-2);border-top-color:var(--ride-color);border-radius:50%;animation:spin .8s linear infinite}.loading-content p{margin:4px 0;font-size:15px;color:var(--text);font-weight:500}.loading-content .loading-subtext{font-size:13px;color:var(--text-muted);font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.connection-bar{position:absolute;top:0;left:0;right:0;z-index:500;pointer-events:none;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.connection-status{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-size:12px;font-weight:500;pointer-events:auto}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--offline);position:relative}.connection-dot.connected{background:var(--online);box-shadow:0 0 0 4px #34c75933}.connection-dot.disconnected{background:var(--danger);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.connection-text{color:var(--text);font-weight:500}.last-update{color:var(--text-soft);font-size:11px;margin-left:4px;padding-left:8px;border-left:1px solid var(--border)}.error-banner,.location-error{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ef4444f2;color:#fff;border-radius:var(--radius-md);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideDown .3s ease-out;max-width:600px}.location-error{background:#f59e0bf2}.error-banner button{padding:5px 12px;border:none;background:#fff3;color:#fff;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.error-banner button:hover{background:#ffffff59}.error-banner button:last-child{padding:5px 10px;font-size:16px;line-height:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.map-area{position:relative;flex:1;height:100%;overflow:hidden;background:var(--surface-2)}.driver-map{width:100%;height:100%;z-index:1}.leaflet-container{font-family:inherit;background:#e8ecf0}.custom-marker{filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));transition:transform .2s ease}.map-popup{padding:4px;font-size:13px;line-height:1.5}.map-popup strong{display:block;margin-bottom:2px;font-weight:600;color:var(--text)}.map-popup .popup-error{margin-top:4px;color:var(--warning);font-size:11px}.top-bar{position:absolute;top:16px;left:16px;right:16px;z-index:400;display:flex;align-items:center;gap:12px;pointer-events:none}.top-bar>*{pointer-events:auto}.menu-toggle{width:44px;height:44px;flex-shrink:0;border:none;background:var(--surface);border-radius:var(--radius-md);font-size:20px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition);display:flex;align-items:center;justify-content:center}.menu-toggle:hover{background:var(--surface-2)}.menu-toggle:active{transform:scale(.96)}.location-info{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:0}.location-icon{font-size:18px;flex-shrink:0}.location-details{display:flex;flex-direction:column;min-width:0;gap:1px}.location-text{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-time{font-size:11px;color:var(--text-soft)}.location-error{font-size:11px;color:var(--warning);font-weight:500}.status-toggle{display:flex;align-items:center;gap:8px;padding:6px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.status-indicator{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.5px}.status-indicator.online{background:#34c7591f;color:var(--online)}.status-indicator.offline{background:#9ca3af1f;color:var(--offline)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-indicator.online .status-dot{box-shadow:0 0 0 3px #34c75940;animation:pulse 2s infinite}.status-text{font-size:11px;font-weight:700}.toggle-btn{padding:8px 14px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px;white-space:nowrap}.toggle-btn.online{background:var(--danger);color:#fff}.toggle-btn.online:hover{background:#dc2626}.toggle-btn.offline{background:var(--ride-color);color:#fff}.toggle-btn.offline:hover{background:var(--ride-dark)}.toggle-btn.loading{opacity:.7;cursor:not-allowed}.toggle-btn .spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.map-controls{position:absolute;right:16px;bottom:100px;z-index:400;display:flex;flex-direction:column;gap:8px}.control-btn{width:44px;height:44px;border:none;background:var(--surface);border-radius:var(--radius-md);font-size:18px;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition);display:flex;align-items:center;justify-content:center}.control-btn:hover{background:var(--surface-2);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.control-btn:active{transform:translateY(0) scale(.96)}.control-icon{line-height:1}.sidebar{width:var(--sidebar-w);height:100%;background:var(--surface);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:600;flex-shrink:0}.sidebar.hide{transform:translate(100%);position:absolute;right:0;top:0}.sidebar.show{transform:translate(0)}@media(min-width:769px){.driver-screen{flex-direction:row-reverse}.sidebar.hide{position:relative;transform:none;width:0;overflow:hidden}.sidebar.show{transform:none}}.sidebar-header{position:relative;padding:20px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.driver-profile{display:flex;align-items:center;gap:14px}.profile-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--text);flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-info h3{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-meta{display:flex;align-items:center;gap:10px;font-size:12px}.profile-rating{display:flex;align-items:center;gap:2px;color:var(--text-muted);font-weight:600}.profile-service{font-weight:600;font-size:12px}.profile-id{margin-top:4px;font-size:11px;color:var(--text-soft);font-family:SF Mono,Monaco,Consolas,monospace}.close-sidebar{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:var(--surface-2);border-radius:50%;font-size:18px;color:var(--text-muted);cursor:pointer;display:none;align-items:center;justify-content:center;transition:var(--transition)}.close-sidebar:hover{background:var(--border);color:var(--text)}@media(max-width:768px){.close-sidebar{display:flex}}.sidebar-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:10px}.service-selector{padding:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.service-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px;background:var(--surface-2);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);overflow:hidden}.service-card:hover:not(.disabled){background:var(--surface);border-color:var(--border);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.service-card.active{background:var(--surface);box-shadow:var(--shadow-sm)}.service-card.disabled{opacity:.5;cursor:not-allowed}.service-icon-container{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-icon{font-size:20px;line-height:1}.service-name{font-size:12px;font-weight:600;color:var(--text);text-align:center}.active-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.earnings-card{padding:18px;background:linear-gradient(135deg,#1f2937,#111827);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md)}.earnings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.earnings-label{font-size:12px;color:#ffffffa6;font-weight:500;margin-bottom:4px}.earnings-amount{font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.earnings-total{text-align:right;flex-shrink:0}.total-label{font-size:11px;color:#ffffff8c;font-weight:500;margin-bottom:2px}.total-amount{font-size:16px;font-weight:700;color:#ffffffe6}.earnings-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px}.trips-count{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffbf;font-weight:500}.trips-icon{font-size:14px}.withdraw-btn{padding:8px 16px;border:none;background:#ffffff26;color:#fff;border-radius:var(--radius-full);font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.withdraw-btn:hover:not(:disabled){background:#ffffff40}.withdraw-btn:disabled{opacity:.4;cursor:not-allowed}.waiting-state{padding:24px 16px;background:var(--surface-2);border-radius:var(--radius-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.waiting-icon{font-size:40px;margin-bottom:4px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.waiting-state h4{margin:0;font-size:15px;font-weight:700;color:var(--text)}.waiting-state p{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5}.waiting-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:8px}.waiting-stats .stat-item{padding:10px 6px;background:var(--surface);border-radius:var(--radius-md);text-align:center}.waiting-stats .stat-value{font-size:16px;font-weight:700;color:var(--text);margin-bottom:2px}.waiting-stats .stat-label{font-size:10px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.4px}.go-online-btn{width:100%;margin-top:8px;padding:12px;border:none;color:#fff;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.go-online-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.go-online-btn:active{transform:translateY(0)}.reconnect-btn{width:100%;margin-top:8px;padding:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.reconnect-btn:hover{background:var(--surface-2)}.stats-section{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-card{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface-2);border-radius:var(--radius-md)}.stat-icon{font-size:20px;flex-shrink:0}.stat-content{min-width:0}.stat-value{font-size:15px;font-weight:700;color:var(--text);line-height:1.2}.stat-label{font-size:11px;color:var(--text-muted);font-weight:500}.sidebar-footer{display:flex;gap:6px;padding-top:12px;border-top:1px solid var(--border);margin-top:auto}.footer-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.footer-btn:hover{background:var(--surface-2);color:var(--text)}.footer-btn.logout:hover{background:#ef444414;color:var(--danger)}.footer-btn .btn-icon{font-size:18px;line-height:1}.request-overlay{position:fixed;inset:0;z-index:800;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .2s ease-out}.ride-request-card{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.request-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;color:#fff;gap:12px}.header-left{display:flex;align-items:center;gap:12px;min-width:0}.request-icon{font-size:28px;flex-shrink:0}.request-header h3{margin:0 0 2px;font-size:16px;font-weight:700;color:#fff}.request-distance{font-size:12px;color:#ffffffd9;font-weight:500}.timer-container{text-align:right;flex-shrink:0}.timer-progress{width:60px;height:4px;background:#ffffff40;border-radius:999px;overflow:hidden;margin-bottom:4px}.timer-fill{height:100%;transition:width 1s linear;border-radius:999px}.timer{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.request-body{padding:20px;display:flex;flex-direction:column;gap:16px}.customer-info{display:flex;align-items:center;gap:12px}.customer-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--text);flex-shrink:0}.customer-details{flex:1;min-width:0}.customer-details h4{margin:0 0 2px;font-size:15px;font-weight:700;color:var(--text)}.customer-rating{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.stars{color:#fbbf24;font-size:13px}.rating{font-weight:600}.route-info{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--surface-2);border-radius:var(--radius-md)}.route-point{display:flex;align-items:flex-start;gap:10px}.point-marker{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0;position:relative}.point-marker.pickup:after{content:"";position:absolute;inset:-3px;border:2px solid currentColor;border-radius:50%;opacity:.3}.point-details{flex:1;min-width:0}.point-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.point-address{font-size:13px;color:var(--text);font-weight:500;line-height:1.4}.ride-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:var(--surface-2);border-radius:var(--radius-md)}.detail-item{text-align:center}.detail-label{display:block;font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.detail-value{display:block;font-size:14px;font-weight:700;color:var(--text)}.request-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:0 20px 20px}.decline-btn,.accept-btn{padding:14px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition)}.decline-btn{background:var(--surface-2);color:var(--text)}.decline-btn:hover:not(:disabled){background:var(--border)}.accept-btn{color:#fff;box-shadow:var(--shadow-sm)}.accept-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.accept-btn:active:not(:disabled){transform:translateY(0)}.decline-btn:disabled,.accept-btn:disabled{opacity:.5;cursor:not-allowed}.active-ride-card{padding:18px;background:var(--surface-2);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:14px}.ride-header{display:flex;justify-content:space-between;align-items:center}.ride-header h3{margin:0 0 2px;font-size:15px;font-weight:700;color:var(--text)}.ride-earnings{font-size:18px;font-weight:800}.customer-id{font-size:11px;color:var(--text-soft);font-family:SF Mono,Monaco,Consolas,monospace;margin-top:2px}.customer-actions{display:flex;gap:6px}.action-btn{width:34px;height:34px;border:none;background:var(--surface);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.action-btn:hover{background:var(--border)}.action-btn .btn-icon{font-size:15px}.progress-tracker{padding:4px 0}.progress-bar{height:3px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-soft);transition:color .3s ease}.progress-step.active{color:var(--text)}.step-icon{font-size:14px;line-height:1}.step-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.route-details{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border-radius:var(--radius-md)}.route-details .route-point{display:flex;align-items:flex-start;gap:10px}.route-details .point-icon{font-size:16px;flex-shrink:0;line-height:1.2}.point-info{flex:1;min-width:0}.point-info .point-label{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.point-info .point-address{font-size:13px;color:var(--text);font-weight:500;line-height:1.4;word-break:break-word}.point-time,.point-distance{font-size:11px;color:var(--text-soft);font-weight:600;flex-shrink:0;margin-top:2px;font-variant-numeric:tabular-nums}.ride-actions{display:flex;flex-direction:column;gap:8px}.primary-btn{padding:14px;border:none;color:#fff;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.primary-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.primary-btn:active{transform:translateY(0)}.secondary-btn{padding:11px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.secondary-btn:hover{background:var(--surface-2);color:var(--text)}.emergency-btn{padding:11px;border:1px solid rgba(239,68,68,.25);background:#ef44440f;color:var(--danger);border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition)}.emergency-btn:hover{background:#ef44441f;border-color:var(--danger)}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:700;display:none;align-items:center;justify-content:space-around;gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);box-shadow:0 -4px 16px #0f172a0f}.mobile-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.mobile-btn:hover{background:var(--surface-2)}.mobile-btn.primary{color:#fff;box-shadow:var(--shadow-md);max-width:140px}.mobile-btn.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.mobile-btn .btn-icon{font-size:18px;line-height:1}.debug-panel{position:fixed;bottom:16px;left:16px;z-index:550;width:260px;background:#0f172af2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);color:#e2e8f0;font-size:11px;font-family:SF Mono,Monaco,Consolas,monospace;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.debug-header h4{margin:0;font-size:11px;font-weight:700;letter-spacing:.4px;color:#94a3b8}.debug-header button{width:22px;height:22px;border:none;background:transparent;color:#94a3b8;cursor:pointer;font-size:12px;border-radius:4px;transition:var(--transition)}.debug-header button:hover{background:#ffffff1a;color:#e2e8f0}.debug-content{padding:10px 12px;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.debug-section h5{margin:0 0 4px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-weight:700}.debug-section>div{padding:1px 0;font-size:10px;word-break:break-all}.debug-btn{width:100%;padding:5px 8px;margin-top:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e2e8f0;font-size:10px;font-family:inherit;font-weight:600;border-radius:4px;cursor:pointer;transition:var(--transition)}.debug-btn:hover{background:#ffffff1f;border-color:#fff3}.ride-payment-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px dashed #e0e0e0;margin-top:8px}.payment-badge{background:#f0f0f0;border-radius:8px;padding:4px 10px;font-size:13px;color:#333;font-weight:500}.ride-fare{font-weight:700;color:#34c759;font-size:16px}.active-ride-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:560px;background:#fff;border-radius:18px;box-shadow:0 12px 40px #00000040;border-top:4px solid #34c759;padding:16px 18px;z-index:9000;animation:slideUp .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}.active-ride-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative}.active-ride-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.active-ride-step-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;z-index:1;transition:all .3s}.active-ride-step.current .active-ride-step-dot{transform:scale(1.2);box-shadow:0 0 0 4px #34c75933}.active-ride-step-label{font-size:10px;color:#888;margin-top:4px;text-align:center}.active-ride-step.done .active-ride-step-label{color:#34c759;font-weight:600}.active-ride-step-connector{position:absolute;top:13px;left:50%;width:100%;height:2px;z-index:0}.active-ride-summary{background:#f8f9fa;border-radius:12px;padding:10px 12px;margin-bottom:12px}.active-ride-summary-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#333;padding:3px 0}.active-ride-summary-meta{border-top:1px dashed #ddd;padding-top:8px;margin-top:4px;gap:10px;flex-wrap:wrap}.summary-label{font-size:14px;flex-shrink:0}.summary-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.summary-badge{font-size:11px;background:#e8f5e9;color:#1b5e20;border-radius:6px;padding:2px 8px;font-weight:500}.summary-fare{font-weight:700;color:#34c759;margin-left:auto}.summary-customer{font-size:11px;color:#666;margin-left:auto}.active-ride-actions{display:flex;gap:8px;align-items:center}.active-ride-primary{flex:1;padding:14px 20px;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .12s,filter .12s}.active-ride-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.active-ride-primary:active{transform:translateY(0)}.active-ride-cancel{width:46px;height:46px;border-radius:12px;border:1px solid #ff3b30;background:#fff;color:#ff3b30;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .15s}.active-ride-cancel:hover{background:#ffeaea}@media(max-width:768px){:root{--sidebar-w: 100%}.driver-screen{flex-direction:column}.sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;z-index:900}.sidebar.hide{transform:translate(100%);pointer-events:none}.sidebar.show{transform:translate(0)}.mobile-bottom-bar{display:flex}.map-controls{bottom:90px}.connection-bar{padding:10px 12px}.connection-status{font-size:11px;padding:5px 10px}.top-bar{top:12px;left:12px;right:12px;gap:8px}.menu-toggle{width:40px;height:40px}.location-info{padding:8px 12px}.location-text{font-size:12px}.status-toggle{padding:4px}.toggle-btn{padding:7px 12px;font-size:12px}.status-indicator,.debug-panel{display:none}}@media(max-width:380px){.profile-info h3{font-size:14px}.earnings-amount{font-size:24px}.services-grid{grid-template-columns:repeat(3,1fr);gap:6px}.service-card{padding:10px 4px}.service-icon-container{width:34px;height:34px}}@media(prefers-color-scheme:dark){:root{--bg: #0B1220;--surface: #111827;--surface-2: #1F2937;--border: #1F2937;--border-strong: #374151;--text: #F1F5F9;--text-muted: #94A3B8;--text-soft: #64748B}.leaflet-container{background:#0b1220}.mobile-bottom-bar,.connection-status{background:#111827f2}.menu-toggle,.location-info,.control-btn,.status-toggle{background:var(--surface);color:var(--text)}.map-popup strong{color:var(--text)}}.sales-container{padding:2rem;background:#f8f9fa;min-height:100vh}.sales-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.sales-title-section{flex:1}.sales-title{color:#1976d2;font-size:2.5rem;font-weight:700;margin:0 0 1.5rem}.stat-card{background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;min-width:120px}.stat-card.approved{border-left:4px solid #4caf50}.stat-card.pending{border-left:4px solid #ff9800}.stat-value{font-size:2rem;font-weight:700;color:#1976d2}.stat-card.approved .stat-value{color:#4caf50}.stat-card.pending .stat-value{color:#ff9800}.stat-label{color:#666;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.revenue-card{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 4px 15px #1976d24d;text-align:center;min-width:200px}.revenue-label{font-size:.9rem;opacity:.9;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.revenue-amount{font-size:2rem;font-weight:700}.filters-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1976d2;margin-bottom:1rem;font-size:1.1rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.booking-date,.check-in-date,.check-out-date{font-weight:600;color:#333}.booking-id{font-family:Courier New,monospace;font-weight:600;color:#1976d2}.guest-name{font-weight:600;color:#333}.booking-price{font-weight:700;color:#2e7d32;font-size:1.1rem}@media(max-width:1200px){.sales-container{padding:1rem}.table-container{overflow-x:auto}.table{min-width:1000px}}@media(max-width:768px){.sales-header{flex-direction:column}.sales-stats{justify-content:center}.stat-card{min-width:100px;padding:1rem}.filters-grid{grid-template-columns:1fr}.filter-actions{justify-content:stretch}.filter-btn{flex:1}.actions-container{flex-direction:column;gap:.3rem}.header-cell,.table-cell{padding:.8rem .5rem;font-size:.8rem}}.orders-container{padding:2rem;background:#f8f9fa;min-height:100vh}.orders-header{display:flex;justify-content:between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.orders-title{color:#1976d2;font-size:2rem;font-weight:700;margin:0}.orders-count{background:#1976d2;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.table-row:hover{background-color:#f5f9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1976d21a}.empty-state{display:table-cell;text-align:center;padding:4rem 2rem;grid-column:1 / -1}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-text{color:#666;font-size:1.2rem}.order-date{font-weight:600;color:#333}.order-id{font-family:Courier New,monospace;font-weight:600;color:#1976d2}.customer-name{font-weight:600;color:#333}.product-name{color:#555}.order-amount{font-weight:700;color:#2e7d32;font-size:1.1rem}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;color:#fff;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;text-align:center;min-width:80px}.actions-container{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:.3rem;padding:.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.8rem;font-weight:600}.edit-btn{background:#fff3e0;color:#f57c00}.edit-btn:hover{background:#ffe0b2}.approve-btn{background:#e8f5e8;color:#4caf50}.approve-btn:hover{background:#c8e6c9}.decline-btn{background:#ffebee;color:#f44336}.decline-btn:hover{background:#ffcdd2}.ready-btn{background:#fff3e0;color:#ff9800;padding:.5rem .8rem}.ready-btn:hover{background:#ffe0b2}@media(max-width:1200px){.orders-container{padding:1rem}.table-container{overflow-x:auto}.table{min-width:1000px}}@media(max-width:768px){.orders-header{flex-direction:column;align-items:flex-start}.orders-title{font-size:1.5rem}.actions-container{flex-direction:column;gap:.3rem}.action-btn{width:100%;justify-content:center}.header-cell,.table-cell{padding:.8rem .5rem;font-size:.8rem}}*,*:before,*:after{box-sizing:border-box}:root{--tp-bg: #f4f5f7;--tp-surface: #ffffff;--tp-border: #e5e7eb;--tp-border-strong: #d1d5db;--tp-text: #111827;--tp-muted: #6b7280;--tp-primary: #2563eb;--tp-primary-hover: #1d4ed8;--tp-danger: #dc2626;--tp-success: #16a34a;--tp-warning: #d97706;--tp-radius: 12px;--tp-radius-sm: 8px;--tp-header-h: 56px;--tp-total-h: 96px;--tp-pay-h: 132px;--tp-actions-h: 148px;--tp-info-h: 44px}.tillpoint-container{display:grid;grid-template-columns:1fr 380px;gap:16px;padding:16px;height:100vh;max-height:100vh;overflow:hidden;background:var(--tp-bg);color:var(--tp-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media(max-width:960px){.tillpoint-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:100vh;gap:12px;padding:12px}}.products-panel{display:flex;flex-direction:column;background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:var(--tp-radius);min-height:0;overflow:hidden}.search-section{flex-shrink:0;padding:12px;border-bottom:1px solid var(--tp-border);background:var(--tp-surface)}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--tp-muted);display:flex;align-items:center;pointer-events:none}.search-input{width:100%;padding:10px 12px 10px 38px;border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);background:var(--tp-bg);font:inherit;font-size:13px;color:var(--tp-text);outline:none;transition:border-color .15s,background .15s}.search-input:focus{border-color:var(--tp-primary);background:var(--tp-surface)}.products-grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;align-content:start;scrollbar-width:thin;scrollbar-color:var(--tp-border-strong) transparent}.products-grid::-webkit-scrollbar{width:8px}.products-grid::-webkit-scrollbar-track{background:transparent}.products-grid::-webkit-scrollbar-thumb{background:var(--tp-border-strong);border-radius:4px}.product-card{padding:12px;border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);background:var(--tp-surface);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;flex-direction:column;justify-content:space-between;min-height:92px}.product-card:hover{border-color:var(--tp-primary);box-shadow:0 4px 10px #2563eb1f;transform:translateY(-1px)}.product-card:active{transform:translateY(0)}.product-name{margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.3;color:var(--tp-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--tp-primary)}.product-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;color:var(--tp-muted)}.product-meta span{padding:2px 6px;border-radius:4px;background:var(--tp-bg)}.checkout-panel{display:flex;flex-direction:column;background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:var(--tp-radius);min-height:0;overflow:hidden}.sales-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--tp-border);background:var(--tp-surface)}.sales-title{margin:0;font-size:14px;font-weight:700;color:var(--tp-text)}.sales-count{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--tp-bg);color:var(--tp-muted)}.sales-list-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--tp-border-strong) transparent}.sales-list-container::-webkit-scrollbar{width:8px}.sales-list-container::-webkit-scrollbar-track{background:transparent}.sales-list-container::-webkit-scrollbar-thumb{background:var(--tp-border-strong);border-radius:4px}.sales-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"details    total" "quantity   total";gap:6px 10px;padding:10px 12px;border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);background:var(--tp-surface)}.item-details{grid-area:details;min-width:0}.item-name{margin:0 0 2px;font-size:13px;font-weight:600;color:var(--tp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-price{margin:0;font-size:11px;color:var(--tp-muted)}.quantity-controls{grid-area:quantity;display:flex;align-items:center;gap:6px}.quantity-btn{width:26px;height:26px;border-radius:6px;border:1px solid var(--tp-border);background:var(--tp-bg);color:var(--tp-text);cursor:pointer;display:grid;place-items:center;font-size:11px;transition:background .15s,border-color .15s}.quantity-btn:hover{background:var(--tp-border)}.quantity-btn.decrease{color:var(--tp-danger)}.quantity-btn.increase{color:var(--tp-success)}.quantity-display{min-width:24px;text-align:center;font-size:13px;font-weight:600}.remove-item{width:26px;height:26px;margin-left:4px;border:none;background:transparent;color:var(--tp-danger);cursor:pointer;display:grid;place-items:center;border-radius:6px}.remove-item:hover{background:#dc26261a}.item-total{grid-area:total;align-self:center;font-size:14px;font-weight:700;color:var(--tp-text);text-align:right;white-space:nowrap}.total-section{flex-shrink:0;padding:12px 16px;border-top:1px solid var(--tp-border);background:var(--tp-bg)}.total-line{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;color:var(--tp-muted)}.total-line.main-total{margin-top:6px;padding-top:8px;border-top:1px dashed var(--tp-border-strong);font-size:16px;font-weight:800;color:var(--tp-text)}.currency-display{text-align:right;margin-top:4px;color:var(--tp-muted)}.payment-section{flex-shrink:0;padding:10px 16px;border-top:1px solid var(--tp-border)}.payment-title{margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tp-muted)}.payment-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.payment-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);background:var(--tp-surface);font-size:10px;font-weight:600;color:var(--tp-muted);cursor:pointer;transition:all .15s}.payment-option input{display:none}.payment-option svg,.payment-option span:first-child{font-size:16px}.payment-option:hover{border-color:var(--tp-primary);color:var(--tp-primary)}.payment-option.selected{background:#2563eb14;border-color:var(--tp-primary);color:var(--tp-primary)}.action-buttons{flex-shrink:0;padding:10px 16px;border-top:1px solid var(--tp-border);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--tp-bg)}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 6px;border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);background:var(--tp-surface);font:inherit;font-size:10px;font-weight:600;color:var(--tp-text);cursor:pointer;transition:all .15s;min-height:46px}.action-btn svg{font-size:14px}.action-btn small{font-size:11px;font-weight:800}.action-btn:hover:not(:disabled){border-color:var(--tp-primary);color:var(--tp-primary)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.checkout-btn{grid-column:1 / -1;background:var(--tp-primary);color:#fff;border-color:var(--tp-primary);font-size:13px;font-weight:700;min-height:48px;flex-direction:row;gap:8px}.action-btn.checkout-btn:hover:not(:disabled){background:var(--tp-primary-hover);color:#fff}.action-btn.void-btn,.action-btn.cancel-btn{color:var(--tp-danger)}.action-btn.print-btn{color:var(--tp-muted)}.action-btn.discount-btn{color:var(--tp-warning)}.action-btn.hold-btn{color:var(--tp-muted)}.currency-info-footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-top:1px solid var(--tp-border);font-size:11px;color:var(--tp-muted);background:var(--tp-surface)}.currency-info strong{color:var(--tp-text);font-weight:600}.transaction-info{display:flex;gap:12px}.loading-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--tp-muted);gap:10px}.loading-spinner{width:28px;height:28px;border:3px solid var(--tp-border);border-top-color:var(--tp-primary);border-radius:50%;animation:tp-spin .8s linear infinite}@keyframes tp-spin{to{transform:rotate(360deg)}}.error-message{grid-column:1 / -1;padding:12px 16px;border-radius:var(--tp-radius-sm);background:#fee2e2;color:var(--tp-danger);font-size:13px}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;text-align:center;color:var(--tp-muted);font-size:13px}.empty-cart svg{width:32px;height:32px;opacity:.4}.empty-cart span{font-size:11px}.currency-selector-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);background:var(--tp-surface);font:inherit;font-size:11px;font-weight:600;color:var(--tp-text);cursor:pointer}.currency-dropdown{position:absolute;right:0;top:calc(100% + 4px);width:260px;max-height:300px;overflow-y:auto;background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:var(--tp-radius);box-shadow:0 12px 32px #0f172a26;z-index:50;padding:8px}.currency-search{width:100%;padding:8px 10px;border:1px solid var(--tp-border);border-radius:var(--tp-radius-sm);background:var(--tp-bg);font:inherit;font-size:12px;margin-bottom:6px}.currency-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--tp-radius-sm);cursor:pointer;font-size:12px}.currency-option:hover{background:var(--tp-bg)}.currency-option.selected{background:#2563eb14;color:var(--tp-primary)}.option-symbol{font-weight:700;min-width:24px}.option-code{font-weight:600;min-width:36px}.option-name{flex:1;color:var(--tp-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-flag{font-size:16px}@media(max-width:960px){.products-grid{grid-template-columns:repeat(2,1fr)}.payment-options{grid-template-columns:repeat(4,1fr)}}@media(max-height:700px){.total-section{padding:8px 12px}.total-line{margin-bottom:2px}.total-line.main-total{font-size:14px;margin-top:4px;padding-top:6px}.payment-section{padding:8px 12px}.payment-options{padding:6px 2px}.payment-option{padding:6px 2px;font-size:9px}.action-buttons{padding:8px 12px;gap:4px}.action-btn{min-height:40px;font-size:9px}.action-btn.checkout-btn{min-height:40px;font-size:12px}.currency-info-footer{padding:6px 12px;font-size:10px}}.tillpoint-sales-container{padding:2rem;background:#f8f9fa;min-height:100vh}.sales-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.sales-title{color:#1976d2;font-size:2.5rem;font-weight:700;margin:0}.sales-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-card{background:#fff;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;min-width:150px}.stat-card.revenue{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-card.revenue .stat-value{color:#fff}.stat-label{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.filters-container{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.filters-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1976d2;margin-bottom:1.5rem;font-size:1.1rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.search-group{grid-column:1 / -1}.filter-label{font-weight:600;color:#333;font-size:.9rem}.filter-input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.filter-input:focus{outline:none;border-color:#1976d2}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#666}.input-with-icon .filter-input{padding-left:2.5rem}.search-input-container{position:relative}.search-input-container svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#666}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#1976d2}.filter-actions{display:flex;gap:1rem;justify-content:flex-end}.filter-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-btn{background:#f5f5f5;color:#666}.clear-btn:hover{background:#e0e0e0}.apply-btn{background:#1976d2;color:#fff}.apply-btn:hover{background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.table{width:100%;display:table}.table-header{display:table-row;background:#1976d2;color:#fff}.table-row{display:table-row;transition:all .3s ease;border-bottom:1px solid #e0e0e0}.table-row:hover{background-color:#f5f9ff}.table-cell{display:table-cell;padding:1rem;vertical-align:middle;border:none}.header-cell{font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;padding:1.2rem 1rem}.table-body{display:table-row-group}.loading-state,.empty-state{display:table-cell;text-align:center;padding:4rem 2rem;grid-column:1 / -1}.loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-text{color:#666;font-size:1.2rem;margin-bottom:.5rem}.empty-subtext{color:#999;font-size:1rem}.sale-date{font-weight:600;color:#333;font-size:.9rem}.sale-id{font-family:Courier New,monospace;font-weight:600;color:#1976d2;background:#f5f9ff;padding:.25rem .5rem;border-radius:4px;display:inline-block}.products-list{display:flex;flex-direction:column;gap:.5rem}.product-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8f9fa;border-radius:6px}.product-name{font-weight:600;color:#333}.product-details{color:#666;font-size:.85rem}.total-amount{font-weight:700;color:#2e7d32;font-size:1.1rem}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;color:#fff;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;text-align:center;min-width:100px}.actions-container{display:flex;gap:.5rem;align-items:center}.action-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;width:40px;height:40px}.action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.void-btn{background:#ffebee;color:#f44336}.void-btn:hover:not(:disabled){background:#ffcdd2}.refund-btn{background:#e8f5e8;color:#4caf50}.refund-btn:hover:not(:disabled){background:#c8e6c9}@media(max-width:1200px){.tillpoint-sales-container{padding:1rem}.table-container{overflow-x:auto}.table{min-width:1000px}}@media(max-width:768px){.header-content{flex-direction:column}.sales-stats{width:100%;justify-content:space-between}.stat-card{flex:1;min-width:auto;padding:1rem}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-btn{width:100%}.actions-container{flex-direction:column;gap:.3rem}.header-cell,.table-cell{padding:.8rem .5rem;font-size:.8rem}.product-item{flex-direction:column;align-items:flex-start;gap:.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-row{animation:fadeInUp .3s ease}.currency-display{display:flex;align-items:center;gap:8px}.currency-badge{display:flex;align-items:center;gap:6px;background:#f8f9fa;padding:6px 12px;border-radius:20px;border:1px solid #e9ecef;font-size:14px}.currency-badge svg{width:16px;height:16px;color:#007bff}.currency-symbol{font-weight:600;color:#2c3e50}.currency-code{color:#666;font-size:13px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.currency-info{font-size:13px;color:#666;margin-left:auto;background:#f8f9fa;padding:4px 8px;border-radius:4px;border:1px solid #e9ecef}.filters-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.product-details{font-size:12px;color:#666;margin-left:8px}.total-amount{font-weight:600;color:#2c3e50;font-size:15px}.stat-card.revenue .stat-value{font-size:24px;color:#2c3e50}@media(max-width:768px){.header-top{flex-direction:column;align-items:flex-start;gap:12px}.currency-info{margin-left:0;align-self:flex-start}}.add-products-container{max-width:800px;margin:0 auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:16px;border-bottom:2px solid #f0f0f0;padding-bottom:20px}.form-title{font-size:28px;color:#2c3e50;margin:0;font-weight:700}.currency-display{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.currency-badge{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);padding:10px 20px;border-radius:25px;color:#fff;font-weight:600}.currency-badge .currency-symbol{font-size:22px;font-weight:700}.currency-badge .currency-code{font-size:16px;opacity:.9}.currency-badge .currency-source{font-size:12px;opacity:.7;margin-left:8px}.currency-note{font-size:14px;color:#666;text-align:right;max-width:250px;background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef}.price-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.currency-prefix{position:absolute;left:16px;font-weight:700;color:#2c3e50;z-index:1;font-size:18px}.currency-suffix{position:absolute;right:16px;color:#666;font-size:14px;background:#fff;padding:0 8px;border-radius:4px;border:1px solid #e9ecef}.price-input{padding-left:40px!important;padding-right:70px!important;font-size:18px;font-weight:600;height:56px}.price-preview{margin-top:8px;padding:10px;background:#e8f5e9;border-radius:6px;color:#2e7d32;font-size:14px;border:1px solid #c8e6c9}.price-preview strong{font-size:16px;color:#1b5e20}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:15px}.form-input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s;background:#fff}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;resize:vertical;min-height:100px;transition:all .3s}.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.specifications-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;min-height:80px}.form-help{display:block;margin-top:6px;color:#666;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-select{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;cursor:pointer;transition:all .3s}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.image-upload-section{margin-top:10px}.upload-area{border:3px dashed #ddd;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s;background:#fafafa}.upload-area:hover{border-color:#667eea;background:#f8f9ff}.file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}.upload-icon{font-size:48px;opacity:.7}.upload-text{display:flex;flex-direction:column;gap:4px}.upload-text strong{font-size:18px;color:#2c3e50}.upload-text span{color:#666;font-size:14px}.upload-help{color:#888;font-size:13px;margin-top:8px}.image-preview-container{margin-top:20px}.image-preview-container h4{margin:0 0 16px;color:#2c3e50;font-size:16px}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.image-preview-item{position:relative;border:1px solid #e0e0e0;border-radius:8px;padding:8px;background:#fff}.image-preview{width:100%;height:120px;object-fit:cover;border-radius:4px}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;background:#ff4757;color:#fff;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-image-btn:hover{background:#ff2e43;transform:scale(1.1)}.image-name{display:block;margin-top:8px;font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{display:block;font-size:11px;color:#999}.error-message{padding:16px;background:#ffeaea;border:1px solid #ffcccc;border-radius:8px;color:#d32f2f;margin:20px 0}.success-message{padding:16px;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;color:#2e7d32;margin:20px 0}.submit-btn{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@media(max-width:768px){.add-products-container{padding:20px;margin:10px}.form-header{flex-direction:column;align-items:flex-start;gap:12px}.currency-display{align-items:flex-start}.currency-note{text-align:left;max-width:none}.form-row{grid-template-columns:1fr;gap:16px}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.form-title{font-size:24px}}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:10px}.error-message{padding:12px;background:#ffeaea;border:1px solid #ffcccc;border-radius:8px;color:#d32f2f;margin:10px 0;font-size:14px}.success-message{padding:12px;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;color:#2e7d32;margin:10px 0;font-size:14px}.category-checkbox.disabled{opacity:.6;cursor:not-allowed}.category-checkbox.disabled:hover{border-color:#e0e0e0;background:#fff}.currency-selector-container{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.currency-selector{position:relative}.currency-selector-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 20px;border-radius:25px;border:none;cursor:pointer;font-weight:600;transition:all .3s;min-width:200px;justify-content:space-between}.currency-selector-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.currency-symbol{font-size:20px;font-weight:700}.currency-code{font-weight:600;background:#fff3;padding:2px 8px;border-radius:4px}.currency-name{flex:1;text-align:left;font-size:14px;opacity:.9}.dropdown-arrow{font-size:12px;opacity:.7}.currency-dropdown{position:absolute;top:100%;right:0;width:300px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;margin-top:8px;z-index:1000;max-height:400px;overflow:hidden}.dropdown-header{padding:15px;border-bottom:1px solid #eaeaea}.currency-search{width:100%;padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.currency-search:focus{outline:none;border-color:#667eea}.currency-options-list{max-height:300px;overflow-y:auto}.currency-option{display:flex;align-items:center;gap:12px;padding:12px 15px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f5f5f5}.currency-option:hover{background:#f8f9ff}.currency-option.selected{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea}.option-symbol{font-size:18px;font-weight:600;color:#2c3e50;min-width:30px}.option-code{font-weight:600;color:#2c3e50;min-width:50px}.option-name{flex:1;color:#666;font-size:14px}.option-flag{font-size:20px}.currency-note{font-size:14px;color:#666;text-align:right;background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef;max-width:250px}@media(max-width:768px){.form-header{flex-direction:column;align-items:flex-start;gap:15px}.currency-selector-container{align-items:flex-start;width:100%}.currency-selector-btn{width:100%;min-width:auto}.currency-dropdown{width:100%;right:auto;left:0}.currency-note{max-width:none;text-align:left}}.checkout-app{min-height:100vh;background:var(--bg, #f7f8fa);color:var(--text, #0f172a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:60px}.checkout-container{max-width:1200px;margin:0 auto;padding:24px 20px}.checkout-content{display:flex;flex-direction:column;gap:20px}.checkout-header{display:flex;flex-direction:column;gap:16px}.checkout-header h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--text, #0f172a)}.checkout-steps{display:flex;gap:8px;align-items:center;padding:8px;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:999px;align-self:flex-start}.checkout-steps .step{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-muted, #6b7280)}.checkout-steps .step.active{background:var(--primary, #6366f1);color:#fff}.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}@media(max-width:960px){.checkout-layout{grid-template-columns:1fr}}.checkout-left{display:flex;flex-direction:column;gap:16px;min-width:0}.checkout-section{padding:20px;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:16px}.checkout-section h3{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--text, #0f172a)}.order-items{display:flex;flex-direction:column;gap:12px}.checkout-item{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border, #e5e7eb);border-radius:12px;background:var(--surface-2, #f1f3f6)}.checkout-item img{width:60px;height:60px;border-radius:8px;object-fit:cover;background:var(--surface, #ffffff)}.checkout-item .item-details{min-width:0}.checkout-item .item-name{margin:0 0 2px;font-size:13px;font-weight:600;line-height:1.3;color:var(--text, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-item .item-price{margin:0;font-size:11px;color:var(--text-muted, #6b7280)}.checkout-item .item-total{font-size:14px;font-weight:700;color:var(--text, #0f172a);text-align:right}.delivery-info p{margin:0 0 6px;font-size:13px;color:var(--text, #0f172a);line-height:1.5}.delivery-info p:last-child{margin-bottom:0}.delivery-info strong{color:var(--text-muted, #6b7280);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-right:4px}.payment-methods{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.payment-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border, #e5e7eb);border-radius:12px;background:var(--surface-2, #f1f3f6);cursor:pointer;font-size:13px;font-weight:600;color:var(--text, #0f172a);transition:border-color .15s,background .15s}.payment-option:hover{border-color:var(--primary, #6366f1)}.payment-option input[type=radio]{accent-color:var(--primary, #6366f1)}.payment-option:has(input:checked){border-color:var(--primary, #6366f1);background:#6366f114}.card-details{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px dashed var(--border, #e5e7eb)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #6b7280)}.form-group input{padding:10px 12px;border:1px solid var(--border, #e5e7eb);border-radius:10px;background:var(--surface-2, #f1f3f6);font:inherit;font-size:14px;color:var(--text, #0f172a);outline:none;transition:border-color .15s,background .15s}.form-group input:focus{border-color:var(--primary, #6366f1);background:var(--surface, #ffffff)}.checkout-right{position:sticky;top:24px}.order-summary-card{padding:20px;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:16px;box-shadow:0 4px 16px #0f172a0a}.order-summary-card h3{margin:0 0 16px;font-size:15px;font-weight:800;color:var(--text, #0f172a)}.order-summary-card .summary-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted, #6b7280);margin-bottom:10px}.order-summary-card .summary-row.total{font-size:18px;font-weight:800;color:var(--text, #0f172a);margin-top:4px}.order-summary-card .summary-divider{height:1px;background:var(--border, #e5e7eb);margin:12px 0}.free-delivery{color:#10b981;font-weight:700}.place-order-btn{width:100%;padding:16px;margin-top:20px;border-radius:12px;border:none;background:var(--primary, #6366f1);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s}.place-order-btn:hover:not(:disabled){background:var(--primary-hover, #4f46e5);transform:translateY(-1px)}.place-order-btn:disabled{opacity:.65;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:checkout-spin .8s linear infinite}@keyframes checkout-spin{to{transform:rotate(360deg)}}.security-guarantee{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border, #e5e7eb)}.guarantee-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted, #6b7280)}.guarantee-item span:first-child{font-size:16px}.back-to-cart-btn{width:100%;padding:12px;margin-top:12px;border-radius:12px;border:1px solid var(--border, #e5e7eb);background:transparent;color:var(--text, #0f172a);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.back-to-cart-btn:hover:not(:disabled){background:var(--surface-2, #f1f3f6);border-color:var(--border-strong, #d1d5db)}.back-to-cart-btn:disabled{opacity:.5;cursor:not-allowed}.loading-checkout{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted, #6b7280)}.loading-spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--border, #e5e7eb);border-top-color:var(--primary, #6366f1);animation:checkout-spin .8s linear infinite}@media(max-width:640px){.checkout-container,.checkout-section{padding:16px}.checkout-item{grid-template-columns:48px 1fr auto;gap:8px;padding:10px}.checkout-item img{width:48px;height:48px}.checkout-item .item-name{font-size:12px}.form-row{grid-template-columns:1fr}.checkout-steps{width:100%}.checkout-steps .step{flex:1;text-align:center;font-size:11px;padding:6px 8px}}[data-theme=dark] .checkout-app{--bg: #0b1120;--surface: #111827;--surface-2: #1f2937;--border: #1f2937;--border-strong: #374151;--text: #f9fafb;--text-muted: #9ca3af;--primary: #818cf8;--primary-hover: #6366f1}.store-header-container{width:100%;max-width:1100px;margin:0 auto;padding:1rem 1rem 3rem;display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box}.store-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.nav-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border:1px solid #e5e7eb;background:#fff;border-radius:10px;color:#374151;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .15s ease}.nav-back-btn:hover{border-color:#6366f1;color:#6366f1}.back-icon{font-size:1rem}.nav-actions{display:flex;gap:.5rem;flex-wrap:wrap}.nav-action-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border:1px solid #d1d5db;background:#fff;border-radius:10px;color:#374151;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .15s ease}.nav-action-btn:hover{border-color:#6366f1;color:#6366f1;transform:translateY(-1px)}.nav-action-active{background:#6366f1;border-color:#6366f1;color:#fff}.nav-action-active:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.dashboard-btn{background:#111827;border-color:#111827;color:#fff}.dashboard-btn:hover{background:#000;border-color:#000;color:#fff}.action-icon{font-size:.95rem}.store-hero-section{position:relative}.store-identity-card{display:flex;gap:1.5rem;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;box-shadow:0 6px 24px #1118270d;align-items:center;flex-wrap:wrap}.store-avatar-wrapper{flex-shrink:0}.store-avatar-container{position:relative;width:128px;height:128px}.store-avatar-image{width:128px;height:128px;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 16px #1118271f;display:block;background:#f3f4f6}.store-status-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;background:#10b981;color:#fff;font-size:.68rem;font-weight:700;border-radius:999px;white-space:nowrap;box-shadow:0 2px 6px #10b98159}.status-icon{font-size:.85rem}.store-info-container{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.75rem}.store-title-row{display:flex;flex-direction:column;gap:.4rem}.store-title{margin:0;font-size:1.5rem;font-weight:800;color:#111827;line-height:1.2;letter-spacing:-.01em}.store-rating-display{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#4b5563}.rating-stars{display:inline-flex;gap:.1rem}.star-icon{font-size:.85rem;color:#d1d5db}.star-icon.filled{color:#f59e0b}.rating-value{font-weight:700;color:#111827}.rating-count{color:#6b7280}.store-category-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.store-category,.store-distance{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600}.store-category{background:#6366f11f;color:#4f46e5}.store-distance{background:#10b9811f;color:#047857}.category-icon,.distance-icon{font-size:.8rem}.edit-profile-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.pbox{display:flex;flex-direction:column;gap:1rem}.store-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:16px;text-align:center;color:#4b5563}.store-empty-state .empty-icon{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.store-empty-state h2{margin:0 0 .5rem;font-size:1.25rem;color:#111827}.store-empty-state p{margin:0 0 1.25rem;font-size:.9rem;max-width:380px;line-height:1.5}@media(max-width:640px){.store-identity-card{flex-direction:column;text-align:center;padding:1.25rem}.store-title{font-size:1.25rem}.store-category-row,.store-rating-display{justify-content:center}.nav-actions{width:100%;justify-content:flex-end}.nav-back-btn span{display:none}.nav-back-btn{padding:.55rem .7rem}}@media(max-width:420px){.store-avatar-container,.store-avatar-image{width:96px;height:96px}.nav-action-btn span{display:none}.nav-action-btn{padding:.55rem .7rem}}.stay-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:12px}.stay-service-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s ease,transform .05s ease}.stay-service-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-1px)}.stay-service-image{position:relative;width:100%;aspect-ratio:16 / 10;background:#f3f4f6;overflow:hidden}.stay-service-image img{width:100%;height:100%;object-fit:cover}.stay-service-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#9ca3af;font-size:32px}.stay-service-badge{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:11px;font-weight:700;border-radius:999px;background:#ef4444;color:#fff;text-transform:uppercase;letter-spacing:.03em}.stay-service-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.stay-service-name{margin:0;font-size:16px;font-weight:700;color:#111827}.stay-service-desc{margin:0;font-size:13px;color:#4b5563;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stay-service-meta{display:flex;gap:14px;font-size:13px;color:#374151;font-weight:500}.stay-service-meta svg{color:#e770df;margin-right:4px}.stay-service-amenities{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.stay-service-amenities li{display:inline-flex;align-items:center;gap:4px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:3px 8px;font-size:11px;color:#374151;text-transform:capitalize}.stay-service-amenities li svg{color:#6366f1}.stay-service-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #f3f4f6}.stay-service-price{font-size:16px;font-weight:800;color:#111827}.stay-service-price small{font-size:11px;font-weight:500;color:#6b7280;margin-left:3px}.stay-service-book{appearance:none;border:none;background:#e770df;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease}.stay-service-book:hover:not(:disabled){background:#d45ccc}.stay-service-book:disabled{background:#d1d5db;cursor:not-allowed}@media(max-width:640px){.stay-services-grid{grid-template-columns:1fr}}.location-prompt{background:#fff;border-radius:20px;padding:40px 24px;margin-bottom:24px;text-align:center;box-shadow:0 8px 32px #0f172a14;animation:promptIn .3s ease-out}@keyframes promptIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.prompt-icon{font-size:42px;color:#667eea;margin-bottom:12px}.prompt-title{margin:0 0 6px;font-size:22px;font-weight:800;color:#111827;letter-spacing:-.01em}.prompt-subtitle{margin:0 auto 20px;max-width:420px;font-size:14px;color:#6b7280;line-height:1.5}.prompt-search{position:relative;max-width:420px;margin:0 auto 12px}.prompt-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#667eea;font-size:16px;pointer-events:none}.prompt-search input{width:100%;padding:14px 44px 14px 46px;border:1.5px solid #e5e7ef;border-radius:14px;font-size:15px;font-family:inherit;background:#fafbff;box-sizing:border-box;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.prompt-search input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea26}.prompt-search-spinner{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#667eea;font-size:15px}.prompt-results{list-style:none;padding:0;margin:0 auto 16px;max-width:420px;background:#fff;border:1px solid #f1f5f9;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0f172a14;text-align:left}.prompt-result{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease}.prompt-result:last-child{border-bottom:none}.prompt-result:hover{background:#f8fafc}.prompt-result-icon{color:#667eea;font-size:16px;flex-shrink:0}.prompt-result-text{display:flex;flex-direction:column;gap:2px;min-width:0}.prompt-result-name{font-size:14px;font-weight:700;color:#111827}.prompt-result-region{font-size:12px;color:#6b7280}.prompt-retry{padding:10px 22px;border:1.5px solid #e5e7ef;border-radius:12px;background:#fff;color:#4b5563;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.prompt-retry:hover:not(:disabled){background:#f3f4f6;border-color:#c7d0ff}.prompt-retry:disabled{opacity:.6;cursor:not-allowed}.location-region{display:inline-flex;align-items:center;padding:3px 10px;background:#f3f4f6;color:#4b5563;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.02em}@media(max-width:640px){.location-prompt{padding:28px 16px;border-radius:16px}.prompt-icon{font-size:34px}.prompt-title{font-size:18px}.prompt-subtitle{font-size:13px}.prompt-search input{padding:12px 40px 12px 42px;font-size:14px;border-radius:12px}.prompt-result{padding:10px 14px}.prompt-result-name{font-size:13px}.location-region{font-size:11px}}.homeContainer{padding:10px 10px 50px;margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:30px}.homeTitle{width:1024px;font-size:20px}.pList{width:100%;max-width:1024px;display:flex;justify-content:space-between;gap:20px}.pListItem{flex:1;border-radius:10px;overflow:hidden;cursor:pointer}.pListImg{width:100%;height:150px;object-fit:cover}.pListTitles>h1{font-size:18px;color:#444}.pListTitles>h2{font-size:14px;font-weight:300}:root{--bg: #f7f8fa;--surface: #ffffff;--surface-2: #f1f3f6;--border: #e5e7eb;--border-strong: #d1d5db;--text: #0f172a;--text-muted: #6b7280;--text-faint: #9ca3af;--primary: #6366f1;--primary-hover: #4f46e5;--primary-soft: #eef2ff;--success: #10b981;--danger: #ef4444;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 4px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 40px rgba(15, 23, 42, .12);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0b1120;--surface: #111827;--surface-2: #1f2937;--border: #1f2937;--border-strong: #374151;--text: #f9fafb;--text-muted: #9ca3af;--text-faint: #6b7280;--primary-soft: #1e1b4b}}.profile-page{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);padding-bottom:80px}.profile-shell{max-width:960px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:20px}.profile-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;padding:12px 20px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}@media(prefers-color-scheme:dark){.profile-topbar{background:#111827d1}}.back-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text);cursor:pointer;transition:background .15s ease,transform .1s ease}.back-btn:hover{background:var(--border-strong)}.back-btn:active{transform:scale(.95)}.topbar-title{display:flex;flex-direction:column;align-items:center;line-height:1.15}.title-name{font-weight:700;font-size:16px}.title-sub{font-size:12px;color:var(--text-muted)}.hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.hero-banner{position:relative;height:200px;background:linear-gradient(120deg,#6366f1,#8b5cf6,#ec4899);overflow:hidden}.hero-banner-img{width:100%;height:100%;object-fit:cover;display:block}.hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#0006)}.hero-body{position:relative;padding:0 28px 28px}.hero-avatar-wrap{position:relative;width:132px;height:132px;margin-top:-66px;margin-bottom:14px}.hero-avatar{width:132px;height:132px;border-radius:50%;object-fit:cover;border:4px solid var(--surface);background:var(--surface);box-shadow:var(--shadow)}.avatar-edit{position:absolute;right:4px;bottom:4px;width:34px;height:34px;border-radius:50%;border:2px solid var(--surface);background:var(--primary);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,transform .15s ease}.avatar-edit:hover{background:var(--primary-hover);transform:scale(1.05)}.hero-meta{display:flex;flex-direction:column;gap:14px}.hero-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-name{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em}.hero-bio{margin:0;color:var(--text-muted);font-size:15px;line-height:1.5;max-width:640px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.badge-driver{background:var(--primary-soft);color:var(--primary)}.stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.stat-tile{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:20px;font-weight:800}.stat-label{font-size:12px;color:var(--text-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .15s ease,transform .1s ease,border-color .15s ease;font-family:inherit}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2)}.tabs{display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm);align-self:flex-start}.tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--text);background:var(--surface-2)}.tab.is-active{background:var(--primary);color:#fff}.tab-count{background:#ffffff2e;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.tab:not(.is-active) .tab-count{background:var(--surface-2);color:var(--text-muted)}.profile-body{padding-top:4px}.feed{display:flex;flex-direction:column;gap:18px}.feed-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.feed-item:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.related-items{border-top:1px dashed var(--border);padding:16px 20px;background:var(--surface-2)}.related-header{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.store-card{display:flex;gap:14px;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.store-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary)}.store-card-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:20px}.store-card-body{min-width:0;flex:1}.store-card-body h4{margin:0 0 4px;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{color:var(--text-muted);font-size:13px;line-height:1.4;margin:0 0 8px}.store-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.chip{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-muted)}.meta-line{display:inline-flex;align-items:center;gap:4px}.loader{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-muted)}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:spin .8s linear infinite}.error-state{padding:40px 20px;text-align:center;color:var(--danger)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;text-align:center;color:var(--text-muted)}.empty-icon{font-size:42px;color:var(--text-faint);margin-bottom:4px}.empty-state h3{margin:0;font-size:17px;color:var(--text)}.empty-state p{margin:0;max-width:340px}@media(max-width:720px){.profile-shell{padding:0 14px}.hero-banner{height:150px}.hero-body{padding:0 18px 22px}.hero-avatar-wrap{width:108px;height:108px;margin-top:-54px}.hero-avatar{width:108px;height:108px}.hero-name{font-size:20px}.stats-strip{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.tab{padding:8px 14px;font-size:13px}.stores-grid{grid-template-columns:1fr}}.comments-container{margin-top:16px;padding-top:16px;border-top:1px solid #333}.write-comment{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px;background:#2d2d2d;border-radius:8px}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.comment-avatar-fallback{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#444;color:#888}.write-comment input{flex:1;background:#1c1c1c;border:1px solid #444;border-radius:20px;padding:8px 16px;color:#fff;font-size:14px}.write-comment input:focus{outline:none;border-color:#1a73e8}.write-comment input::placeholder{color:#888}.write-comment button{background:#1a73e8;color:#fff;border:none;padding:8px 16px;border-radius:16px;cursor:pointer;font-size:14px}.write-comment button:hover:not(.disabled){background:#1669d9}.write-comment button.disabled{background:#666;cursor:not-allowed;opacity:.6}.comments-loading,.no-comments{text-align:center;padding:20px;color:#888;font-style:italic}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:#2d2d2d;border-radius:8px;padding:12px}.comment-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.comment-content{flex:1}.comment-user{font-weight:600;font-size:14px;color:#fff;margin-bottom:4px}.comment-text{color:#e4e4e4;font-size:14px;line-height:1.4}.comment-actions{display:flex;align-items:center;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid #444}.comment-actions button{background:none;border:none;color:#888;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;transition:background-color .2s}.comment-actions button:hover{background:#3d3d3d;color:#fff}.like-button{color:#f91880!important}.reply-input{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;background:#1c1c1c;border-radius:8px}.reply-input input{flex:1;background:#2d2d2d;border:1px solid #444;border-radius:16px;padding:6px 12px;color:#fff;font-size:13px}.reply-input input:focus{outline:none;border-color:#1a73e8}.reply-input button{background:#1a73e8;color:#fff;border:none;padding:6px 12px;border-radius:12px;cursor:pointer;font-size:12px}.reply-input button:hover:not(.disabled){background:#1669d9}.reply-input button.disabled{background:#666;cursor:not-allowed;opacity:.6}.replies-list{margin-top:12px;margin-left:44px;border-left:2px solid #444;padding-left:12px}.reply-item{background:#1c1c1c;border-radius:8px;padding:8px;margin-bottom:8px}.reply-header{display:flex;align-items:flex-start;gap:8px}.reply-content{flex:1}.reply-user{font-weight:600;font-size:13px;color:#fff;margin-bottom:2px}.reply-text{color:#e4e4e4;font-size:13px;line-height:1.4}.reply-actions{display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid #333}.reply-actions button{background:none;border:none;color:#888;cursor:pointer;font-size:11px;padding:2px 6px;border-radius:3px;display:flex;align-items:center;gap:2px;transition:background-color .2s}.reply-actions button:hover{background:#2d2d2d;color:#fff}@media(max-width:768px){.write-comment{padding:8px;gap:8px}.comment-avatar,.comment-avatar-fallback{width:28px;height:28px}.write-comment input{font-size:13px;padding:6px 12px}.write-comment button{padding:6px 12px;font-size:13px}.comment-item{padding:8px}.replies-list{margin-left:36px}.comment-actions,.reply-actions{gap:8px}.comment-actions button,.reply-actions button{font-size:11px;padding:3px 6px}}.postBlack{background:#fff;border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 4px 25px #00000014;border:1px solid rgba(0,0,0,.04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.postBlack:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,48,100,.3),transparent)}.postBlack:hover{transform:translateY(-2px);box-shadow:0 8px 35px #0000001f}.userBlack{display:flex;align-items:flex-start;margin-bottom:16px;position:relative}.profileAvatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;background:linear-gradient(45deg,#667eea,#764ba2)}.profileAvatar:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea4d}.post-topInfoBlack{display:flex;justify-content:space-between;align-items:flex-start;flex:1;margin-left:12px}.post-userInfoBlack h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#1a1a1a;letter-spacing:-.2px}.post-userInfoBlack p{margin:0;font-size:13px;color:#666;font-weight:400}.post-settingInfoBlack{position:relative}.post-settingInfoBlack svg{font-size:20px;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.post-settingInfoBlack svg:hover{background:#0000000d;color:#333}.menu{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;border:1px solid rgba(0,0,0,.08);padding:8px;z-index:1000;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu button{width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;border-radius:8px;font-size:14px;font-weight:500;color:#333;transition:all .2s ease}.menu button:hover{background:#ff30641a;color:#ff3064}.post-displayBlack{margin-bottom:16px}.post-messageBlack{font-size:15px;line-height:1.5;color:#1a1a1a;margin:0 0 16px;word-wrap:break-word;white-space:pre-wrap}.post-images-container{display:grid;gap:8px;margin-top:12px}.post-images-container .post-image-item:only-child .post-image-container{max-height:400px;border-radius:16px}.post-images-container:has(.post-image-item:nth-child(2):last-child){grid-template-columns:1fr 1fr}.post-images-container:has(.post-image-item:nth-child(3)){grid-template-columns:1fr 1fr}.post-images-container:has(.post-image-item:nth-child(3):last-child) .post-image-item:first-child{grid-column:1 / -1}.post-image-container{position:relative;border-radius:12px;overflow:hidden;background:#f8f9fa;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.post-content-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-image-container:hover .post-content-image{transform:scale(1.03)}.post-image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666}.post-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,48,100,.2);border-top:3px solid #ff3064;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-image-placeholder{text-align:center;color:#999;padding:20px}.post-image-placeholder span:first-child{font-size:32px;display:block;margin-bottom:8px}.post-displayBlack textarea{width:100%;min-height:120px;padding:16px;border:2px solid #e1e8ed;border-radius:12px;font-size:15px;font-family:inherit;resize:vertical;transition:all .3s ease;background:#fafbfc}.post-displayBlack textarea:focus{outline:none;border-color:#ff3064;background:#fff;box-shadow:0 0 0 3px #ff30641a}.post-displayBlack button{padding:10px 20px;margin-right:8px;margin-top:8px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.post-displayBlack button:first-of-type{background:#ff3064;color:#fff}.post-displayBlack button:first-of-type:hover{background:#e02a58;transform:translateY(-1px)}.post-displayBlack button:last-of-type{background:#f8f9fa;color:#666}.post-displayBlack button:last-of-type:hover{background:#e9ecef}.info{display:flex;align-items:center;gap:24px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06)}.item{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px;color:#666;position:relative;overflow:hidden}.item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.item:hover:before{left:100%}.item:hover{background:#ff306414;color:#ff3064;transform:translateY(-1px)}.item svg{font-size:20px;transition:all .3s ease}.item:hover svg{transform:scale(1.1)}.item:first-child:hover{background:#ff30641f}.item:first-child.active{color:#ff3064}.floating-hearts-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.floating-heart{position:absolute;font-size:24px;pointer-events:none;z-index:9999;animation:floatUp 1s ease-in forwards;opacity:0}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}20%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-80px) scale(.8)}}.heart-burst{animation:heartBurst .6s ease-out}@keyframes heartBurst{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.comments-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.06);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.postBlack{border-radius:16px;padding:16px;margin-bottom:12px}.profileAvatar{width:44px;height:44px}.post-userInfoBlack h3{font-size:15px}.post-userInfoBlack p{font-size:12px}.post-messageBlack{font-size:14px}.info{gap:16px}.item{padding:6px 12px;font-size:13px}.item svg{font-size:18px}}@media(max-width:480px){.post-images-container:has(.post-image-item:nth-child(2):last-child),.post-images-container:has(.post-image-item:nth-child(3)){grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.postBlack{background:#1a1a1a;border-color:#ffffff1a;color:#fff}.post-userInfoBlack h3{color:#fff}.post-userInfoBlack p{color:#ccc}.post-messageBlack{color:#fff}.post-image-container{background:#2a2a2a}.menu{background:#2a2a2a;border-color:#ffffff1a}.menu button{color:#fff}.menu button:hover{background:#ff306433}}.post-skeleton{animation:skeletonLoading 1.5s infinite ease-in-out}@keyframes skeletonLoading{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.post-images-container::-webkit-scrollbar{width:6px;height:6px}.post-images-container::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.post-images-container::-webkit-scrollbar-thumb{background:#ff306480;border-radius:3px}.post-images-container::-webkit-scrollbar-thumb:hover{background:#ff3064b3}.item-list{display:flex;width:100%;height:100px;background-color:gray;border-radius:20px;overflow-x:scroll}.item-card img{width:60px;height:60px}.editProfileContainer{position:absolute;top:150px;left:50%;transform:translate(-50%,-20%);background:#fff;padding:20px;box-shadow:0 0 10px #0000001a;border-radius:8px;z-index:1000}.editProfileContainer form{display:flex;flex-direction:column}.editProfileContainer label{margin-bottom:10px}.editProfileContainer input,.editProfileContainer textarea{padding:10px;margin-top:5px;margin-bottom:15px;border-radius:5px;border:1px solid #ccc}.editProfileContainer .imagePreview,.editProfileContainer .bannerPreview{width:100px;height:100px;object-fit:cover;margin-top:10px}.editProfileContainer button{padding:10px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;margin-right:10px}.editProfileContainer button:disabled{background-color:#ccc;cursor:not-allowed}:root{--dr-bg: #f8fafc;--dr-surface: #ffffff;--dr-surface-alt: #f1f5f9;--dr-border: #e2e8f0;--dr-border-strong: #cbd5e1;--dr-text: #0f172a;--dr-text-muted: #64748b;--dr-text-faint: #94a3b8;--dr-primary: #8b5cf6;--dr-primary-strong: #6d28d9;--dr-primary-soft: #ede9fe;--dr-success: #10b981;--dr-success-soft: #d1fae5;--dr-success-strong: #047857;--dr-danger: #ef4444;--dr-danger-soft: #fee2e2;--dr-warning: #f59e0b;--dr-warning-soft: #fef3c7;--dr-warning-strong: #92400e;--dr-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--dr-shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--dr-shadow-lg: 0 20px 50px rgba(15, 23, 42, .15)}.driver-registration-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px;animation:dr-fade-in .15s ease-out}@keyframes dr-fade-in{0%{opacity:0}to{opacity:1}}.driver-registration-modal{background:var(--dr-surface);color:var(--dr-text);width:100%;max-width:720px;max-height:92vh;overflow-y:auto;border-radius:16px;box-shadow:var(--dr-shadow-lg);display:flex;flex-direction:column;animation:dr-slide-up .2s ease-out}@keyframes dr-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.driver-registration-modal.loading{max-width:360px;align-items:center;justify-content:center;padding:40px 24px;text-align:center;gap:16px}.driver-registration-modal.loading h3{margin:0;font-size:18px;font-weight:700}.driver-registration-modal.loading p{margin:0;font-size:13px;color:var(--dr-text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--dr-border);border-top-color:var(--dr-primary);border-radius:50%;animation:dr-spin .8s linear infinite}@keyframes dr-spin{to{transform:rotate(360deg)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 20px;border-bottom:1px solid var(--dr-border)}.header-content{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.header-icon-container{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--dr-primary),#6366f1);display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 14px #8b5cf659}.header-icon{font-size:24px;color:#fff}.header-text{flex:1;min-width:0}.header-text h2{margin:0;font-size:22px;font-weight:800;color:var(--dr-text);line-height:1.2}.subtitle{margin:4px 0 0;font-size:13px;color:var(--dr-text-muted);line-height:1.4}.close-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--dr-border);background:var(--dr-surface);color:var(--dr-text-muted);cursor:pointer;display:grid;place-items:center;font-size:16px;transition:all .15s;flex-shrink:0}.close-btn:hover{background:var(--dr-danger-soft);color:var(--dr-danger);border-color:var(--dr-danger)}.message{display:flex;align-items:center;gap:10px;margin:16px 28px 0;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:500;line-height:1.4;animation:dr-slide-up .2s ease-out}.message svg{flex-shrink:0;font-size:16px}.message.success{background:var(--dr-success-soft);color:var(--dr-success-strong);border:1px solid #6ee7b7}.message.error{background:var(--dr-danger-soft);color:#991b1b;border:1px solid #fca5a5}.message.info{background:var(--dr-primary-soft);color:var(--dr-primary-strong);border:1px solid #c4b5fd}.driver-profile-view{padding:20px 28px 28px;display:flex;flex-direction:column;gap:20px}.profile-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px}.driver-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--dr-success-strong)}.driver-badge svg{font-size:16px}.driver-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dr-success-strong);font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--dr-success);box-shadow:0 0 0 3px #10b98133}.info-section{background:var(--dr-surface-alt);border:1px solid var(--dr-border);border-radius:12px;padding:16px 18px}.info-section h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;color:var(--dr-text);text-transform:uppercase;letter-spacing:.04em}.info-section h3 svg{color:var(--dr-primary);font-size:14px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px}.info-item{display:flex;flex-direction:column;gap:4px;min-width:0}.info-item .label{font-size:11px;color:var(--dr-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.info-item .value{font-size:14px;color:var(--dr-text);font-weight:500;word-break:break-word}.info-item .value.code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.03em}.value-warning{color:var(--dr-warning)!important;font-weight:600!important;font-size:12px!important}.phone-link{color:var(--dr-primary);font-weight:600;text-decoration:none}.phone-link:hover{text-decoration:underline;color:var(--dr-primary-strong)}.color-indicator{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:6px;vertical-align:middle;border:1px solid rgba(0,0,0,.15)}.phone-warning{margin-top:14px;padding:12px 14px;background:var(--dr-warning-soft);border:1px solid #fcd34d;border-radius:10px;color:var(--dr-warning-strong);font-size:13px;line-height:1.5}.phone-warning .link-btn{background:none;border:none;padding:0;color:var(--dr-primary);font-weight:700;cursor:pointer;text-decoration:underline;font-size:13px}.phone-warning .link-btn:hover{color:var(--dr-primary-strong)}.services-grid{display:flex;flex-wrap:wrap;gap:8px}.service-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--dr-surface);border:1px solid var(--dr-border);border-radius:10px;font-size:13px;font-weight:600;color:var(--dr-text)}.service-badge .service-icon{color:var(--dr-primary);font-size:14px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.driver-form{padding:20px 28px 28px;display:flex;flex-direction:column;gap:20px}.form-section{background:var(--dr-surface-alt);border:1px solid var(--dr-border);border-radius:12px;padding:18px 20px}.form-section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:700;color:var(--dr-text);text-transform:uppercase;letter-spacing:.04em}.form-section h3 svg{color:var(--dr-primary);font-size:14px}.section-description{margin:-8px 0 14px;font-size:12px;color:var(--dr-text-muted);line-height:1.5}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:12px;font-weight:600;color:var(--dr-text);letter-spacing:.01em}.form-group label .required{color:var(--dr-danger);margin-left:2px;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--dr-border);background:var(--dr-surface);color:var(--dr-text);font-size:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--dr-primary);box-shadow:0 0 0 3px #8b5cf626}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--dr-danger);background:#fef2f2}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 3px #ef444426}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--dr-surface-alt)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>svg{position:absolute;left:12px;color:var(--dr-text-muted);font-size:14px;pointer-events:none}.input-with-icon input{padding-left:38px!important}.field-hint{font-size:11px;color:var(--dr-text-muted);line-height:1.4;margin-top:2px}.error-text{display:block;font-size:11px;color:var(--dr-danger);font-weight:500;margin-top:2px}.services-selection{display:flex;flex-direction:column;gap:8px}.service-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--dr-surface);border:1px solid var(--dr-border);border-radius:10px;cursor:pointer;transition:all .15s}.service-option:hover{border-color:var(--dr-primary);background:#8b5cf608}.service-option.selected{border-color:var(--dr-primary);background:var(--dr-primary-soft)}.service-option .service-icon{width:36px;height:36px;border-radius:10px;background:var(--dr-primary-soft);color:var(--dr-primary);display:grid;place-items:center;font-size:16px;flex-shrink:0}.service-option.selected .service-icon{background:var(--dr-primary);color:#fff}.service-info{flex:1;min-width:0}.service-label{font-size:13px;font-weight:600;color:var(--dr-text)}.service-description{font-size:11px;color:var(--dr-text-muted);margin-top:2px}.service-checkbox{width:18px;height:18px;accent-color:var(--dr-primary);cursor:pointer;flex-shrink:0}.color-selection{display:flex;flex-wrap:wrap;gap:8px}.color-option{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:grid;place-items:center;color:#fff;font-size:14px;transition:all .15s;box-shadow:0 2px 4px #0000001a;position:relative}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--dr-primary);box-shadow:0 0 0 3px #8b5cf640}.color-option svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.color-option[style*="background-color: white"],.color-option[style*="background-color: #ffffff"],.color-option[style*="background-color: silver"],.color-option[style*="background-color: yellow"]{border-color:var(--dr-border-strong)}.document-upload{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-group{display:flex;flex-direction:column;gap:6px}.upload-group label{font-size:12px;font-weight:600;color:var(--dr-text)}.upload-box{position:relative;border:2px dashed var(--dr-border-strong);border-radius:10px;padding:20px 12px;text-align:center;background:var(--dr-surface);transition:border-color .15s,background .15s;cursor:pointer;min-height:100px;display:flex;align-items:center;justify-content:center}.upload-box:hover{border-color:var(--dr-primary);background:var(--dr-primary-soft)}.upload-box input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--dr-text-muted);pointer-events:none}.upload-placeholder svg{font-size:20px;color:var(--dr-primary)}.upload-preview{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--dr-text-muted);pointer-events:none}.upload-preview img{max-width:100%;max-height:120px;border-radius:6px;object-fit:cover}.form-footer{display:flex;flex-direction:column;gap:16px}.terms-notice{padding:12px 14px;background:var(--dr-primary-soft);border-radius:10px;font-size:12px;color:var(--dr-text);line-height:1.5}.terms-notice p{margin:0;display:flex;align-items:flex-start;gap:8px}.terms-notice svg{color:var(--dr-success);flex-shrink:0;margin-top:2px}.terms-notice a{color:var(--dr-primary-strong);font-weight:600;text-decoration:none}.terms-notice a:hover{text-decoration:underline}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;line-height:1}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-icon svg{font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--dr-primary),#6366f1);color:#fff;box-shadow:0 4px 12px #8b5cf640}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #8b5cf659}.btn-secondary{background:var(--dr-surface);color:var(--dr-text);border:1px solid var(--dr-border)}.btn-secondary:hover:not(:disabled){border-color:var(--dr-primary);color:var(--dr-primary-strong)}.btn-outline{background:transparent;color:var(--dr-text-muted);border:1px solid var(--dr-border)}.btn-outline:hover:not(:disabled){color:var(--dr-text);border-color:var(--dr-border-strong)}.submit-btn{flex:1;min-width:160px}.cancel-btn{flex-shrink:0}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:dr-spin .8s linear infinite}.success-benefits{padding:14px 16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:10px}.success-benefits h4{margin:0 0 10px;font-size:13px;font-weight:700;color:#14532d}.success-benefits ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 16px}.success-benefits li{font-size:12px;color:#166534;line-height:1.4}.driver-registration-modal::-webkit-scrollbar{width:8px}.driver-registration-modal::-webkit-scrollbar-track{background:transparent}.driver-registration-modal::-webkit-scrollbar-thumb{background:var(--dr-border-strong);border-radius:4px}.driver-registration-modal::-webkit-scrollbar-thumb:hover{background:var(--dr-text-faint)}@media(max-width:768px){.driver-registration-modal{max-height:96vh;border-radius:12px}.modal-header{padding:20px 20px 16px}.header-icon-container{width:44px;height:44px;border-radius:12px}.header-icon{font-size:20px}.header-text h2{font-size:18px}.subtitle{font-size:12px}.message{margin:14px 20px 0}.driver-profile-view,.driver-form{padding:16px 20px 20px;gap:16px}.form-section{padding:14px 16px}.info-grid{grid-template-columns:1fr;gap:10px}.form-row,.document-upload,.success-benefits ul{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.form-actions{flex-direction:column-reverse}.submit-btn,.cancel-btn{width:100%;min-width:0}}@media(max-width:480px){.driver-registration-overlay{padding:0;align-items:stretch}.driver-registration-modal{max-height:100vh;border-radius:0;max-width:100%}.modal-header{padding:16px}.header-text h2{font-size:16px}.header-icon-container{width:40px;height:40px}.driver-profile-view,.driver-form{padding:14px 16px 16px}.profile-header{flex-direction:column;align-items:flex-start}}:global([data-theme=dark]) .driver-registration-overlay,html[data-theme=dark] .driver-registration-overlay{background:#000000b3}:global([data-theme=dark]) .driver-registration-modal,html[data-theme=dark] .driver-registration-modal{--dr-bg: #0f0f16;--dr-surface: #16161f;--dr-surface-alt: #1a1a24;--dr-border: #2a2a35;--dr-border-strong: #3a3a48;--dr-text: #f3f4f6;--dr-text-muted: #9ca3af;--dr-text-faint: #6b7280;--dr-primary-soft: #2d1b4e;--dr-primary-strong: #c084fc;--dr-success-soft: #052e2b;--dr-success-strong: #34d399;--dr-danger-soft: #3f0f0f;--dr-warning-soft: #3b2a0a;--dr-warning-strong: #fbbf24}:global([data-theme=dark]) .profile-header,html[data-theme=dark] .profile-header{background:linear-gradient(135deg,#052e2b,#064e3b);border-color:#065f46}:global([data-theme=dark]) .success-benefits,html[data-theme=dark] .success-benefits{background:linear-gradient(135deg,#052e2b,#064e3b);border-color:#065f46}:global([data-theme=dark]) .success-benefits h4,html[data-theme=dark] .success-benefits h4{color:#34d399}:global([data-theme=dark]) .success-benefits li,html[data-theme=dark] .success-benefits li{color:#6ee7b7}:global([data-theme=dark]) .form-group input.error,html[data-theme=dark] .form-group input.error{background:#3f0f0f}:global([data-theme=dark]) .phone-warning,html[data-theme=dark] .phone-warning{background:#3b2a0a;border-color:#78350f;color:#fbbf24}.settings-page{min-height:100vh;background:var(--bg, #f7f8fa);color:var(--text, #0f172a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border, #e5e7eb)}.settings-topbar h1{margin:0;font-size:18px;font-weight:700}.back-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:none;background:var(--surface-2, #f1f3f6);color:inherit;cursor:pointer}.back-btn:hover{background:var(--border-strong, #d1d5db)}.saved-flash{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#10b981;font-size:13px;font-weight:600}.settings-shell{display:grid;grid-template-columns:220px 1fr;gap:20px;max-width:1080px;margin:24px auto;padding:0 20px}@media(max-width:720px){.settings-shell{grid-template-columns:1fr;gap:12px}}.settings-sidebar{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:14px;height:fit-content;position:sticky;top:76px}@media(max-width:720px){.settings-sidebar{position:static;flex-direction:row;overflow-x:auto}}.settings-tab{display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:none;border-radius:10px;font:inherit;font-size:14px;font-weight:500;color:var(--text-muted, #6b7280);cursor:pointer;text-align:left;transition:background .15s,color .15s}.settings-tab:hover{background:var(--surface-2, #f1f3f6);color:var(--text, #0f172a)}.settings-tab.is-active{background:var(--primary, #6366f1);color:#fff}.settings-main{display:flex;flex-direction:column;gap:16px;min-height:300px}.setting-section{background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:14px;padding:20px}.section-title{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--text, #0f172a)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border, #e5e7eb)}.setting-row:last-child{border-bottom:none}.setting-copy{min-width:0}.setting-label{font-size:14px;font-weight:600}.setting-description{font-size:12px;color:var(--text-muted, #6b7280);margin-top:2px}.setting-control{flex-shrink:0}.read-only-value{font-size:14px;color:var(--text-muted, #6b7280)}.select{appearance:none;padding:8px 32px 8px 12px;border-radius:10px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #fff);color:inherit;font:inherit;font-size:14px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%236b7280' d='M0 0l5 6 5-6z'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.input-narrow{width:80px;padding:8px 10px;border-radius:10px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #fff);color:inherit;font:inherit;font-size:14px}.toggle{position:relative;width:44px;height:26px;border-radius:999px;border:none;background:var(--border-strong, #d1d5db);cursor:pointer;transition:background .2s}.toggle.is-on{background:var(--primary, #6366f1)}.toggle-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle.is-on .toggle-thumb{transform:translate(18px)}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:var(--surface-2, #f1f3f6)}.segment{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:none;background:transparent;color:var(--text-muted, #6b7280);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.segment.is-active{background:var(--surface, #fff);color:var(--text, #0f172a);box-shadow:0 1px 2px #00000014}.settings-error{padding:12px 16px;border-radius:10px;background:#fee2e2;color:#991b1b;font-size:14px}.settings-loading{padding:80px 20px;text-align:center;color:var(--text-muted, #6b7280)}.saving-hint{font-size:12px;color:var(--text-muted, #6b7280);text-align:right}[data-theme=dark]{--bg: #0b1120;--surface: #111827;--surface-2: #1f2937;--border: #1f2937;--border-strong: #374151;--text: #f9fafb;--text-muted: #9ca3af}.planner-page{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden;background:var(--bg, #f7f8fa);color:var(--text, #0f172a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pp-header{flex-shrink:0;background:var(--surface, #ffffff);border-bottom:1px solid var(--border, #e5e7eb);padding:14px 20px 8px;z-index:10;box-shadow:0 1px 2px #0f172a0a}.pp-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pp-back,.pp-cart{position:relative;width:40px;height:40px;border-radius:12px;border:none;background:var(--surface-2, #f1f3f6);color:var(--text, #0f172a);display:grid;place-items:center;font-size:16px;cursor:pointer;transition:background .15s}.pp-back:hover,.pp-cart:hover{background:var(--border-strong, #d1d5db)}.pp-cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px}.pp-brand{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pp-services{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.pp-services::-webkit-scrollbar{display:none}.pp-service-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #ffffff);color:var(--text-muted, #6b7280);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.pp-service-tab:hover{border-color:var(--tab-color, #6366f1);color:var(--tab-color, #6366f1)}.pp-service-tab.is-active{background:var(--tab-color, #6366f1);color:#fff;border-color:var(--tab-color, #6366f1);box-shadow:0 4px 12px #6366f140}.pp-service-tab svg{font-size:15px}.pp-main{flex:1;overflow-y:auto;padding:20px 20px 260px;max-width:900px;width:100%;margin:0 auto}.pp-search-wrap{position:relative;margin-bottom:18px}.pp-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted, #6b7280)}.pp-search{width:100%;padding:14px 44px;border-radius:16px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #ffffff);font:inherit;font-size:15px;color:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.pp-search:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.pp-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:none;background:var(--surface-2, #f1f3f6);color:var(--text-muted, #6b7280);cursor:pointer;display:grid;place-items:center;font-size:11px}.pp-hero{padding:24px;margin-bottom:24px;border-radius:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6 60%,#ec4899);color:#fff;box-shadow:0 8px 24px #6366f133}.pp-hero h2{margin:0 0 6px;font-size:26px;font-weight:800;letter-spacing:-.02em}.pp-hero p{margin:0;opacity:.9;font-size:15px}.pp-section{margin-bottom:32px}.pp-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pp-section-head h3{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700}.pp-count{background:var(--surface-2, #f1f3f6);color:var(--text-muted, #6b7280);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.pp-see-all{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#6366f1;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.pp-loading{padding:40px;display:grid;place-items:center}.pp-spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border, #e5e7eb);border-top-color:#6366f1;animation:ppSpin .8s linear infinite}@keyframes ppSpin{to{transform:rotate(360deg)}}.pp-empty{text-align:center;padding:40px 20px;color:var(--text-muted, #6b7280)}.pp-empty svg{font-size:32px;opacity:.5;margin-bottom:8px}.pp-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.pp-product-card{display:flex;flex-direction:column;padding:0;border:1px solid var(--border, #e5e7eb);border-radius:16px;background:var(--surface, #ffffff);overflow:hidden;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.pp-product-image{aspect-ratio:1;background:var(--surface-2, #f1f3f6);overflow:hidden}.pp-product-image img{width:100%;height:100%;object-fit:cover}.pp-product-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:36px;opacity:.6}.pp-product-body{padding:12px}.pp-product-body h4{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp-product-store{display:inline-flex;align-items:center;gap:4px;margin:0 0 8px;font-size:11px;color:var(--text-muted, #6b7280)}.pp-product-price{font-size:15px;font-weight:700;color:#6366f1}.pp-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.pp-service-card{padding:16px;border:1px solid var(--border, #e5e7eb);border-radius:16px;background:var(--surface, #ffffff);text-align:left;cursor:pointer;transition:all .15s}.pp-service-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.pp-service-card h4{margin:0 0 6px;font-size:15px;font-weight:700}.pp-service-card p{margin:0 0 8px;font-size:13px;color:var(--text-muted, #6b7280);line-height:1.4}.pp-rating{font-size:12px;font-weight:600;color:#f59e0b}.pp-bottom{position:fixed;bottom:0;left:0;right:0;z-index:30;background:transparent;pointer-events:none;padding:0;max-width:900px;margin:0 auto}.pp-bottom>.journey-planner{pointer-events:auto;background:var(--surface, #ffffff);border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #0f172a26;border-top:1px solid var(--border, #e5e7eb);max-height:70vh;overflow-y:auto}@media(max-width:640px){.pp-header{padding:12px 14px 6px}.pp-main{padding:14px 14px 240px}.pp-hero{padding:18px}.pp-hero h2{font-size:22px}.pp-products-grid{grid-template-columns:repeat(2,1fr);gap:10px}}[data-theme=dark] .planner-page{--bg: #0b1120;--surface: #111827;--surface-2: #1f2937;--border: #1f2937;--border-strong: #374151;--text: #f9fafb;--text-muted: #9ca3af}[data-theme=dark] .pp-hero{background:linear-gradient(135deg,#4338ca,#6d28d9 60%,#be185d)}[data-theme=dark] .pp-bottom>.journey-planner{background:#111827}.pp-stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.pp-store-card{display:flex;flex-direction:column;padding:0;border:1px solid var(--border, #e5e7eb);border-radius:16px;background:var(--surface, #ffffff);overflow:hidden;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}.pp-store-card:hover{transform:translateY(-2px);border-color:#6366f1;box-shadow:0 8px 20px #6366f11f}.pp-store-image{aspect-ratio:16 / 9;background:var(--surface-2, #f1f3f6);overflow:hidden}.pp-store-image img{width:100%;height:100%;object-fit:cover}.pp-store-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:32px;color:var(--text-muted, #6b7280);opacity:.6}.pp-store-body{padding:12px}.pp-store-body h4{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.3}.pp-store-category{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--surface-2, #f1f3f6);color:var(--text-muted, #6b7280);font-size:11px;font-weight:600;margin-right:6px}.pp-store-rating{font-size:12px;font-weight:600;color:#f59e0b}.pp-product-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--border, #e5e7eb);border-radius:16px;background:var(--surface, #ffffff);overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}.pp-product-card:hover{transform:translateY(-2px);border-color:#6366f1;box-shadow:0 8px 20px #6366f11f}.pp-product-tap{display:flex;flex-direction:column;padding:0;border:none;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}.pp-product-tap .pp-product-image{aspect-ratio:1;background:var(--surface-2, #f1f3f6);overflow:hidden}.pp-product-tap .pp-product-image img{width:100%;height:100%;object-fit:cover;display:block}.pp-product-tap .pp-product-body{padding:12px 12px 6px}.pp-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0 10px 10px;padding:10px;border-radius:12px;border:none;background:#10b981;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.pp-add-btn:hover:not(:disabled){background:#059669}.pp-add-btn:active:not(:disabled){transform:scale(.98)}.pp-add-btn:disabled{opacity:.7;cursor:default}.pp-add-btn.is-added{background:#059669}.pp-add-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:ppSpin .6s linear infinite}.pp-show-planner-btn{margin-top:.75rem;padding:.55rem 1rem;border:none;border-radius:8px;background:#6366f1;color:#fff;font-weight:600;cursor:pointer}.pp-show-planner-btn:hover{background:#4f46e5}.pp-promo{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:16px;padding:1.5rem}.pp-promo-header h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.15rem;color:#111827}.pp-promo-header p{margin:0 0 1.25rem;color:#4b5563;font-size:.9rem;line-height:1.5}.pp-promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.pp-promo-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:.4rem}.pp-promo-icon{font-size:1.5rem;color:#6366f1;margin-bottom:.25rem}.pp-promo-card h4{margin:0;font-size:.95rem;color:#111827}.pp-promo-card p{margin:0;font-size:.8rem;color:#6b7280;line-height:1.4}.pp-promo-ctas{display:flex;flex-wrap:wrap;gap:.65rem}.pp-promo-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#374151;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s ease}.pp-promo-cta:hover{border-color:#6366f1;color:#6366f1}.pp-promo-primary{background:#6366f1;border-color:#6366f1;color:#fff}.pp-promo-primary:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.pp-stay-filters{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0 1rem;scrollbar-width:none}.pp-stay-filters::-webkit-scrollbar{display:none}.pp-stay-filter{flex-shrink:0;padding:.45rem .9rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#374151;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.pp-stay-filter:hover{border-color:#e770df;color:#e770df}.pp-stay-filter.is-active{background:#e770df;border-color:#e770df;color:#fff}.pp-stays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.pp-stay-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column}.pp-stay-tap{background:none;border:none;padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;flex:1}.pp-stay-image{position:relative;width:100%;aspect-ratio:4 / 3;background:#f3f4f6;overflow:hidden}.pp-stay-image img{width:100%;height:100%;object-fit:cover}.pp-stay-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#d1d5db}.pp-stay-badge{position:absolute;top:.5rem;left:.5rem;background:#e770dff2;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:6px}.pp-stay-body{padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.pp-stay-body h4{margin:0;font-size:.95rem;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-stay-address{margin:0;font-size:.78rem;color:#6b7280;display:flex;align-items:center;gap:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-stay-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.pp-stay-rating{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:#f59e0b;font-weight:600}.pp-stay-price{font-size:.9rem;font-weight:700;color:#111827}.pp-stay-price small{font-size:.7rem;font-weight:400;color:#6b7280;margin-left:.15rem}.pp-book-stay-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin:0 .75rem .75rem;padding:.55rem .9rem;border:none;border-radius:8px;background:#e770df;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .15s ease}.pp-book-stay-btn:hover{background:#d65fce}.pp-book-stay-btn:disabled{opacity:.6;cursor:not-allowed}.pp-booking-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.pp-booking-modal{background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:440px;position:relative;box-shadow:0 20px 50px #00000040}.pp-booking-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.1rem;cursor:pointer;color:#666}.pp-booking-title{margin:0 0 1rem;font-size:1.15rem;display:flex;align-items:center;gap:.5rem}.pp-booking-fields{display:grid;gap:.75rem;margin-bottom:1rem}.pp-booking-fields label{display:flex;flex-direction:column;font-size:.85rem;font-weight:600;color:#444;gap:.3rem}.pp-booking-fields input{padding:.55rem .7rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem}.pp-booking-error{color:#dc2626;font-size:.85rem;margin:0 0 .75rem}.pp-book-submit{width:100%;margin:0}.pp-booking-success{text-align:center;padding:1rem 0}.pp-booking-success-icon{font-size:2.5rem;color:#10b981;margin-bottom:.75rem}.pp-service-tab.is-collapsed{opacity:.75;box-shadow:inset 0 0 0 2px var(--tab-color)}.pp-shop-filters{display:flex;gap:8px;overflow-x:auto;padding:8px 16px 4px;scrollbar-width:none}.pp-shop-filters::-webkit-scrollbar{display:none}.pp-shop-filter{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.pp-shop-filter:hover{background:#f9fafb}.pp-shop-filter.is-active{background:#10b981;border-color:#10b981;color:#fff}.pp-shop-filter-icon{font-size:14px}.journalbox-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;transition:all .3s ease}.journalbox-container.expanded{box-shadow:0 4px 20px #00000026}.journalbox-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0}.profile-avatar{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:#e9ecef;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:18px}.journal-input-trigger{flex:1}.journal-input{width:100%;border:none;outline:none;font-size:16px;padding:8px 0;background:transparent;cursor:pointer}.journal-input::placeholder{color:#6c757d}.journal-input:disabled{cursor:not-allowed;opacity:.6}.journalbox-expanded{padding:20px}.journal-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:600;color:#333;font-size:14px}.form-label span{font-weight:400;color:#6c757d}.form-input,.form-select,.form-textarea{padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#007bff}.title-input{font-size:18px;font-weight:600}.content-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-select{background:#fff;cursor:pointer}.character-count{font-size:12px;color:#6c757d;text-align:right}.content-meta{display:flex;justify-content:space-between;font-size:12px;color:#6c757d}.reading-time{font-style:italic}.tags-input-container{position:relative}.tags-input{padding-right:40px}.tags-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6c757d}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{display:inline-flex;align-items:center;gap:4px;background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:16px;font-size:12px;font-weight:500}.tag button{background:none;border:none;color:#1976d2;cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.tag button:hover{background:#bbdefb}.tag button:disabled{cursor:not-allowed;opacity:.6}.image-previews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-top:8px}.image-preview-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1}.preview-image{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;background:#000000b3;border:none;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px}.remove-image-btn:hover{background:#000000e6}.remove-image-btn:disabled{cursor:not-allowed;opacity:.6}.options-group{padding:12px 0}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#555}.checkbox-label input{display:none}.checkmark{width:18px;height:18px;border:2px solid #ddd;border-radius:4px;position:relative;transition:all .2s ease}.checkbox-label input:checked+.checkmark{background:#007bff;border-color:#007bff}.checkbox-label input:checked+.checkmark:after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.journalbox-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}.media-buttons{display:flex;gap:8px}.media-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;transition:all .2s ease}.media-button:hover{background:#e9ecef;border-color:#dee2e6}.media-button:disabled{cursor:not-allowed;opacity:.6}.media-icon{font-size:14px}.media-input{display:none}.submit-section{display:flex;gap:12px}.cancel-button,.submit-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover:not(:disabled){background:#5a6268}.submit-button{background:#28a745;color:#fff}.submit-button:hover:not(:disabled){background:#218838}.submit-button:disabled,.cancel-button:disabled{cursor:not-allowed;opacity:.6}.submit-icon{font-size:12px}.message{padding:12px 20px;border-radius:6px;margin:0 20px;font-size:14px;font-weight:500}.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}@media(max-width:768px){.journalbox-header{padding:12px 16px}.journalbox-expanded{padding:16px}.journalbox-actions{flex-direction:column;gap:12px;align-items:stretch}.media-buttons,.submit-section{justify-content:center}.image-previews-grid{grid-template-columns:repeat(2,1fr)}}.journal-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f1f5f9;position:relative}.journal-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f;border-color:#e2e8f0}.journal-card-link{text-decoration:none;color:inherit;display:block;height:100%}.journal-card--grid{display:flex;flex-direction:column;height:100%}.journal-card--grid .journal-card-image{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.journal-card--grid .journal-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.journal-card--grid:hover .journal-card-image img{transform:scale(1.05)}.journal-card--list{display:flex;flex-direction:row;min-height:180px}.journal-card--list .journal-card-image{position:relative;width:200px;min-width:200px;height:180px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.journal-card--list .journal-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.journal-card--list:hover .journal-card-image img{transform:scale(1.05)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f093fb,#f5576c)}.image-placeholder.hidden{display:none}.placeholder-icon{font-size:2.5rem;opacity:.8}.journal-card--list .placeholder-icon{font-size:2rem}.featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,gold,#ffed4e);color:#2d3748;padding:4px 10px;border-radius:16px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ffd7004d;z-index:2}.journal-card-content{padding:20px;display:flex;flex-direction:column;flex:1}.journal-card--grid .journal-card-content{height:calc(100% - 200px)}.journal-card--list .journal-card-content{flex:1;padding:16px 20px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.category-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.featured-indicator{background:linear-gradient(135deg,gold,#ffed4e);color:#2d3748;padding:4px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.reading-time{font-size:.75rem;color:#718096;font-weight:500;white-space:nowrap}.card-title{font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:12px;color:#2d3748;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journal-card--list .card-title{font-size:1.125rem;-webkit-line-clamp:1}.card-excerpt{color:#718096;line-height:1.6;margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.journal-card--list .card-excerpt{-webkit-line-clamp:2;margin-bottom:12px}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #f1f5f9}.journal-card--list .card-footer{padding-top:12px}.author-section{display:flex;align-items:center;gap:10px}.author-avatar{width:32px;height:32px;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.author-details{display:flex;flex-direction:column}.author-name{font-size:.8rem;font-weight:600;color:#2d3748}.publish-date{font-size:.7rem;color:#718096}.card-stats{display:flex;align-items:center;gap:12px;font-size:.8rem}.like-btn{display:flex;align-items:center;gap:4px;background:none;border:none;padding:6px 10px;border-radius:16px;cursor:pointer;transition:all .2s ease;color:#718096;font-size:.8rem}.like-btn:hover{background:#fff5f5;color:#e53e3e;transform:scale(1.05)}.like-btn.liked{color:#e53e3e;background:#fed7d7}.like-icon{font-size:.875rem}.like-count,.views-count,.comments-count{font-weight:600}.views,.comments{display:flex;align-items:center;gap:4px;color:#718096}.views-icon,.comments-icon{font-size:.875rem}@media(max-width:768px){.journal-card--list{flex-direction:column;min-height:auto}.journal-card--list .journal-card-image{width:100%;height:160px;min-width:auto}.journal-card--grid .journal-card-image{height:180px}.journal-card-content{padding:16px}.card-title{font-size:1.125rem}.journal-card--list .card-title{font-size:1rem}.card-footer{flex-direction:column;align-items:flex-start;gap:12px}.card-stats{align-self:flex-end}}@media(max-width:480px){.journal-card{border-radius:10px}.journal-card--grid .journal-card-image{height:160px}.journal-card--list .journal-card-image{height:140px}.journal-card-content{padding:14px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-title{font-size:1rem}.card-stats{gap:8px}.like-btn,.views,.comments{font-size:.75rem}}.journal-magazine{background:#faf8f3;color:#1a1a1a;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;min-height:100vh;padding-bottom:40px;--rule: #d6d1c4;--accent: #8b1a1a}.journal-magazine *{box-sizing:border-box}.masthead{max-width:1080px;margin:0 auto;padding:40px 32px 20px;text-align:center;border-bottom:1px solid var(--rule)}.masthead-meta{display:flex;justify-content:space-between;font-family:Inter,-apple-system,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#4a4a4a;margin-bottom:20px}.masthead-title{font-family:Playfair Display,Iowan Old Style,Georgia,serif;font-size:clamp(2.6rem,6.5vw,4.8rem);font-weight:900;letter-spacing:-.035em;line-height:1;margin:0;color:#1a1a1a}.masthead-tagline{font-family:Georgia,serif;font-style:italic;font-size:15px;color:#4a4a4a;margin:12px 0 0}.masthead-rule{height:3px;background:#1a1a1a;margin-top:20px;position:relative}.masthead-rule:before,.masthead-rule:after{content:"";position:absolute;top:6px;height:1px;background:var(--rule)}.masthead-rule:before{left:0;right:50%;margin-right:8px}.masthead-rule:after{right:0;left:50%;margin-left:8px}.journal-band{max-width:1080px;margin:0 auto;padding:14px 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--rule);font-family:Inter,-apple-system,sans-serif;font-size:12px}.band-left{display:flex;align-items:center;gap:16px}.band-label{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:10px;color:var(--accent)}.band-stats{color:#4a4a4a;font-style:italic}.band-cta{color:var(--accent);text-decoration:none;font-weight:600;letter-spacing:.04em}.band-cta:hover{text-decoration:underline}.magazine-controls{max-width:1080px;margin:0 auto;padding:20px 32px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.magazine-search{display:flex;flex:1;min-width:240px;max-width:440px;border:1px solid var(--rule);background:#fff;border-radius:0}.magazine-search input{flex:1;padding:10px 14px;border:none;background:transparent;font:inherit;font-family:Inter,-apple-system,sans-serif;font-size:13px;color:inherit;outline:none}.magazine-search button{padding:0 16px;border:none;background:#1a1a1a;color:#faf8f3;cursor:pointer;font-size:18px;line-height:1}.magazine-view{display:flex;align-items:center;gap:8px}.magazine-view select{padding:8px 28px 8px 12px;border:1px solid var(--rule);background:#fff;font-family:Inter,-apple-system,sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.magazine-view button{width:34px;height:34px;border:1px solid var(--rule);background:#fff;cursor:pointer;font-size:15px;color:#4a4a4a}.magazine-view button.is-active{background:#1a1a1a;color:#faf8f3;border-color:#1a1a1a}.magazine-sections{max-width:1080px;margin:0 auto;padding:0 32px 20px;display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--rule)}.section-tab{background:none;border:none;padding:8px 14px;font-family:Inter,-apple-system,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6a6a6a;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .15s}.section-tab:hover{color:#1a1a1a}.section-tab.is-active{color:var(--accent);border-bottom:2px solid var(--accent);margin-bottom:-1px}.section-tab-count{font-size:9px;color:#a0a0a0;font-weight:500}.magazine-error{max-width:1080px;margin:12px auto;padding:10px 16px;background:#f4e8e8;border-left:3px solid var(--accent);color:var(--accent);font-family:Inter,-apple-system,sans-serif;font-size:13px;display:flex;justify-content:space-between;align-items:center}.magazine-error button{background:none;border:none;color:inherit;font-size:16px;cursor:pointer}.magazine-writer{max-width:1080px;margin:12px auto;padding:0 32px}.magazine-loading,.magazine-empty{max-width:600px;margin:60px auto;text-align:center;padding:0 32px}.magazine-spinner{width:32px;height:32px;margin:0 auto 16px;border:2px solid var(--rule);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.magazine-loading p,.magazine-empty p{font-family:Inter,-apple-system,sans-serif;color:#6a6a6a;font-size:14px}.magazine-empty h2{font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:800;margin:0 0 12px}.magazine-btn{display:inline-block;margin-top:20px;padding:10px 22px;background:#1a1a1a;color:#faf8f3;text-decoration:none;font-family:Inter,-apple-system,sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.magazine-btn:hover{background:var(--accent)}.magazine-hero{max-width:1080px;margin:32px auto 0;padding:0 32px 32px;display:grid;grid-template-columns:2fr 1fr;gap:32px;border-bottom:3px double #1a1a1a}.hero-story{display:flex;flex-direction:column;text-decoration:none;color:inherit}.hero-image{aspect-ratio:16 / 9;background-size:cover;background-position:center;background-color:#e8e3d6;margin-bottom:20px}.hero-kicker{display:inline-block;font-family:Inter,-apple-system,sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--accent)}.hero-title{font-family:Playfair Display,Iowan Old Style,Georgia,serif;font-size:clamp(2rem,3.8vw,3rem);font-weight:900;letter-spacing:-.02em;line-height:1.05;margin:0 0 14px;color:#1a1a1a}.hero-deck{font-family:Georgia,serif;font-size:17px;line-height:1.55;color:#4a4a4a;margin:0 0 16px}.hero-byline{font-family:Inter,-apple-system,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6a6a6a;padding-top:12px;border-top:1px solid var(--rule)}.hero-secondary{border-left:1px solid var(--rule);padding-left:32px}.secondary-heading{font-family:Inter,-apple-system,sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;padding-bottom:8px;border-bottom:1px solid var(--rule)}.secondary-story{display:block;text-decoration:none;color:inherit;padding:14px 0;border-bottom:1px solid var(--rule)}.secondary-story:last-child{border-bottom:none}.secondary-story:hover h4{color:var(--accent)}.secondary-kicker{font-family:Inter,-apple-system,sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#6a6a6a}.secondary-story h4{font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:700;line-height:1.25;margin:4px 0 6px;color:#1a1a1a;transition:color .15s}.secondary-meta{font-family:Inter,-apple-system,sans-serif;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8a8a8a}.magazine-stream{max-width:1080px;margin:32px auto 0;padding:0 32px}.stream-heading{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:3px double #1a1a1a;margin-bottom:24px}.stream-heading h3{font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:800;letter-spacing:-.01em;margin:0;color:#1a1a1a}.stream-count{font-family:Inter,-apple-system,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6a6a6a}.stream-grid.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px 28px}.stream-grid.is-list{display:flex;flex-direction:column;gap:24px}.magazine-pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin:40px 0 20px;padding-top:24px;border-top:1px solid var(--rule)}.magazine-pagination button{min-width:34px;height:34px;padding:0 12px;border:1px solid var(--rule);background:#fff;font-family:Inter,-apple-system,sans-serif;font-size:12px;letter-spacing:.06em;color:#4a4a4a;cursor:pointer;transition:background .15s,color .15s}.magazine-pagination button:hover:not(:disabled){background:#1a1a1a;color:#faf8f3;border-color:#1a1a1a}.magazine-pagination button:disabled{opacity:.35;cursor:not-allowed}.magazine-pagination button.is-active{background:var(--accent);color:#faf8f3;border-color:var(--accent)}.magazine-prompts{max-width:1080px;margin:48px auto 0;padding:32px 32px 0;border-top:3px double #1a1a1a}.magazine-prompts h3{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:800;margin:0 0 24px;text-align:center;color:#1a1a1a}.prompts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.prompt{padding:20px;border:1px solid var(--rule);background:#fff}.prompt-kicker{display:inline-block;font-family:Inter,-apple-system,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.prompt h4{font-family:Playfair Display,Georgia,serif;font-size:17px;font-weight:700;line-height:1.3;margin:0 0 8px;color:#1a1a1a}.prompt p{font-family:Inter,-apple-system,sans-serif;font-size:13px;line-height:1.5;color:#6a6a6a;margin:0}.magazine-colophon{max-width:1080px;margin:60px auto 0;padding:24px 32px 0;text-align:center}.colophon-rule{height:3px;background:#1a1a1a;margin-bottom:20px}.magazine-colophon p{font-family:Georgia,serif;font-style:italic;font-size:13px;color:#6a6a6a;margin:0}@media(max-width:880px){.magazine-hero{grid-template-columns:1fr;gap:24px;padding:0 20px 24px}.hero-secondary{border-left:none;border-top:1px solid var(--rule);padding-left:0;padding-top:20px}.prompts-grid{grid-template-columns:1fr}.masthead,.magazine-controls,.magazine-sections,.magazine-stream,.magazine-prompts,.magazine-colophon,.journal-band,.magazine-writer{padding-left:20px;padding-right:20px}}@media(max-width:520px){.masthead-meta{flex-direction:column;gap:6px;align-items:center}.stream-grid.is-grid{grid-template-columns:1fr}.magazine-controls{flex-direction:column;align-items:stretch}.magazine-view{justify-content:center}}.jw-page{min-height:100vh;background:#faf8f3;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.jw-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:14px 24px;background:#faf8f3eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #d6d1c4}.jw-back{background:none;border:none;font:inherit;font-size:13px;color:#4a4a4a;cursor:pointer;padding:6px 10px}.jw-back:hover{color:#8b1a1a}.jw-topbar-title{font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8b1a1a}.jw-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.jw-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#4a4a4a;cursor:pointer}.jw-toggle input{accent-color:#8b1a1a}.jw-btn{padding:10px 22px;border:none;cursor:pointer;font:inherit;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.jw-btn-primary{background:#1a1a1a;color:#faf8f3}.jw-btn-primary:hover:not(:disabled){background:#8b1a1a}.jw-btn-primary:disabled{opacity:.5;cursor:default}.jw-main{flex:1;display:grid;grid-template-columns:1fr 320px;gap:40px;max-width:1200px;margin:0 auto;padding:40px 32px 80px;width:100%;box-sizing:border-box}.jw-editor{min-width:0}.jw-title{width:100%;border:none;background:transparent;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;color:#1a1a1a;outline:none;padding:0;margin:0 0 4px}.jw-title::placeholder{color:#b0a896}.jw-title-count{font-size:11px;color:#a09a88;margin-bottom:24px;text-align:right}.jw-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #d6d1c4}.jw-chip{padding:8px 14px;border:1px solid #d6d1c4;background:#fff;border-radius:999px;font:inherit;font-size:12px;font-weight:600;color:#4a4a4a;cursor:pointer;transition:all .15s}.jw-chip:hover{border-color:#1a1a1a;color:#1a1a1a}.jw-chip.is-active{background:#1a1a1a;color:#faf8f3;border-color:#1a1a1a}.jw-body{width:100%;border:none;background:transparent;font-family:Georgia,Iowan Old Style,serif;font-size:18px;line-height:1.75;color:#1a1a1a;resize:vertical;outline:none;min-height:400px;padding:0}.jw-body::placeholder{color:#b0a896;font-style:italic}.jw-meta{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #d6d1c4;font-size:12px;color:#6a6a6a}.jw-sidebar{display:flex;flex-direction:column;gap:20px}.jw-panel{background:#fff;border:1px solid #d6d1c4;padding:20px}.jw-panel h3{font-family:Playfair Display,Georgia,serif;font-size:15px;font-weight:700;margin:0 0 4px;display:flex;justify-content:space-between;align-items:center}.jw-count{font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#8a8a8a}.jw-help{font-size:11px;color:#8a8a8a;margin:0 0 12px;line-height:1.5}.jw-input{width:100%;border:1px solid #d6d1c4;background:#faf8f3;padding:10px 12px;font:inherit;font-size:13px;color:inherit;outline:none;resize:vertical;box-sizing:border-box}.jw-input:focus{border-color:#8b1a1a}.jw-char-count{text-align:right;font-size:10px;color:#a09a88;margin-top:4px}.jw-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.jw-image{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #d6d1c4}.jw-image img{width:100%;height:100%;object-fit:cover;display:block}.jw-image-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;background:#000000bf;color:#fff;cursor:pointer;font-size:11px;border-radius:50%}.jw-image-add{aspect-ratio:1;border:1px dashed #d6d1c4;background:#faf8f3;color:#8b1a1a;font:inherit;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.jw-image-add:hover{background:#fff;border-color:#8b1a1a}.jw-error{padding:12px;background:#f4e8e8;border-left:3px solid #8b1a1a;color:#8b1a1a;font-size:13px}.jw-guard{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#faf8f3;padding:40px;text-align:center}.jw-guard h1{font-family:Playfair Display,Georgia,serif;font-size:2rem;margin:0}.jw-guard p{color:#6a6a6a;margin:0 0 8px}@media(max-width:900px){.jw-main{grid-template-columns:1fr;gap:24px;padding:24px 20px 60px}.jw-topbar{flex-wrap:wrap;padding:12px 16px}.jw-topbar-title{display:none}.jw-body{font-size:16px}}.shop-track-page{--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--primary: #8b5cf6;min-height:100vh;padding:24px;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shop-track-card{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 1px 2px #0f172a0a}.shop-track-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.shop-track-header h1{margin:0;font-size:22px;font-weight:800;letter-spacing:.02em}.shop-track-muted{margin:4px 0 0;color:var(--text-muted);font-size:13px}.shop-track-pill{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.shop-track-steps{list-style:none;margin:0 0 24px;padding:0;display:flex;align-items:center;gap:0;position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.shop-track-steps::-webkit-scrollbar{display:none}.shop-track-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;padding:0 8px;min-width:70px;text-align:center}.shop-track-step:not(:last-child):after{content:"";position:absolute;top:18px;left:50%;right:-50%;height:2px;background:var(--border);z-index:0}.shop-track-step.done:not(:last-child):after{background:var(--primary)}.shop-track-step.active:not(:last-child):after{background:linear-gradient(90deg,var(--primary),var(--border))}.shop-track-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:16px;background:var(--surface-alt);border:2px solid var(--border);z-index:1;transition:all .2s}.shop-track-step.done .shop-track-icon{background:var(--primary);border-color:var(--primary);color:#fff}.shop-track-step.active .shop-track-icon{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf633}.shop-track-label{font-size:11px;color:var(--text-muted);font-weight:600;line-height:1.2}.shop-track-step.done .shop-track-label,.shop-track-step.active .shop-track-label{color:var(--text)}.shop-track-dispatch{padding:12px 16px;border-radius:10px;border:1px solid;font-weight:600;font-size:14px;text-align:center;margin-bottom:16px}.shop-track-driver{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;margin-bottom:16px}.shop-track-driver-avatar{width:52px;height:52px;border-radius:50%;background:#22c55e;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:700;flex-shrink:0}.shop-track-driver-info{flex:1;min-width:0}.shop-track-driver-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#166534;font-weight:700;margin-bottom:2px}.shop-track-driver-name{font-size:15px;font-weight:700;color:#14532d;display:flex;align-items:center;gap:8px}.shop-track-driver-rating{font-size:12px;font-weight:600;color:#15803d}.shop-track-driver-phone{display:inline-block;font-size:13px;color:#059669;margin-top:2px;text-decoration:none;font-weight:600}.shop-track-driver-phone:hover{text-decoration:underline}.shop-track-driver-vehicle{font-size:12px;color:#166534;margin-top:2px}.shop-track-driver-track{padding:8px 14px;background:#22c55e;color:#fff;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.shop-track-driver-track:hover{background:#16a34a}.shop-track-waiting{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;color:#92400e;font-size:13px;font-weight:600;margin-bottom:16px}.shop-track-waiting-icon{font-size:20px;animation:shop-track-pulse 1.5s ease-in-out infinite}@keyframes shop-track-pulse{0%,to{opacity:.6}50%{opacity:1}}.shop-track-cancelled{padding:16px;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#991b1b;font-size:14px;margin-bottom:16px;text-align:center}.shop-track-done{padding:20px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:10px;color:#14532d;font-size:16px;font-weight:700;margin-bottom:16px;text-align:center}.shop-track-events{margin:20px 0;padding:16px;background:var(--surface-alt);border-radius:10px}.shop-track-events-title{margin:0 0 12px;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.shop-track-events-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.shop-track-event{display:flex;gap:10px;align-items:flex-start}.shop-track-event-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0;box-shadow:0 0 0 3px #94a3b833}.shop-track-event-body{flex:1;min-width:0}.shop-track-event-status{font-size:13px;font-weight:600;color:var(--text)}.shop-track-event-time{font-size:11px;color:var(--text-muted)}.shop-track-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--text-muted);font-size:13px}.shop-track-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:shop-track-spin .8s linear infinite}@keyframes shop-track-spin{to{transform:rotate(360deg)}}.shop-track-back{display:inline-block;margin-top:16px;padding:8px 14px;border-radius:8px;color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:600;transition:background .15s}.shop-track-back:hover{background:var(--surface-alt);color:var(--text)}@media(max-width:640px){.shop-track-page{padding:14px}.shop-track-card{padding:16px}.shop-track-header{flex-direction:column;align-items:flex-start}.shop-track-header h1{font-size:18px}.shop-track-steps{overflow-x:auto;padding-bottom:6px}.shop-track-driver{flex-wrap:wrap}.shop-track-driver-track{width:100%;text-align:center}}:global([data-theme=dark]) .shop-track-page{--bg: #0f0f16;--surface: #16161f;--surface-alt: #1a1a24;--border: #2a2a35;--text: #f3f4f6;--text-muted: #9ca3af}:global([data-theme=dark]) .shop-track-driver{background:linear-gradient(135deg,#052e2b,#064e3b);border-color:#065f46}:global([data-theme=dark]) .shop-track-driver-label,:global([data-theme=dark]) .shop-track-driver-name,:global([data-theme=dark]) .shop-track-driver-vehicle{color:#34d399}:global([data-theme=dark]) .shop-track-driver-phone{color:#6ee7b7}.orders-list-page{--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--primary: #8b5cf6;min-height:100vh;padding:24px;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.orders-list-card{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 24px;box-shadow:0 1px 2px #0f172a0a}.orders-list-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.orders-list-header h1{margin:0;font-size:24px;font-weight:800}.orders-list-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.orders-list-shop{color:var(--primary);font-size:13px;font-weight:600;text-decoration:none;padding:6px 12px;border-radius:8px;transition:background .15s}.orders-list-shop:hover{background:#8b5cf61a}.orders-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:var(--text-muted);font-size:13px}.orders-list-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:orders-list-spin .8s linear infinite}@keyframes orders-list-spin{to{transform:rotate(360deg)}}.orders-list-empty{padding:48px 20px;text-align:center;color:var(--text-muted)}.orders-list-empty-icon{font-size:52px;margin-bottom:12px}.orders-list-empty p{margin:0 0 16px;font-size:14px}.orders-list-cta{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;text-decoration:none;border-radius:10px;font-size:13px;font-weight:600;transition:transform .15s}.orders-list-cta:hover{transform:translateY(-1px)}.orders-list-error{padding:10px 14px;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:8px;font-size:13px;margin-bottom:16px}.orders-list-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.orders-list-item{border-radius:12px;overflow:hidden;transition:transform .15s,box-shadow .15s}.orders-list-item:hover{transform:translateY(-1px)}.orders-list-link{display:block;padding:14px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;color:inherit;text-decoration:none;transition:border-color .15s,background .15s}.orders-list-link:hover{border-color:var(--primary);background:#8b5cf60a}.orders-list-row{display:flex;align-items:center;gap:12px}.orders-list-main{flex:1;min-width:0}.orders-list-number{font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.orders-list-store{font-size:13px;color:var(--text-muted)}.orders-list-item-count{font-size:11px;color:var(--text-muted);opacity:.75;margin-top:2px}.orders-list-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.orders-list-total{font-size:16px;font-weight:700;color:var(--text)}.orders-list-status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:capitalize;white-space:nowrap}.orders-list-status-icon{font-size:12px}.orders-list-arrow{font-size:18px;color:var(--text-muted);opacity:.5;flex-shrink:0;transition:transform .15s,opacity .15s}.orders-list-link:hover .orders-list-arrow{opacity:1;color:var(--primary);transform:translate(2px)}.orders-list-footer{display:flex;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:11px;color:var(--text-muted);flex-wrap:wrap}.orders-list-date{white-space:nowrap}.orders-list-driver{display:inline-flex;align-items:center;gap:4px;color:#059669;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-list-driver-vehicle{font-weight:400;color:var(--text-muted);opacity:.85}@media(max-width:640px){.orders-list-page{padding:14px}.orders-list-card{padding:16px}.orders-list-header h1{font-size:20px}.orders-list-row{flex-wrap:wrap}.orders-list-meta{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.orders-list-arrow{display:none}.orders-list-footer{flex-direction:column;align-items:flex-start;gap:4px}}:global([data-theme=dark]) .orders-list-page{--bg: #0f0f16;--surface: #16161f;--surface-alt: #1a1a24;--border: #2a2a35;--text: #f3f4f6;--text-muted: #9ca3af}.sales-container{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.sales-title{color:#1976d2;margin-bottom:20px;font-size:24px;font-weight:600}.filters-container{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap;align-items:end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:14px;font-weight:600;color:#333}.filter-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px}.filter-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.filter-buttons{display:flex;gap:10px}.filter-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.clear-btn{background-color:#6c757d;color:#fff}.clear-btn:hover{background-color:#5a6268}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.summary-card{padding:20px;border-radius:8px;text-align:center;color:#fff}.summary-card h3{margin:0 0 10px;font-size:14px;font-weight:600;opacity:.9}.summary-number{font-size:24px;font-weight:700}.summary-card.total{background:linear-gradient(135deg,#667eea,#764ba2)}.summary-card.approved{background:linear-gradient(135deg,#4caf50,#45a049)}.summary-card.pending{background:linear-gradient(135deg,#ff9800,#f57c00)}.summary-card.declined{background:linear-gradient(135deg,#f44336,#d32f2f)}.summary-card.revenue{background:linear-gradient(135deg,#2196f3,#1976d2)}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:20px}.sales-table{width:100%;border-collapse:collapse;min-width:800px}.table-header{background-color:#1976d2}.table-header th{color:#fff;font-weight:600;padding:16px;text-align:left;font-size:14px}.table-row{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.table-row:hover{background-color:#f5f5f5}.table-row td{padding:16px;font-size:14px;color:#333}.booking-id{font-family:Courier New,monospace;font-size:12px!important;color:#666!important}.price-cell{font-weight:600;color:#2e7d32!important}.no-data{text-align:center;padding:40px!important;color:#666;font-style:italic}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.approved{background-color:#e8f5e8;color:#2e7d32}.status-badge.declined{background-color:#ffebee;color:#d32f2f}.status-badge.pending{background-color:#fff3e0;color:#f57c00}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;opacity:.8}.action-btn:hover:not(:disabled){opacity:1;transform:translateY(-1px)}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.edit-btn{background-color:#e3f2fd;color:#1976d2}.edit-btn:hover:not(:disabled){background-color:#bbdefb}.approve-btn{background-color:#e8f5e8;color:#2e7d32}.approve-btn:hover:not(:disabled){background-color:#c8e6c9}.decline-btn{background-color:#ffebee;color:#d32f2f}.decline-btn:hover:not(:disabled){background-color:#ffcdd2}.revenue-summary{text-align:center;padding:20px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-radius:8px}.revenue-summary h3{margin:0;font-size:18px;font-weight:600}@media(max-width:768px){.sales-container{padding:15px}.filters-container{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-input{min-width:auto}.summary-cards{grid-template-columns:1fr 1fr}.table-row td{padding:12px 8px}.actions-cell{padding:12px 8px!important}}@media(max-width:480px){.summary-cards{grid-template-columns:1fr}.summary-number{font-size:20px}}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{background:#fff;padding:20px;border-radius:8px;font-weight:600;color:#1976d2}.reminder-btn{background-color:#fff3e0;color:#f57c00}.reminder-btn:hover:not(:disabled){background-color:#ffe0b2}.actions-cell{display:flex;gap:8px;padding:16px!important}@media(max-width:768px){.actions-cell{flex-direction:column;gap:4px}.action-btn{width:28px;height:28px}}.bookings-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;margin:20px 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.bookings-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid #f0f2f5;position:relative}.bookings-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.no-bookings{text-align:center;padding:60px 20px;color:#6b7280}.no-bookings p{font-size:16px;margin:0;opacity:.8}.table-container{overflow-x:auto;border-radius:12px;border:1px solid #e5e7eb;background:#fafafa}.bookings-table{width:100%;border-collapse:collapse;background:#fff;min-width:800px}.table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb}.table-header th{padding:16px 12px;text-align:left;font-weight:600;font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:.5px;position:relative;white-space:nowrap}.table-header th:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#e5e7eb}.table-header th:last-child:after{display:none}.table-row{border-bottom:1px solid #f3f4f6;transition:all .3s ease;position:relative}.table-row:hover{background:linear-gradient(135deg,#f8fafc,#f0f7ff);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d;border-radius:8px}.table-row:last-child{border-bottom:none}.table-row td{padding:16px 12px;font-size:14px;color:#4b5563;border-right:1px solid #f3f4f6;position:relative}.table-row td:last-child{border-right:none}.booking-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px!important;color:#6b7280!important;background:#f8f9fa;padding:4px 8px!important;border-radius:6px;font-weight:500}.price-cell{font-weight:600;color:#059669!important;font-size:14px;position:relative}.price-cell:before{content:"R";font-size:12px;opacity:.7;margin-right:2px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;min-width:80px;text-align:center;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.status-badge:hover:before{left:100%}.status-badge.approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #10b981}.status-badge.declined{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #ef4444}.status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid #f59e0b}.actions-cell{display:flex;gap:8px;justify-content:flex-start;align-items:center;padding:16px 12px!important}.action-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.action-btn:hover:before{left:100%}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn:active{transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.action-btn:disabled:before{display:none}.edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.approve-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.decline-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.decline-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.table-row.loading td{animation-duration:1.25s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right,#f6f7f8 8%,#edeef1 18%,#f6f7f8 33%);background-size:800px 104px;position:relative}@media(max-width:1024px){.bookings-container{padding:20px;margin:16px 0}.bookings-title{font-size:20px;margin-bottom:20px}.table-row td{padding:14px 10px;font-size:13px}.actions-cell{gap:6px}.action-btn{width:32px;height:32px}}@media(max-width:768px){.bookings-container{padding:16px;border-radius:12px;margin:12px 0}.bookings-title{font-size:18px;margin-bottom:16px;padding-bottom:12px}.table-container{border-radius:8px}.table-header th,.table-row td{padding:12px 8px;font-size:12px}.status-badge{padding:4px 8px;font-size:10px;min-width:70px}.actions-cell{gap:4px;padding:12px 8px!important}.action-btn{width:28px;height:28px}.action-btn svg{width:14px;height:14px}}@media(max-width:480px){.bookings-container{padding:12px;margin:8px 0}.bookings-title{font-size:16px;text-align:center}.bookings-title:after{left:50%;transform:translate(-50%)}.table-header th,.table-row td{padding:10px 6px;font-size:11px}.booking-id{font-size:10px!important;padding:3px 6px!important}.actions-cell{flex-direction:column;gap:4px}.action-btn{width:24px;height:24px}.action-btn svg{width:12px;height:12px}}@media(prefers-color-scheme:dark){.bookings-container{background:#1f2937;color:#f9fafb}.bookings-title{color:#f9fafb;border-bottom-color:#374151}.no-bookings{color:#d1d5db}.table-container{background:#111827;border-color:#374151}.bookings-table{background:#1f2937;color:#f9fafb}.table-header{background:linear-gradient(135deg,#374151,#4b5563)}.table-header th{color:#f9fafb;border-right-color:#4b5563}.table-row{border-bottom-color:#374151}.table-row:hover{background:linear-gradient(135deg,#374151,#4b5563)}.table-row td{color:#e5e7eb;border-right-color:#374151}.booking-id{background:#374151;color:#d1d5db!important}}@media print{.bookings-container{box-shadow:none;border:1px solid #ddd}.action-btn{display:none}.table-row:hover{transform:none;box-shadow:none}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}:root{--dash-bg: #f3f4f6;--dash-card: #ffffff;--dash-border: #e5e7eb;--dash-text: #1f2937;--dash-muted: #6b7280;--dash-primary: #2563eb;--dash-primary-dark: #1d4ed8;--dash-success: #059669;--dash-success-dark: #047857;--dash-danger-bg: #fee2e2;--dash-danger-fg: #991b1b;--dash-ghost-bg: #e5e7eb;--dash-ghost-hover: #d1d5db}.dash-page{min-height:100vh;background:var(--dash-bg);padding:24px;color:var(--dash-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.dash-title{font-size:1.75rem;font-weight:700;color:var(--dash-text);margin:0 0 20px}.dash-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.dash-tab{appearance:none;border:1px solid var(--dash-border);background:var(--dash-card);color:var(--dash-text);padding:10px 16px;border-radius:10px;font-weight:500;font-size:.95rem;cursor:pointer;transition:background .15s ease,transform .05s ease,border-color .15s ease,color .15s ease;box-shadow:0 1px 2px #0000000a}.dash-tab:hover:not(:disabled){background:#f9fafb}.dash-tab:active:not(:disabled){transform:scale(.98)}.dash-tab:disabled{opacity:.55;cursor:not-allowed}.dash-tab.is-active{background:var(--dash-primary);border-color:var(--dash-primary);color:#fff}.dash-tab.is-active:hover{background:var(--dash-primary-dark);border-color:var(--dash-primary-dark)}.dash-tab-primary{background:var(--dash-success);border-color:var(--dash-success);color:#fff}.dash-tab-primary:hover:not(:disabled){background:var(--dash-success-dark);border-color:var(--dash-success-dark)}.dash-tab-secondary{background:var(--dash-ghost-bg);border-color:var(--dash-ghost-bg);color:var(--dash-text)}.dash-tab-secondary:hover:not(:disabled){background:var(--dash-ghost-hover);border-color:var(--dash-ghost-hover)}.dash-tab-ghost{background:#f9fafb;color:var(--dash-text)}.dash-error{padding:10px 14px;border-radius:10px;background:var(--dash-danger-bg);color:var(--dash-danger-fg);font-weight:500;margin-bottom:16px}.dash-loading{color:var(--dash-muted);margin:8px 0}.dash-modal-backdrop{position:fixed;inset:0;background:#1118278c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.dash-modal{width:100%;max-width:420px;background:var(--dash-card);border-radius:14px;padding:22px;box-shadow:0 20px 40px #00000040;animation:dash-pop .15s ease-out}@keyframes dash-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dash-modal h3{margin:0 0 6px;font-size:1.15rem;font-weight:700}.dash-modal-sub{margin:0 0 18px;color:var(--dash-muted);font-size:.875rem;word-break:break-all}.dash-modal-field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;margin-bottom:20px}.dash-modal-field select{appearance:none;padding:10px 12px;border:1px solid var(--dash-border);border-radius:10px;font-size:.95rem;background:#fff;color:var(--dash-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.dash-modal-field select:focus{border-color:var(--dash-primary);box-shadow:0 0 0 3px #2563eb26}.dash-modal-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:640px){.dash-page{padding:16px}.dash-title{font-size:1.4rem}.dash-tab{padding:8px 12px;font-size:.875rem}}.addService{position:absolute;top:150px;left:50%;transform:translate(-50%,-20%);background:#fff;padding:20px;box-shadow:0 0 10px #0000001a;border-radius:8px;z-index:1000;width:400px;height:500px;overflow-y:scroll}.addService h2{text-align:center;margin-bottom:20px;color:#333}.addService form{display:flex;flex-direction:column}.addProductInfo{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.addProductInput,.categoriesProducts{width:100%;display:flex;flex-direction:column}.addProductInput input{padding:10px;margin-bottom:15px;border-radius:5px;border:1px solid #ccc;width:100%}.addProductInput .inputfile{margin-top:10px}.categoriesProducts label{margin-bottom:10px;display:flex;align-items:center;gap:10px}.categoriesProducts input[type=checkbox]{transform:scale(1.2)}.formGroup{margin-bottom:20px}.formGroup label{display:block;margin-bottom:10px;color:#333}.formGroup input,.formGroup select{padding:10px;border-radius:5px;border:1px solid #ccc;width:100%}.checkboxLabel{display:flex;align-items:center;gap:10px}.checkboxLabel input[type=checkbox]{transform:scale(1.2)}.addService button{padding:10px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;width:100%;font-size:16px}.addService button:disabled{background-color:#ccc;cursor:not-allowed}.service-page{min-height:100vh;background:#f9fafb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111827}.service-topbar{position:sticky;top:0;z-index:10;background:#fff;display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e5e7eb}.service-topbar h1{flex:1;margin:0;font-size:1.05rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-back{width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#111827;transition:background .15s ease}.service-back:hover{background:#f3f4f6}.service-gallery{max-width:1100px;margin:0 auto;padding:16px}.service-gallery-main{position:relative;width:100%;aspect-ratio:16 / 9;background:#f3f4f6;border-radius:14px;overflow:hidden}.service-gallery-main img{width:100%;height:100%;object-fit:cover;display:block}.service-gallery-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#9ca3af;font-size:48px}.service-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:#00000080;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.service-gallery-nav:hover{background:#000000b3}.service-gallery-nav.prev{left:12px}.service-gallery-nav.next{right:12px}.service-gallery-counter{position:absolute;bottom:12px;right:12px;padding:4px 10px;border-radius:999px;background:#0000008c;color:#fff;font-size:12px;font-weight:600}.service-gallery-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.service-thumb{appearance:none;border:2px solid transparent;padding:0;border-radius:8px;overflow:hidden;width:84px;height:60px;flex-shrink:0;cursor:pointer;background:#f3f4f6;transition:border-color .15s ease}.service-thumb img{width:100%;height:100%;object-fit:cover;display:block}.service-thumb.is-active{border-color:#e770df}.service-content{max-width:1100px;margin:0 auto;padding:0 16px 32px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.service-details{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.service-details-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.service-details-header h2{margin:0 0 4px;font-size:1.4rem;font-weight:800}.service-store-link{appearance:none;border:none;background:transparent;color:#6366f1;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0}.service-store-link:hover{text-decoration:underline}.service-price-tag{font-size:1.25rem;font-weight:800;color:#111827;white-space:nowrap}.service-price-tag small{font-size:12px;font-weight:500;color:#6b7280;margin-left:2px}.service-meta-row{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;font-size:14px;font-weight:500;color:#374151}.service-meta-row svg{color:#e770df;margin-right:6px}.service-availability.is-available{color:#059669}.service-availability.is-unavailable{color:#dc2626}.service-section{padding-top:20px}.service-section h3{margin:0 0 8px;font-size:1rem;font-weight:700}.service-section p{margin:0;line-height:1.6;color:#374151}.service-amenities{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.service-amenities li{display:inline-flex;align-items:center;gap:6px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;color:#374151}.service-amenities li svg{color:#6366f1}.service-address{color:#6b7280!important;font-size:14px}.service-address svg{color:#ef4444;margin-right:4px}.service-store-bio{margin-top:8px!important;color:#6b7280!important;font-size:13px}.service-booking{position:sticky;top:76px;align-self:start}.service-booking-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 4px 16px #0000000a}.service-booking-title{margin:0 0 14px;font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:8px}.service-booking-title svg{color:#e770df}.service-booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.service-booking-fields label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#374151;grid-column:span 1}.service-booking-fields label:last-child{grid-column:span 2}.service-booking-fields input{padding:9px 11px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.service-booking-fields input:focus{border-color:#e770df;box-shadow:0 0 0 3px #e770df26}.service-booking-summary{background:#f9fafb;border-radius:10px;padding:12px 14px;font-size:13px;color:#374151;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.service-booking-total{padding-top:8px;border-top:1px solid #e5e7eb;font-size:15px;color:#111827}.service-booking-error{color:#dc2626;font-size:13px;margin:0 0 10px}.service-book-btn{appearance:none;width:100%;border:none;background:#e770df;color:#fff;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease}.service-book-btn:hover:not(:disabled){background:#d45ccc}.service-book-btn:disabled{background:#d1d5db;cursor:not-allowed}.service-booking-success{text-align:center;padding:6px 0}.service-booking-success-icon{font-size:42px;color:#059669;margin-bottom:8px}.service-booking-success h3{margin:0 0 8px;font-size:1.1rem}.service-booking-success p{margin:0 0 16px;color:#4b5563;font-size:14px;line-height:1.5}.service-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.service-spinner{width:36px;height:36px;border:4px solid #e5e7eb;border-top-color:#e770df;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.service-error{max-width:400px;margin:60px auto;text-align:center;padding:24px}.service-primary{appearance:none;border:none;background:#e770df;color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.service-primary:hover{background:#d45ccc}.spin{animation:spin .75s linear infinite}@media(max-width:860px){.service-content{grid-template-columns:1fr}.service-booking{position:static}}@media(max-width:480px){.service-gallery-main{aspect-ratio:4 / 3;border-radius:0}.service-details{padding:16px;border-radius:0;border-left:none;border-right:none}.service-booking-card{border-radius:0;border-left:none;border-right:none}}._hub_2s5sr_9{--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-soft: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--primary: #8b5cf6;--primary-soft: #ede9fe;--primary-strong: #6d28d9;--accent: #6366f1;--success: #10b981;--success-soft: #d1fae5;--success-strong: #047857;--warning: #f59e0b;--warning-soft: #fef3c7;--warning-strong: #b45309;--danger: #ef4444;--danger-soft: #fee2e2;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .08);min-height:100vh;padding:24px;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .2s ease,color .2s ease}._loading_2s5sr_53{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-muted)}._spinner_2s5sr_62{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:_spin_2s5sr_62 .8s linear infinite}@keyframes _spin_2s5sr_62{to{transform:rotate(360deg)}}._empty_2s5sr_72{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;text-align:center;color:var(--text-muted)}._emptyIcon_2s5sr_82{font-size:48px}._header_2s5sr_87{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:24px}._title_2s5sr_95{font-size:28px;font-weight:800;margin:0;display:flex;align-items:center;gap:10px;color:var(--text)}._titleIcon_2s5sr_104{font-size:28px}._subtitle_2s5sr_105{margin:4px 0 0;color:var(--text-muted);font-size:14px}._headerActions_2s5sr_110{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._stat_2s5sr_117{display:flex;flex-direction:column;align-items:center;background:var(--surface);padding:10px 16px;border-radius:10px;border:1px solid var(--border);min-width:80px;box-shadow:var(--shadow-sm)}._statValue_2s5sr_128{font-size:20px;font-weight:700;color:var(--primary-strong)}._statLabel_2s5sr_133{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}._statAccent_2s5sr_140{border-color:#c4b5fd;background:linear-gradient(135deg,var(--primary-soft) 0%,var(--surface) 100%)}._statAccent_2s5sr_140 ._statValue_2s5sr_128{color:var(--primary-strong)}._statSuccess_2s5sr_145{border-color:#6ee7b7;background:linear-gradient(135deg,var(--success-soft) 0%,var(--surface) 100%)}._statSuccess_2s5sr_145 ._statValue_2s5sr_128{color:var(--success-strong)}._primaryBtn_2s5sr_151{padding:10px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:600;cursor:pointer;font-size:14px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}._primaryBtn_2s5sr_151:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}._primaryBtn_2s5sr_151:disabled{opacity:.6;cursor:not-allowed;transform:none}._chartsGrid_2s5sr_169{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}._card_2s5sr_175{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:background .2s ease,border-color .2s ease}._cardWide_2s5sr_186{grid-column:span 1}._cardHeader_2s5sr_188{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;flex-wrap:wrap;gap:6px}._cardHeader_2s5sr_188 h3{margin:0;font-size:15px;font-weight:600;color:var(--text)}._cardSub_2s5sr_202{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px}._cardEmpty_2s5sr_208{text-align:center;color:var(--text-muted);font-size:13px;padding:30px 0}._tabsBar_2s5sr_218{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}._tabBtn_2s5sr_224{padding:8px 18px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease;box-shadow:var(--shadow-sm)}._tabBtn_2s5sr_224:hover{color:var(--text);border-color:var(--border-strong)}._tabActive_2s5sr_237{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-color:transparent;box-shadow:0 4px 12px #8b5cf640}._tabActive_2s5sr_237:hover{color:#fff}._rankList_2s5sr_248{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}._rankItem_2s5sr_258{display:flex;align-items:center;gap:10px;padding:8px;background:var(--surface-alt);border-radius:10px;border:1px solid var(--border)}._rankNumber_2s5sr_267{width:24px;text-align:center;font-weight:700;color:var(--primary-strong);font-size:13px;flex-shrink:0}._rankIcon_2s5sr_275{font-size:18px;flex-shrink:0}._rankBody_2s5sr_276{flex:1;min-width:0}._rankTitle_2s5sr_277{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._rankMeta_2s5sr_285{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._rankScore_2s5sr_292{font-size:12px;font-weight:600;color:var(--primary-strong);white-space:nowrap;flex-shrink:0}._rankEmpty_2s5sr_299{text-align:center;color:var(--text-muted);font-size:13px;padding:20px 0}._ticketBar_2s5sr_309{height:4px;background:var(--border);border-radius:2px;margin-top:6px;overflow:hidden}._ticketBarFill_2s5sr_316{height:100%;background:linear-gradient(90deg,var(--success),var(--primary));border-radius:2px;transition:width .3s ease}._organizerList_2s5sr_326,._upcomingList_2s5sr_327{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}._organizerItem_2s5sr_335{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-alt);border-radius:10px;border:1px solid var(--border)}._organizerBadge_2s5sr_344{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:12px;font-weight:700;flex-shrink:0}._organizerName_2s5sr_356{flex:1;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._organizerStats_2s5sr_365{display:flex;gap:10px;font-size:11px;color:var(--text-muted);flex-shrink:0}._upcomingItem_2s5sr_373{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-alt);border-radius:10px;border:1px solid var(--border)}._upcomingIcon_2s5sr_382{font-size:20px;flex-shrink:0}._upcomingBody_2s5sr_383{flex:1;min-width:0}._upcomingTitle_2s5sr_384{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._upcomingMeta_2s5sr_392{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._upcomingPrice_2s5sr_399{font-size:12px;font-weight:600;color:var(--success-strong);white-space:nowrap;flex-shrink:0}._buySection_2s5sr_410{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}._buyGrid_2s5sr_417{display:grid;grid-template-columns:1fr 1fr;gap:16px}._buyEventList_2s5sr_424{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto}._buyEventItem_2s5sr_434{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-alt);border-radius:10px;border:1px solid var(--border);cursor:pointer;transition:all .15s ease}._buyEventItem_2s5sr_434:hover{border-color:#c4b5fd;background:var(--primary-soft);transform:translate(2px)}._buyEventActive_2s5sr_450{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px #8b5cf626}._buyEventSoldOut_2s5sr_455{opacity:.55;cursor:not-allowed}._buyEventIcon_2s5sr_459{font-size:20px;flex-shrink:0}._buyEventBody_2s5sr_460{flex:1;min-width:0}._buyEventTitle_2s5sr_461{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._buyEventMeta_2s5sr_469{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._buyEventCapacity_2s5sr_476{font-size:10px;color:var(--text-muted);margin-top:4px}._buyEventPrice_2s5sr_481{font-size:12px;font-weight:600;color:var(--success-strong);white-space:nowrap;flex-shrink:0}._purchaseForm_2s5sr_490{display:flex;flex-direction:column;gap:14px}._purchaseSummary_2s5sr_495{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}._purchaseRow_2s5sr_504{display:flex;justify-content:space-between;font-size:13px;color:var(--text-soft)}._purchaseRow_2s5sr_504 strong{color:var(--text)}._purchaseLabel_2s5sr_512{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;font-weight:600}._qtyRow_2s5sr_523{display:flex;align-items:center;gap:8px;margin-top:4px}._qtyBtn_2s5sr_529{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:18px;font-weight:700;cursor:pointer;transition:all .15s ease}._qtyBtn_2s5sr_529:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}._qtyInput_2s5sr_546{flex:1;height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;text-align:center}._qtyInput_2s5sr_546:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}._purchaseSelect_2s5sr_564,._purchaseTextarea_2s5sr_565{padding:10px 12px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13px;font-family:inherit;resize:vertical}._purchaseSelect_2s5sr_564:focus,._purchaseTextarea_2s5sr_565:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}._purchaseTotal_2s5sr_582{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(135deg,var(--primary-soft) 0%,var(--surface) 100%);border-radius:10px;border:1px solid #c4b5fd;font-size:14px;color:var(--text-soft)}._purchaseTotal_2s5sr_582 strong{font-size:20px;color:var(--primary-strong)}._purchaseError_2s5sr_598{color:var(--danger);font-size:12px;margin:0;text-align:center}._purchaseSuccess_2s5sr_606{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;text-align:center}._successIcon_2s5sr_614{font-size:56px}._purchaseSuccess_2s5sr_606 h4{margin:0;font-size:20px;color:var(--success-strong)}._purchaseSuccess_2s5sr_606 p{margin:0;color:var(--text-muted);font-size:13px}._successDetails_2s5sr_625{width:100%;margin:12px 0;padding:14px;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:10px}._successDetails_2s5sr_625>div{display:flex;justify-content:space-between;font-size:13px}._successDetails_2s5sr_625 dt{color:var(--text-muted);margin:0}._successDetails_2s5sr_625 dd{margin:0;color:var(--text);font-weight:600}._paymentBadge_2s5sr_643{color:var(--success-strong)!important}._myTicketList_2s5sr_646{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto}._myTicketItem_2s5sr_656{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-alt);border-radius:10px;border:1px solid var(--border)}._myTicketIcon_2s5sr_665{font-size:20px;flex-shrink:0}._myTicketBody_2s5sr_666{flex:1;min-width:0}._myTicketTitle_2s5sr_667{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._myTicketMeta_2s5sr_675{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._myTicketStatus_2s5sr_682{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}._statusConfirmed_2s5sr_691{background:var(--success-soft);color:var(--success-strong);border:1px solid #6ee7b7}._statusPending_2s5sr_696{background:var(--warning-soft);color:var(--warning-strong);border:1px solid #fcd34d}._myTicketAmount_2s5sr_701{font-size:12px;font-weight:600;color:var(--success-strong);white-space:nowrap;flex-shrink:0}@media(max-width:900px){._chartsGrid_2s5sr_169{grid-template-columns:1fr}._cardWide_2s5sr_186{grid-column:span 1}._buyGrid_2s5sr_417{grid-template-columns:1fr}._buyEventList_2s5sr_424{max-height:320px}}@media(max-width:640px){._hub_2s5sr_9{padding:14px}._title_2s5sr_95,._titleIcon_2s5sr_104{font-size:22px}._subtitle_2s5sr_105{font-size:12px}._header_2s5sr_87{flex-direction:column;align-items:stretch}._headerActions_2s5sr_110{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}._stat_2s5sr_117{padding:8px 12px;min-width:0}._statValue_2s5sr_128{font-size:16px}._statLabel_2s5sr_133{font-size:10px}._primaryBtn_2s5sr_151{grid-column:span 2;padding:10px 14px;font-size:13px}._card_2s5sr_175{padding:14px}._rankList_2s5sr_248{max-height:none}._tabBtn_2s5sr_224{flex:1;text-align:center;padding:9px 10px;font-size:12px}._organizerStats_2s5sr_365{display:none}._myTicketMeta_2s5sr_675{font-size:10px}._myTicketStatus_2s5sr_682{padding:3px 8px;font-size:9px}._myTicketAmount_2s5sr_701{display:none}}[data-theme=dark] ._hub_2s5sr_9{--bg: #0f0f16;--surface: #16161f;--surface-alt: #1a1a24;--border: #2a2a35;--border-strong: #3a3a48;--text: #f3f4f6;--text-soft: #cbd5e1;--text-muted: #9ca3af;--text-faint: #6b7280;--primary: #8b5cf6;--primary-soft: #2d1b4e;--primary-strong: #c084fc;--accent: #6366f1;--success: #10b981;--success-soft: #052e2b;--success-strong: #34d399;--warning: #f59e0b;--warning-soft: #3b2a0a;--warning-strong: #fbbf24;--danger: #ef4444;--danger-soft: #3f0f0f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6)}._hub_rruqx_5{--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-soft: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--primary: #8b5cf6;--primary-soft: #ede9fe;--primary-strong: #6d28d9;--accent: #6366f1;--success: #10b981;--success-soft: #d1fae5;--success-strong: #047857;--warning: #f59e0b;--warning-soft: #fef3c7;--warning-strong: #b45309;--danger: #ef4444;--danger-soft: #fee2e2;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);min-height:100vh;padding:24px;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .2s ease,color .2s ease}._loading_rruqx_39{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-muted)}._spinner_rruqx_48{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:_spin_rruqx_48 .8s linear infinite}@keyframes _spin_rruqx_48{to{transform:rotate(360deg)}}._empty_rruqx_57{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;text-align:center;color:var(--text-muted)}._emptyIcon_rruqx_61{font-size:48px}._header_rruqx_64{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:24px}._title_rruqx_68{font-size:28px;font-weight:800;margin:0;display:flex;align-items:center;gap:10px}._titleIcon_rruqx_72{font-size:28px}._subtitle_rruqx_73{margin:4px 0 0;color:var(--text-muted);font-size:14px}._headerActions_rruqx_74{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._stat_rruqx_76{display:flex;flex-direction:column;align-items:center;background:var(--surface);padding:10px 16px;border-radius:10px;border:1px solid var(--border);min-width:80px;box-shadow:var(--shadow-sm)}._statValue_rruqx_82{font-size:20px;font-weight:700;color:var(--primary-strong)}._statLabel_rruqx_83{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}._statAccent_rruqx_87{border-color:#c4b5fd;background:linear-gradient(135deg,var(--primary-soft) 0%,var(--surface) 100%)}._statWarn_rruqx_91{border-color:#fcd34d;background:linear-gradient(135deg,var(--warning-soft) 0%,var(--surface) 100%)}._statWarn_rruqx_91 ._statValue_rruqx_82{color:var(--warning-strong)}._primaryBtn_rruqx_97{padding:10px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:600;cursor:pointer;font-size:14px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}._primaryBtn_rruqx_97:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}._chartsGrid_rruqx_107{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}._card_rruqx_110{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}._cardWide_rruqx_115{grid-column:span 1}._cardHeader_rruqx_117{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;flex-wrap:wrap;gap:6px}._cardHeader_rruqx_117 h3{margin:0;font-size:15px;font-weight:600;color:var(--text)}._cardSub_rruqx_122{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px}._cardEmpty_rruqx_126{text-align:center;color:var(--text-muted);font-size:13px;padding:30px 0}._tabsBar_rruqx_129{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--bg);padding:12px 0;z-index:5}._tabBtn_rruqx_134{padding:8px 18px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:13px;font-weight:600;box-shadow:var(--shadow-sm);transition:all .15s ease}._tabBtn_rruqx_134:hover{color:var(--text);border-color:var(--border-strong)}._tabActive_rruqx_141{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-color:transparent;box-shadow:0 4px 12px #8b5cf640}._tabActive_rruqx_141:hover{color:#fff}._rankList_rruqx_149{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}._rankItem_rruqx_150{display:flex;align-items:center;gap:10px;padding:8px;background:var(--surface-alt);border-radius:10px;border:1px solid var(--border)}._rankNumber_rruqx_154{width:24px;text-align:center;font-weight:700;color:var(--primary-strong);font-size:13px;flex-shrink:0}._rankAvatar_rruqx_158{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}._rankBody_rruqx_164{flex:1;min-width:0}._rankTitle_rruqx_165{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._rankMeta_rruqx_166{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._rankScore_rruqx_167{font-size:12px;font-weight:600;color:var(--primary-strong);white-space:nowrap;flex-shrink:0}._rankEmpty_rruqx_168{text-align:center;color:var(--text-muted);font-size:13px;padding:20px 0}._quickList_rruqx_171{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}._quickItem_rruqx_172{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-alt);border-radius:10px;border:1px solid var(--border)}._quickIcon_rruqx_176{font-size:18px;flex-shrink:0}._quickBody_rruqx_177{flex:1;min-width:0}._quickTitle_rruqx_178{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._quickMeta_rruqx_179{font-size:11px;color:var(--text-muted)}._quickTime_rruqx_180{font-size:11px;color:var(--primary-strong);font-weight:600;flex-shrink:0}._browseSection_rruqx_183{margin-bottom:20px}._filterBar_rruqx_184{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}._filterInput_rruqx_189,._filterSelect_rruqx_189{padding:9px 12px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13px;flex:1;min-width:120px}._filterInput_rruqx_189:focus,._filterSelect_rruqx_189:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}._clearFiltersBtn_rruqx_198{padding:9px 16px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface-alt);color:var(--text-soft);font-size:13px;font-weight:600;cursor:pointer}._jobGrid_rruqx_205{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}._jobCard_rruqx_209{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}._jobCard_rruqx_209:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#c4b5fd}._jobCardHeader_rruqx_216{display:flex;justify-content:space-between;align-items:center}._jobCategory_rruqx_217{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px}._jobCategoryDot_rruqx_222{width:8px;height:8px;border-radius:50%}._urgentBadge_rruqx_223{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;background:var(--warning-soft);color:var(--warning-strong);border:1px solid #fcd34d}._jobTitle_rruqx_228{margin:0;font-size:16px;font-weight:700;color:var(--text)}._jobDesc_rruqx_229{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5}._jobMeta_rruqx_230{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-soft)}._jobMetaItem_rruqx_231{display:inline-flex;align-items:center;gap:4px}._applyBtn_rruqx_233{padding:10px 14px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:transform .15s ease}._applyBtn_rruqx_233:hover{transform:translateY(-1px)}._applyPanel_rruqx_241{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}._applyLabel_rruqx_245{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-soft);font-weight:600}._applyInput_rruqx_249,._applyTextarea_rruqx_249{padding:9px 12px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13px;font-family:inherit}._applyInput_rruqx_249:focus,._applyTextarea_rruqx_249:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}._applyActions_rruqx_258{display:flex;gap:8px;justify-content:flex-end}._applyCancelBtn_rruqx_259,._applySubmitBtn_rruqx_259{padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft)}._applySubmitBtn_rruqx_259{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none}._applyCancelBtn_rruqx_259:disabled,._applySubmitBtn_rruqx_259:disabled{opacity:.6;cursor:not-allowed}._applySuccess_rruqx_268{padding:10px;border-radius:8px;background:var(--success-soft);color:var(--success-strong);border:1px solid #6ee7b7;font-size:13px;display:flex;justify-content:space-between;align-items:center}._applyError_rruqx_273{padding:10px;border-radius:8px;background:var(--danger-soft);color:var(--danger);border:1px solid #fca5a5;font-size:13px;display:flex;justify-content:space-between;align-items:center}._applyClose_rruqx_278{border:none;background:transparent;color:inherit;font-weight:700;cursor:pointer;font-size:12px;text-decoration:underline}._activityList_rruqx_285{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}._activityItem_rruqx_290{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-alt);border-radius:10px;border:1px solid var(--border)}._activityBody_rruqx_294{flex:1;min-width:0}._activityTitle_rruqx_295{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._activityMeta_rruqx_296{font-size:11px;color:var(--text-muted)}._activityStatus_rruqx_297{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--surface);color:var(--text-soft);border:1px solid var(--border-strong);flex-shrink:0}._statusOk_rruqx_303{background:var(--success-soft);color:var(--success-strong);border-color:#6ee7b7}._statusBad_rruqx_304{background:var(--danger-soft);color:var(--danger);border-color:#fca5a5}._statusPending_rruqx_305{background:var(--warning-soft);color:var(--warning-strong);border-color:#fcd34d}@media(max-width:900px){._chartsGrid_rruqx_107{grid-template-columns:1fr}._cardWide_rruqx_115{grid-column:span 1}._jobGrid_rruqx_205{grid-template-columns:1fr}}@media(max-width:640px){._hub_rruqx_5{padding:14px}._title_rruqx_68,._titleIcon_rruqx_72{font-size:22px}._subtitle_rruqx_73{font-size:12px}._header_rruqx_64{flex-direction:column;align-items:stretch}._headerActions_rruqx_74{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}._stat_rruqx_76{padding:8px 12px;min-width:0}._statValue_rruqx_82{font-size:16px}._primaryBtn_rruqx_97{grid-column:span 2;padding:10px 14px;font-size:13px}._card_rruqx_110{padding:14px}._tabBtn_rruqx_134{flex:1;text-align:center;padding:9px 10px;font-size:12px}._filterBar_rruqx_184{padding:10px}._filterInput_rruqx_189,._filterSelect_rruqx_189{font-size:12px;min-width:100%}}[data-theme=dark] ._hub_rruqx_5{--bg: #0f0f16;--surface: #16161f;--surface-alt: #1a1a24;--border: #2a2a35;--border-strong: #3a3a48;--text: #f3f4f6;--text-soft: #cbd5e1;--text-muted: #9ca3af;--text-faint: #6b7280;--primary: #8b5cf6;--primary-soft: #2d1b4e;--primary-strong: #c084fc;--success: #10b981;--success-soft: #052e2b;--success-strong: #34d399;--warning: #f59e0b;--warning-soft: #3b2a0a;--warning-strong: #fbbf24;--danger: #ef4444;--danger-soft: #3f0f0f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5)}.user-search{position:relative;padding:12px 16px;border-bottom:1px solid var(--border, #e2e8f0);background:var(--bg, #ffffff)}.user-search-input-wrap{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #f8fafc);transition:border .15s,box-shadow .15s}.user-search-input-wrap:focus-within{border-color:var(--primary, #8b5cf6);box-shadow:0 0 0 3px #8b5cf626}.user-search-icon{font-size:14px;opacity:.6}.user-search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--text, #0f172a)}.user-search-clear{border:none;background:transparent;font-size:16px;line-height:1;color:var(--text-muted, #64748b);cursor:pointer;padding:0 4px}.user-search-clear:hover{color:var(--text, #0f172a)}.user-search-results{position:absolute;top:calc(100% - 6px);left:16px;right:16px;z-index:20;max-height:320px;overflow-y:auto;background:var(--bg, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;box-shadow:0 10px 30px #0f172a1f;padding:6px;animation:user-search-fadein .12s ease-out}@keyframes user-search-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-search-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .12s}.user-search-item:hover{background:var(--primary-soft, #ede9fe)}.user-search-item:disabled{opacity:.6;cursor:wait}.user-search-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary, #8b5cf6),#6366f1);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;overflow:hidden;flex-shrink:0}.user-search-avatar img{width:100%;height:100%;object-fit:cover}.user-search-info{flex:1;min-width:0}.user-search-name{font-size:13px;font-weight:600;color:var(--text, #0f172a);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-search-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;border-radius:8px;background:var(--primary-soft, #ede9fe);color:var(--primary-strong, #6d28d9);border:1px solid rgba(139,92,246,.3)}.user-search-meta{font-size:11px;color:var(--text-muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-search-bio{opacity:.85}.user-search-action{font-size:11px;font-weight:700;color:var(--primary-strong, #6d28d9);padding:4px 10px;border-radius:8px;background:var(--primary-soft, #ede9fe);flex-shrink:0}.user-search-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;font-size:12px;color:var(--text-muted, #64748b);text-align:center}.user-search-error{color:var(--danger, #ef4444)}.user-search-spinner{width:14px;height:14px;border:2px solid var(--border, #e2e8f0);border-top-color:var(--primary, #8b5cf6);border-radius:50%;animation:user-search-spin .8s linear infinite}@keyframes user-search-spin{to{transform:rotate(360deg)}}html[data-theme=dark] .user-search,:global([data-theme=dark]) .user-search{--bg: #16161f;--surface: #1a1a24;--border: #2a2a35;--text: #f3f4f6;--text-muted: #9ca3af;--primary-soft: #2d1b4e;--primary-strong: #c084fc}.inbox-container{--bg: #ffffff;--surface: #f8fafc;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--primary: #8b5cf6;--primary-soft: #ede9fe;--primary-strong: #6d28d9;--danger: #ef4444;display:flex;flex-direction:column;height:100%;background:var(--bg);color:var(--text);border-radius:12px;overflow:hidden}.inbox-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.inbox-header h2{margin:0;font-size:18px;font-weight:700}.refresh-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .15s}.refresh-btn:hover{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary)}.search-container{padding:12px 16px;border-bottom:1px solid var(--border)}.search-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:13px;color:var(--text);outline:none;transition:border .15s,box-shadow .15s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.conversations-list{flex:1;overflow-y:auto;padding:8px}.conversation-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s;outline:none}.conversation-item:hover{background:var(--surface)}.conversation-item:focus-visible{box-shadow:0 0 0 2px var(--primary)}.conversation-item.unread{background:var(--primary-soft)}.conversation-item.unread .username{font-weight:700}.conversation-item.unread .last-message{color:var(--text);font-weight:500}.conversation-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,var(--primary),#6366f1);display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700}.conversation-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:14px;font-weight:700}.conversation-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.conversation-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.username{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.group-badge{font-size:10px;font-weight:700;background:var(--primary);color:#fff;padding:1px 6px;border-radius:8px}.timestamp{font-size:11px;color:var(--text-muted);flex-shrink:0}.conversation-preview{display:flex;justify-content:space-between;align-items:center;gap:8px}.last-message{margin:0;font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-badge{background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;flex-shrink:0;min-width:18px;text-align:center}.loading-conversations{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:13px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:inbox-spin .8s linear infinite}@keyframes inbox-spin{to{transform:rotate(360deg)}}.empty-state{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:13px}.empty-state p{margin:0 0 8px}.empty-subtitle{font-size:12px;opacity:.75}.clear-search-btn{margin-top:8px;padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600}.clear-search-btn:hover{background:var(--primary-soft);color:var(--primary-strong)}@media(max-width:640px){.inbox-header h2{font-size:16px}.conversation-avatar{width:40px;height:40px}.username{font-size:13px}.last-message{font-size:12px}}:global([data-theme=dark]) .inbox-container{--bg: #16161f;--surface: #1a1a24;--border: #2a2a35;--text: #f3f4f6;--text-muted: #9ca3af;--primary: #8b5cf6;--primary-soft: #2d1b4e;--primary-strong: #c084fc}._messenger_1o04s_3{--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--primary: #8b5cf6;--primary-soft: #ede9fe;--primary-strong: #6d28d9;--success: #10b981;display:grid;grid-template-columns:320px 1fr;height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._sidebar_1o04s_24{display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);overflow:hidden}._sidebarHeader_1o04s_31{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}._sidebarHeader_1o04s_31 h1{margin:0;font-size:18px;font-weight:700}._headerActions_1o04s_43{display:flex;align-items:center;gap:8px}._refreshBtn_1o04s_48{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text-muted);cursor:pointer;font-size:14px}._refreshBtn_1o04s_48:hover{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary)}._unreadBadge_1o04s_63{background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:10px}._search_1o04s_71{margin:12px 16px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-alt);font-size:13px;outline:none;color:var(--text)}._search_1o04s_71:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}._list_1o04s_85{flex:1;overflow-y:auto;padding:4px 8px 12px}._sidebarEmpty_1o04s_90{padding:30px 16px;text-align:center;color:var(--text-muted);font-size:13px;line-height:1.5}._sidebarEmpty_1o04s_90 small{font-size:11px;opacity:.7}._convo_1o04s_102{width:100%;display:flex;align-items:center;gap:12px;padding:10px;background:transparent;border:none;border-radius:10px;cursor:pointer;text-align:left;transition:background .15s}._convo_1o04s_102:hover{background:var(--surface-alt)}._convoActive_1o04s_118{background:var(--primary-soft)}._avatar_1o04s_121{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700;flex-shrink:0;overflow:hidden}._avatar_1o04s_121 img{width:100%;height:100%;object-fit:cover}._convoBody_1o04s_139{flex:1;min-width:0}._convoTop_1o04s_143{display:flex;justify-content:space-between;gap:8px}._convoName_1o04s_148{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}._convoTime_1o04s_156{font-size:11px;color:var(--text-muted);flex-shrink:0}._convoBottom_1o04s_161{display:flex;justify-content:space-between;gap:8px;margin-top:2px}._convoPreview_1o04s_167{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._convoUnread_1o04s_174{background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;flex-shrink:0}._chat_1o04s_185{display:flex;flex-direction:column;overflow:hidden}._chatHeader_1o04s_190{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface)}._backBtn_1o04s_198{display:none;background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;color:var(--text)}._chatAvatar_1o04s_207{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;overflow:hidden;flex-shrink:0}._chatAvatar_1o04s_207 img{width:100%;height:100%;object-fit:cover}._chatInfo_1o04s_225 h2{margin:0;font-size:15px;font-weight:600;color:var(--text)}._chatStatus_1o04s_231{font-size:12px;color:var(--text-muted)}._messageList_1o04s_236{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}._messageRow_1o04s_245{display:flex;align-items:flex-end;gap:8px;max-width:70%}._messageRowOwn_1o04s_251{margin-left:auto;flex-direction:row-reverse}._messageAvatar_1o04s_255{width:28px;height:28px;border-radius:50%;background:var(--surface-alt);display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--text-muted);flex-shrink:0;border:1px solid var(--border)}._bubble_1o04s_268{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}._bubbleOwn_1o04s_278{background:var(--primary);color:#fff;border:none}._bubbleText_1o04s_283{font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}._bubbleTime_1o04s_289{font-size:10px;opacity:.65;text-align:right}._bubbleImg_1o04s_294{max-width:240px;border-radius:8px}._bubbleFile_1o04s_298{color:inherit;text-decoration:underline;font-size:13px}._inputBar_1o04s_304{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}._attachBtn_1o04s_312{border:none;background:transparent;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-muted)}._attachBtn_1o04s_312:hover{background:var(--surface-alt)}._input_1o04s_304{flex:1;border:1px solid var(--border);border-radius:20px;padding:10px 14px;font-size:14px;font-family:inherit;resize:none;max-height:120px;outline:none;background:var(--surface-alt);color:var(--text)}._input_1o04s_304:focus{border-color:var(--primary)}._sendBtn_1o04s_340{padding:10px 20px;border-radius:20px;border:none;background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;font-weight:600;cursor:pointer;font-size:13px}._sendBtn_1o04s_340:disabled{opacity:.5;cursor:not-allowed}._attachPreview_1o04s_354{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-soft);color:var(--primary-strong);font-size:12px;border-top:1px solid var(--border)}._attachPreview_1o04s_354 button{background:none;border:none;cursor:pointer;color:inherit;font-weight:700}._empty_1o04s_372{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text-muted);text-align:center;padding:40px}._emptyIcon_1o04s_383{font-size:56px}._empty_1o04s_372 h2{margin:0;font-size:20px;color:var(--text)}._empty_1o04s_372 p{margin:0;font-size:14px}@media(max-width:768px){._messenger_1o04s_3{grid-template-columns:1fr}._sidebar_1o04s_24{position:fixed;inset:0;z-index:100;transform:translate(-100%);transition:transform .25s ease}._sidebarOpen_1o04s_408{transform:translate(0)}._backBtn_1o04s_198{display:block}._messageRow_1o04s_245{max-width:85%}}[data-theme=dark] ._messenger_1o04s_3{--bg: #0f0f16;--surface: #16161f;--surface-alt: #1a1a24;--border: #2a2a35;--text: #f3f4f6;--text-muted: #9ca3af;--primary: #8b5cf6;--primary-soft: #2d1b4e;--primary-strong: #c084fc}._avatarBase_1o04s_433{border-radius:50%;background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);-webkit-user-select:none;user-select:none}._avatarBase_1o04s_433 img{width:100%;height:100%;object-fit:cover;display:block}._avatarSm_1o04s_453{width:28px;height:28px}._avatarMd_1o04s_457{width:40px;height:40px}._avatarLg_1o04s_461{width:44px;height:44px}._bubbleAvatar_1o04s_467{margin-bottom:4px}._wrapper_1qs2x_3{border:none;background:none;padding:0;cursor:pointer;border-radius:50%;display:inline-flex;flex-shrink:0;transition:transform .15s}._wrapper_1qs2x_3:hover{transform:scale(1.06)}._wrapper_1qs2x_3:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}._avatar_1qs2x_21{border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0;overflow:hidden;transition:box-shadow .15s}._wrapper_1qs2x_3:hover ._avatar_1qs2x_21{box-shadow:0 0 0 3px #8b5cf640}._avatar_1qs2x_21 img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}._clickable_1qs2x_45{cursor:pointer}._friends_gbtfb_3{--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--primary: #8b5cf6;--primary-soft: #ede9fe;--primary-strong: #6d28d9;--danger: #ef4444;--danger-soft: #fee2e2;--success: #10b981;--success-soft: #d1fae5;--success-strong: #047857;min-height:100vh;padding:24px;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .2s ease,color .2s ease}._header_gbtfb_30{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}._header_gbtfb_30 h1{margin:0;font-size:28px;font-weight:800;color:var(--text)}._subtitle_gbtfb_44{margin:4px 0 0;color:var(--text-muted);font-size:14px}._headerStats_gbtfb_49{display:flex;gap:12px}._stat_gbtfb_53{display:flex;flex-direction:column;align-items:center;background:var(--surface);padding:10px 16px;border-radius:10px;border:1px solid var(--border);min-width:80px;box-shadow:0 1px 2px #0f172a0a}._statAccent_gbtfb_64{border-color:#c4b5fd;background:linear-gradient(135deg,var(--primary-soft) 0%,var(--surface) 100%)}._statValue_gbtfb_68{font-size:20px;font-weight:700;color:var(--primary-strong)}._statLabel_gbtfb_73{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}._tabs_gbtfb_83{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}._tab_gbtfb_83{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}._tab_gbtfb_83:hover{border-color:var(--primary)}._tabActive_gbtfb_106{background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;border-color:transparent}._tabCount_gbtfb_111{font-size:11px;background:#00000014;padding:2px 8px;border-radius:10px}._tabActive_gbtfb_106 ._tabCount_gbtfb_111{background:#ffffff4d}._tabBadge_gbtfb_120{background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;margin-left:4px}._content_gbtfb_133{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 1px 2px #0f172a0a}._empty_gbtfb_144{padding:60px 20px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:12px}._emptyIcon_gbtfb_153{font-size:52px}._empty_gbtfb_144 h2,._empty_gbtfb_144 h3{margin:0;color:var(--text)}._empty_gbtfb_144 p{margin:0;font-size:14px}._emptyInline_gbtfb_165{padding:20px 0;text-align:center;color:var(--text-muted);font-size:13px}._loading_gbtfb_171{padding:40px;text-align:center;color:var(--text-muted);font-size:13px}._grid_gbtfb_181{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}._card_gbtfb_186{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;transition:border-color .15s,transform .15s}._card_gbtfb_186:hover{border-color:var(--primary);transform:translateY(-1px)}._cardBody_gbtfb_200{flex:1;min-width:0}._cardName_gbtfb_204{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}._cardMeta_gbtfb_215{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}._cardActions_gbtfb_223{display:flex;gap:6px;align-items:center;flex-shrink:0}._onlineDot_gbtfb_231{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 2px #10b98140}._primaryBtn_gbtfb_243{padding:10px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;font-weight:600;cursor:pointer;font-size:14px;transition:transform .15s}._primaryBtn_gbtfb_243:hover{transform:translateY(-1px)}._primarySmallBtn_gbtfb_257{padding:6px 14px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;font-size:12px;transition:transform .15s}._primarySmallBtn_gbtfb_257:hover{transform:translateY(-1px)}._primarySmallBtn_gbtfb_257:disabled{opacity:.5;cursor:not-allowed}._iconBtn_gbtfb_275,._iconBtnDanger_gbtfb_276{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:14px;cursor:pointer;display:grid;place-items:center;transition:all .15s}._iconBtn_gbtfb_275:hover{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary)}._iconBtnDanger_gbtfb_276:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}._friendPill_gbtfb_299{font-size:11px;font-weight:700;color:var(--success-strong);background:var(--success-soft);padding:4px 10px;border-radius:10px;border:1px solid rgba(16,185,129,.3);white-space:nowrap}._requestsLayout_gbtfb_313{display:grid;grid-template-columns:1fr 1fr;gap:20px}._requestsBlock_gbtfb_318 h3{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px}._requestList_gbtfb_326{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}._requestItem_gbtfb_334{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px}._requestBody_gbtfb_343{flex:1;min-width:0}._requestName_gbtfb_347{font-size:13px;font-weight:600;color:var(--text)}._requestMeta_gbtfb_352{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._requestActions_gbtfb_359{display:flex;gap:6px;flex-shrink:0}._acceptBtn_gbtfb_364,._rejectBtn_gbtfb_365{padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s}._acceptBtn_gbtfb_364{background:var(--success);color:#fff;border-color:transparent}._rejectBtn_gbtfb_365{color:var(--text-muted)}._acceptBtn_gbtfb_364:hover,._rejectBtn_gbtfb_365:hover{transform:translateY(-1px)}._acceptBtn_gbtfb_364:disabled,._rejectBtn_gbtfb_365:disabled{opacity:.5;cursor:not-allowed}._searchWrap_gbtfb_396{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);margin-bottom:16px;transition:border-color .15s,box-shadow .15s}._searchWrap_gbtfb_396:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}._searchIcon_gbtfb_411{font-size:14px;opacity:.6}._searchInput_gbtfb_415{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--text)}._searchClear_gbtfb_423{border:none;background:transparent;font-size:16px;color:var(--text-muted);cursor:pointer;padding:0 4px}._searchClear_gbtfb_423:hover{color:var(--text)}._error_gbtfb_438{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:var(--danger-soft);color:var(--danger);border:1px solid #fca5a5;margin-bottom:16px;cursor:pointer;font-size:13px}._errorClose_gbtfb_452{font-size:16px;font-weight:700}@media(max-width:900px){._requestsLayout_gbtfb_313{grid-template-columns:1fr}}@media(max-width:768px){._friends_gbtfb_3{padding:14px}._header_gbtfb_30 h1{font-size:22px}._content_gbtfb_133{padding:16px}._grid_gbtfb_181{grid-template-columns:1fr}._headerStats_gbtfb_49{width:100%;justify-content:flex-start}._stat_gbtfb_53{padding:8px 12px;min-width:0;flex:1}._statValue_gbtfb_68{font-size:16px}._tab_gbtfb_83{flex:1;justify-content:center;padding:8px 10px;font-size:12px}._requestMeta_gbtfb_352{font-size:10px}}[data-theme=dark] ._friends_gbtfb_3{--bg: #0f0f16;--surface: #16161f;--surface-alt: #1a1a24;--border: #2a2a35;--text: #f3f4f6;--text-muted: #9ca3af;--primary: #8b5cf6;--primary-soft: #2d1b4e;--primary-strong: #c084fc;--danger-soft: #3f0f0f;--success-soft: #052e2b;--success-strong: #34d399}._timeline_jx4u2_3{--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--primary: #8b5cf6;--primary-soft: #ede9fe;--primary-strong: #6d28d9;--danger: #ef4444;--danger-soft: #fee2e2;max-width:680px;margin:0 auto;padding:24px;background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._header_jx4u2_26{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}._header_jx4u2_26 h1{margin:0;font-size:26px;font-weight:800}._subtitle_jx4u2_39{margin:4px 0 0;color:var(--text-muted);font-size:13px}._refreshBtn_jx4u2_44{padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer}._refreshBtn_jx4u2_44:hover{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary)}._refreshBtn_jx4u2_44:disabled{opacity:.5;cursor:not-allowed}._legend_jx4u2_65{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:12px;color:var(--text-muted)}._legendItem_jx4u2_77{display:inline-flex;align-items:center;gap:6px}._legendDot_jx4u2_82{width:8px;height:8px;border-radius:50%;background:var(--dot-color, var(--primary))}._legendMeta_jx4u2_88{margin-left:auto;font-size:11px;opacity:.8}._composer_jx4u2_95{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:12px}._composerTrigger_jx4u2_105{flex:1;padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text-muted);font-size:14px;text-align:left;cursor:pointer;transition:border-color .15s}._composerTrigger_jx4u2_105:hover{border-color:var(--primary);color:var(--text)}._composerCard_jx4u2_121{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px}._composerTextarea_jx4u2_128{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text);font-size:14px;font-family:inherit;resize:vertical;min-height:60px;outline:none}._composerTextarea_jx4u2_128:focus{border-color:var(--primary)}._composerActions_jx4u2_144{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}._cancelBtn_jx4u2_150,._postBtn_jx4u2_151{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}._postBtn_jx4u2_151{background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;border:none}._postBtn_jx4u2_151:disabled{opacity:.5;cursor:not-allowed}._feed_jx4u2_172{display:flex;flex-direction:column;gap:16px}._post_jx4u2_151{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 1px 2px #0f172a0a}._postHeader_jx4u2_185{display:flex;gap:10px;align-items:center;margin-bottom:12px}._postMeta_jx4u2_191{flex:1;min-width:0}._postAuthor_jx4u2_195{display:flex;align-items:center;gap:8px;flex-wrap:wrap}._authorName_jx4u2_201{border:none;background:none;padding:0;font-size:14px;font-weight:700;color:var(--text);cursor:pointer}._authorName_jx4u2_201:hover{color:var(--primary-strong);text-decoration:underline}._sourceBadge_jx4u2_214{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:10px;color:var(--badge-color, var(--primary));background:color-mix(in srgb,var(--badge-color, var(--primary)) 12%,transparent);border:1px solid color-mix(in srgb,var(--badge-color, var(--primary)) 30%,transparent)}._postTime_jx4u2_225{font-size:11px;color:var(--text-muted);margin-top:2px}._postMessage_jx4u2_230{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word}._postImages_jx4u2_240{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;border-radius:10px;overflow:hidden;margin-bottom:12px}._singleImage_jx4u2_248{grid-template-columns:1fr}._postImage_jx4u2_240{width:100%;height:200px;object-fit:cover;background:var(--surface-alt);display:block}._singleImage_jx4u2_248 ._postImage_jx4u2_240{height:auto;max-height:480px;object-fit:contain}._postFooter_jx4u2_265{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--border)}._actionBtn_jx4u2_271{flex:1;padding:8px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}._actionBtn_jx4u2_271:hover{background:var(--surface-alt);color:var(--text)}._actionActive_jx4u2_287{color:var(--danger)}._loading_jx4u2_292{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--text-muted);font-size:13px}._loadingMore_jx4u2_302{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:var(--text-muted);font-size:12px}._spinner_jx4u2_311{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:_spin_jx4u2_311 .8s linear infinite}@keyframes _spin_jx4u2_311{to{transform:rotate(360deg)}}._sentinel_jx4u2_324{height:1px}._endOfFeed_jx4u2_327{text-align:center;padding:24px;color:var(--text-muted);font-size:13px}._empty_jx4u2_334{text-align:center;padding:60px 20px;color:var(--text-muted)}._emptyIcon_jx4u2_339{font-size:52px;margin-bottom:12px}._empty_jx4u2_334 h2,._empty_jx4u2_334 h3{margin:0 0 6px;color:var(--text)}._error_jx4u2_349{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:var(--danger-soft);color:var(--danger);border:1px solid #fca5a5;margin-bottom:12px;font-size:13px;cursor:pointer}._errorClose_jx4u2_363{font-size:16px;font-weight:700}@media(max-width:640px){._timeline_jx4u2_3{padding:14px}._header_jx4u2_26 h1{font-size:22px}._post_jx4u2_151{padding:14px}._postImage_jx4u2_240{height:150px}._legendMeta_jx4u2_88{display:none}}[data-theme=dark] ._timeline_jx4u2_3{--bg: #0f0f16;--surface: #16161f;--surface-alt: #1a1a24;--border: #2a2a35;--text: #f3f4f6;--text-muted: #9ca3af;--primary-soft: #2d1b4e;--primary-strong: #c084fc;--danger-soft: #3f0f0f}._commentsDrawer_jx4u2_414{margin-top:8px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}._commentsLoading_jx4u2_424,._commentsEmpty_jx4u2_425{display:flex;align-items:center;gap:8px;padding:12px 8px;font-size:13px;color:var(--text-muted)}._spinnerSm_jx4u2_433{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:_spin_jx4u2_311 .8s linear infinite}._commentList_jx4u2_445{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:500px;overflow-y:auto}._commentItem_jx4u2_456{list-style:none;position:relative;padding:6px 0}._commentMain_jx4u2_463{display:flex;gap:8px;align-items:flex-start;position:relative}._commentBody_jx4u2_473{flex:1;min-width:0;background:var(--surface-alt);border-radius:14px;padding:8px 12px;position:relative}._commentHeader_jx4u2_482{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:2px}._commentAuthor_jx4u2_490{border:none;background:none;padding:0;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;line-height:1.2}._commentAuthor_jx4u2_490:hover{text-decoration:underline}._commentTime_jx4u2_504{font-size:11px;color:var(--text-muted);font-weight:400;line-height:1.2}._commentText_jx4u2_511{margin:0;font-size:14px;line-height:1.35;color:var(--text);white-space:pre-wrap;word-break:break-word}._commentActions_jx4u2_523{display:flex;align-items:center;gap:14px;margin:4px 0 0 8px;padding:0;opacity:0;transition:opacity .15s}._commentItem_jx4u2_456:hover>._commentMain_jx4u2_463>._commentActions_jx4u2_523,._commentMain_jx4u2_463:hover ._commentActions_jx4u2_523{opacity:1}@media(hover:none){._commentActions_jx4u2_523{opacity:1}}._commentActionBtn_jx4u2_543{border:none;background:transparent;padding:2px 0;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;line-height:1.2}._commentActionBtn_jx4u2_543:hover{color:var(--primary-strong)}._commentReplyCount_jx4u2_557{font-size:12px;font-weight:600;color:var(--text-muted);opacity:.85}._commentDelete_jx4u2_565{position:absolute;top:6px;right:6px;width:22px;height:22px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .15s,background .15s,color .15s}._commentMain_jx4u2_463:hover ._commentDelete_jx4u2_565{opacity:1}._commentDelete_jx4u2_565:hover{background:var(--danger-soft);color:var(--danger)}._commentReplies_jx4u2_593{list-style:none;margin:4px 0 0;padding:0 0 0 46px;position:relative;display:flex;flex-direction:column;gap:2px}._commentReplies_jx4u2_593:before{content:"";position:absolute;left:22px;top:-4px;bottom:8px;width:2px;background:var(--border);border-radius:1px}._commentReplies_jx4u2_593 ._commentReplies_jx4u2_593{padding-left:40px}._commentReplies_jx4u2_593 ._commentReplies_jx4u2_593:before{left:20px}._replyComposer_jx4u2_626{display:flex;align-items:center;gap:8px;margin:6px 0 0 46px;padding:6px 0;animation:_replySlideIn_jx4u2_1 .15s ease-out}@keyframes _replySlideIn_jx4u2_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._replyInput_jx4u2_645{flex:1;padding:8px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}._replyInput_jx4u2_645:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61f;background:var(--surface)}._replySendBtn_jx4u2_662,._replyCancelBtn_jx4u2_663{padding:6px 14px;border-radius:16px;border:none;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .15s}._replySendBtn_jx4u2_662{background:var(--primary);color:#fff}._replySendBtn_jx4u2_662:hover:not(:disabled){background:var(--primary-strong)}._replySendBtn_jx4u2_662:disabled{opacity:.4;cursor:not-allowed}._replyCancelBtn_jx4u2_663{background:transparent;color:var(--text-muted);padding:6px 10px}._replyCancelBtn_jx4u2_663:hover:not(:disabled){color:var(--text)}._replyCancelBtn_jx4u2_663:disabled{opacity:.4;cursor:not-allowed}._commentComposer_jx4u2_700{display:flex;align-items:center;gap:8px;padding:10px 0 0;margin-top:4px;border-top:1px solid var(--border)}._commentInput_jx4u2_709{flex:1;padding:9px 16px;border-radius:20px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}._commentInput_jx4u2_709:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61f;background:var(--surface)}._commentInput_jx4u2_709::placeholder{color:var(--text-muted);opacity:.8}._commentSendBtn_jx4u2_730{padding:8px 16px;border-radius:20px;border:none;background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .15s}._commentSendBtn_jx4u2_730:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf640}._commentSendBtn_jx4u2_730:disabled{opacity:.4;cursor:not-allowed}._actionActive_jx4u2_287{color:#ef4444}._actionActiveComments_jx4u2_403{color:var(--primary-strong)}._actionActiveShare_jx4u2_406{color:var(--success-strong, #047857)}