.map-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.map-picker-container{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.map-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fff}.map-picker-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:#1f2937}.map-wrapper{position:relative;width:100%;flex-shrink:0}.map-container{width:100%;height:400px}.my-location-btn{position:absolute;bottom:20px;right:20px;width:44px;height:44px;background:#fff;border:2px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s;z-index:1000;font-size:24px;color:#667eea}.my-location-btn:hover{background:#667eea;color:#fff;transform:scale(1.05)}.my-location-btn:active{transform:scale(.95)}.my-location-btn:disabled{opacity:.6;cursor:not-allowed}.my-location-btn:disabled:hover{background:#fff;color:#667eea;transform:scale(1)}.spinning{animation:spin 1s linear infinite}.location-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .2s ease-out}.location-loading{text-align:center;padding:20px}.location-loading p{margin-top:12px;color:#6b7280;font-size:14px;font-weight:500}.spinner-small{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.map-picker-info{padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.map-picker-info p{margin:0 0 8px;font-size:14px;color:#6b7280}.map-picker-info p:last-child{margin-bottom:0}.coordinates{font-family:monospace;font-weight:600;color:#1f2937!important;font-size:13px!important}.location-error{color:#dc2626!important;font-weight:500!important;padding:8px 12px;background:#fee2e2;border-radius:6px;margin:8px 0!important}.map-picker-actions{display:flex;gap:12px;padding:16px 20px;background:#fff}.cancel-btn,.confirm-btn{flex:1;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.cancel-btn{background:#f3f4f6;color:#6b7280}.cancel-btn:hover{background:#e5e7eb}.confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.confirm-btn:active{transform:translateY(0)}@media (max-width: 480px){.map-picker-overlay{padding:0;align-items:flex-end}.map-picker-container{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}.map-container{height:350px}.my-location-btn{bottom:15px;right:15px;width:40px;height:40px;font-size:20px}}.my-location-btn:focus,.cancel-btn:focus,.confirm-btn:focus,.close-btn:focus{outline:2px solid #667eea;outline-offset:2px}.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}}.profile-loading{height:100vh;display:flex;justify-content:center;align-items:center;background:#f5f5f5}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #06c755;border-radius:50%;animation:spin 1s linear infinite}.profile-page{min-height:100vh;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:18px;font-weight:600}.profile-header svg{cursor:pointer;font-size:20px}.profile-card{display:flex;align-items:center;margin:20px 0;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;position:relative}.profile-card img{width:72px;height:72px;border-radius:50%;object-fit:cover}.profile-info{margin-left:16px;flex:1}.profile-info .name{font-weight:600;font-size:18px;margin-bottom:8px}.upgrade-btn{background:#06c755;border:none;padding:8px 16px;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-size:14px}.badge{position:absolute;left:60px;bottom:16px;font-size:24px;background:#fff;border-radius:50%}.profile-field{margin-bottom:16px}.profile-field label{display:block;font-size:14px;color:#555;margin-bottom:6px;font-weight:500}.profile-field input,.profile-field select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;background:#fff;box-sizing:border-box}.profile-field input:focus,.profile-field select:focus{outline:none;border-color:#06c755}.select-wrapper{position:relative}.select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:35px}.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#999}.profile-map{margin-bottom:16px}.map-container{height:180px;border:2px solid #ddd;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;position:relative;transition:all .3s}.map-container:hover{border-color:#fff;box-shadow:0 2px 8px #ff980033}.static-map{width:100%;height:100%;z-index:1}.map-loading,.map-placeholder-text{height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;background:#f9f9f9}.map-info{margin-top:8px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.map-coordinates{font-size:12px;color:#666;margin-bottom:4px}.map-place-name{font-size:13px;color:#333;font-weight:500}.save-btn{width:100%;padding:14px;background:#06c755;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;margin-top:20px;transition:background .3s}.save-btn:hover{background:#06c755}.save-btn:disabled{background:#ccc;cursor:not-allowed}.wallet-header{background:linear-gradient(135deg,#06c755,#2d313a);color:#fff;padding-top:16px;position:relative;overflow:hidden}.crypto-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.crypto-coin{position:absolute;font-size:24px;font-weight:700;color:#fff0;text-shadow:0 0 10px rgba(255,215,0,.6);animation:cryptoFloat 10s infinite ease-in-out}.coin-1{top:10%;left:5%;animation-duration:8s;animation-delay:0s}.coin-2{top:60%;left:80%;animation-duration:10s;animation-delay:-2s;color:#c0c0c080;text-shadow:0 0 10px rgba(192,192,192,.7)}.coin-3{top:80%;left:15%;animation-duration:20s;animation-delay:-4s;font-size:20px}.coin-4{top:50%;left:90%;animation-duration:20s;animation-delay:-3s;font-size:18px;color:#c0c0c066;text-shadow:0 0 8px rgba(192,192,192,.6)}.crypto-hexagon{position:absolute;width:50px;height:50px;background:#c0c0c033;clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%);border:1px solid rgba(192,192,192,.3);animation:hexagonRotate 15s infinite linear}.hex-1{top:15%;left:70%;width:40px;height:40px;animation-duration:12s}.hex-2{top:70%;left:60%;width:35px;height:35px;animation-duration:14s;animation-delay:-3s}.hex-3{top:40%;left:10%;width:45px;height:45px;animation-duration:16s;animation-delay:-6s}.hex-4{top:55%;left:85%;width:30px;height:30px;animation-duration:13s;animation-delay:-2s}.crypto-sparkle{position:absolute;width:3px;height:3px;background:#fffc;border-radius:50%;box-shadow:0 0 6px #fffc;animation:sparkle 3s infinite ease-in-out}.spark-1{top:25%;left:30%;animation-duration:2.5s;animation-delay:0s}.spark-2{top:45%;left:75%;animation-duration:3s;animation-delay:-.5s}.spark-3{top:65%;left:25%;animation-duration:2.8s;animation-delay:-1s}.spark-4{top:35%;left:60%;animation-duration:3.2s;animation-delay:-1.5s}.spark-5{top:75%;left:45%;animation-duration:2.7s;animation-delay:-2s}.spark-6{top:20%;left:85%;animation-duration:3.5s;animation-delay:-2.5s}@keyframes cryptoFloat{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.3}25%{transform:translate(15px,-20px) rotate(90deg) scale(1.1);opacity:.6}50%{transform:translate(-15px,-40px) rotate(180deg) scale(.9);opacity:.8}75%{transform:translate(20px,-20px) rotate(270deg) scale(1.05);opacity:.5}}@keyframes hexagonRotate{0%{transform:rotate(0) scale(1);opacity:.2}50%{transform:rotate(180deg) scale(1.1);opacity:.4}to{transform:rotate(360deg) scale(1);opacity:.2}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.wallet-header-top{display:flex;justify-content:space-between;align-items:center}.back-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:0;margin-left:16px;display:flex;align-items:center}.notification{background:none;margin-right:16px;color:#fff}.wallet-user{display:flex;align-items:center;gap:10px}.wallet-user img{width:40px;height:40px;border-radius:50%}.wallet-balance{text-align:center;margin-top:10px}.main-balance{font-size:25px;font-weight:700;margin-bottom:8px}.sub-balance{font-size:18px}.commission{margin-top:10px;color:gold;display:flex;justify-content:center;gap:6px}.wallet-header-line{height:3px;background:gold;margin-top:15px}.deposit-container{min-height:100vh;background-color:#fff}.deposit-content{padding:20px}.deposit-title{font-size:24px;font-weight:700;color:#1e3a8a;text-align:center;margin-bottom:20px}.bank-container{display:flex;justify-content:space-around;margin-bottom:20px;gap:10px}.bank-item{padding:10px;border:2px solid #D3D3D3;border-radius:10px;cursor:pointer;transition:all .3s}.bank-item.selected{border-color:#06c755;background-color:#e6f0f9}.bank-logo{width:60px;height:60px;border-radius:30px;object-fit:cover}.bank-details{background-color:#f5f5f5;padding:20px;border-radius:10px;margin-bottom:20px}.bank-detail-text{font-size:16px;color:#000;margin-bottom:10px}.qr-container{display:flex;flex-direction:column;align-items:center;margin-top:15px}.qr-code{width:180px;height:180px;margin-bottom:10px;cursor:pointer;border:1px solid #D3D3D3;border-radius:8px}.qr-text{font-size:16px;font-weight:700;color:#000;margin:5px 0}.qr-subtext{font-size:14px;color:gray}.next-button{width:100%;background-color:#06c755;color:#fff;font-size:18px;font-weight:700;padding:15px;border:none;border-radius:8px;cursor:pointer;transition:opacity .3s}.next-button:hover{opacity:.9}.next-button:disabled{background-color:#d3d3d3;cursor:not-allowed}.modal-container{background-color:#fff;width:90%;max-width:400px;padding:20px;border-radius:10px}.modal-title{font-size:20px;font-weight:700;color:#1e3a8a;text-align:center;margin-bottom:20px}.input-group{margin-bottom:15px}.input-label{display:block;font-size:16px;color:#000;margin-bottom:5px}.amount-input-container{display:flex;align-items:center;border:1px solid #D3D3D3;border-radius:8px;background-color:#f5f5f5;padding:10px}.amount-input{flex:1;border:none;background:transparent;font-size:16px;outline:none}.currency-symbol{font-size:16px;color:#000;margin-left:10px}.date-input,.time-input{width:100%;padding:10px;border:1px solid #D3D3D3;border-radius:8px;background-color:#f5f5f5;font-size:16px}.deposit-button{width:100%;background-color:#06c755;color:#fff;font-size:18px;font-weight:700;padding:15px;border:none;border-radius:8px;cursor:pointer;margin-top:20px}.deposit-button:disabled{background-color:#d3d3d3}.cancel-button{width:100%;background-color:transparent;color:red;font-size:16px;padding:10px;border:none;cursor:pointer;margin-top:10px}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1100}.qr-modal-container{background-color:#fff;padding:20px;border-radius:10px}.qr-modal-image{width:300px;height:300px}.withdrawal-container{min-height:100vh;background-color:#fff}.withdrawal-content{padding:20px}.withdrawal-title{font-size:24px;font-weight:700;color:#1e3a8a;text-align:center;margin-bottom:10px}.service-fee-text{font-size:18px;color:#000;text-align:center;margin-bottom:30px}.input-group{margin-bottom:30px}.input-label{display:block;font-size:18px;color:#000;margin-bottom:10px;font-weight:500}.amount-input-container{display:flex;align-items:center;border:1px solid #D3D3D3;border-radius:8px;background-color:#f5f5f5;padding:10px 15px;height:60px}.amount-input{flex:1;border:none;background:transparent;font-size:18px;font-weight:700;outline:none;color:#000}.amount-input:disabled{opacity:.6}.currency-symbol{font-size:18px;color:#000;margin-left:10px;font-weight:700}.total-amount-text{font-size:14px;color:gray;margin-top:8px;text-align:right}.pin-section{margin-bottom:30px}.pin-container{display:flex;justify-content:center;gap:10px;margin-top:10px}.pin-input{width:50px;height:50px;border:1px solid #D3D3D3;border-radius:8px;text-align:center;font-size:24px;font-weight:700;background-color:#f5f5f5;outline:none}.pin-input:focus{border-color:#06c755;background-color:#fff}.pin-input:disabled{opacity:.6}.withdrawal-button{width:100%;background-color:#06c755;color:#fff;font-size:18px;font-weight:700;padding:15px;border:none;border-radius:8px;cursor:pointer;transition:opacity .3s}.withdrawal-button:hover:not(:disabled){opacity:.9}.withdrawal-button:disabled{background-color:#d3d3d3;cursor:not-allowed}.transfer-container{min-height:100vh;background-color:#fff}.transfer-content{padding:20px}.transfer-title{font-size:24px;font-weight:700;color:#000;margin-bottom:20px}.transfer-input-container{display:flex;align-items:center;border:1px solid #D3D3D3;border-radius:8px;background-color:#f5f5f5;margin-bottom:15px;padding:12px}.transfer-icon{font-size:20px;color:#000;margin-right:10px}.transfer-input{flex:1;border:none;background:transparent;font-size:16px;color:#000;outline:none}.receiver-name{flex:1;font-size:16px;color:#000}.transfer-amount-container{display:flex;align-items:center;margin-bottom:15px}.transfer-label{font-size:16px;color:#000;margin-right:10px;min-width:70px}.transfer-amount-input{flex:1;border:1px solid #D3D3D3;border-radius:8px;background-color:#f5f5f5;padding:12px;font-size:16px;text-align:center;outline:none;width:60px}.transfer-currency{font-size:16px;color:#000;margin-left:10px}.transfer-pin-container{margin-bottom:15px}.reset-pin-button{background:transparent;border:none;color:gray;font-size:14px;margin-left:10px;margin-top:5px;cursor:pointer;text-decoration:underline}.transfer-confirm-button{width:100%;background-color:#06c755;color:#fff;font-size:18px;font-weight:700;padding:15px;border:none;border-radius:8px;cursor:pointer;margin-top:20px}.transfer-confirm-button:disabled{background-color:#d3d3d3;cursor:not-allowed}.modal-container{background-color:#fff;width:80%;max-width:400px;padding:20px;border-radius:10px;border:1px solid #000000}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:18px;font-weight:700;color:#000}.modal-close{background:transparent;border:none;font-size:24px;font-weight:700;color:#000;cursor:pointer}.pin-input-container{display:flex;justify-content:space-between;gap:8px;margin-bottom:20px}.pin-input{width:40px;height:40px;border:1px solid #D3D3D3;border-radius:5px;text-align:center;font-size:18px;color:#000;background-color:#fff}.pin-ok-button{width:100%;background-color:#06c755;color:#000;font-size:16px;font-weight:700;padding:12px;border:none;border-radius:8px;cursor:pointer}.pin-label{font-size:14px;color:#666;margin-bottom:8px;margin-left:5px}.pin-reset-button{width:100%;background-color:#06c755;color:#000;font-size:16px;font-weight:700;padding:12px;border:none;border-radius:8px;cursor:pointer;margin-top:10px}.wallet-container{background:#fff;min-height:100vh;position:relative;overflow-y:auto}.wallet-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:10px}.action{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:15px;border-radius:12px;color:#353535}.action:active{background-color:#f0f0f0}.action span{font-size:14px;font-weight:500;color:#333}.action-full{grid-column:1 / -1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-container{background-color:#fff;width:90%;max-width:400px;border-radius:10px;padding:20px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-title{font-size:20px;font-weight:700;color:#000;margin:0}.modal-close{background:none;border:none;font-size:28px;color:#000;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-divider{border-bottom:1px solid #000000;margin-bottom:20px}.qr-display-container{display:flex;flex-direction:column;align-items:center;gap:15px}.qr-code-image{width:200px;height:200px;object-fit:contain;border:1px solid #d3d3d3;border-radius:8px}.qr-upload-container{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px 0}.select-qr-button{background-color:#d3d3d3;color:#000;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.select-qr-button:hover{background-color:silver}.select-qr-button-large{background-color:#d3d3d3;color:#000;border:none;padding:15px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:100%}.select-qr-button-large:hover{background-color:silver}.qr-code-preview{width:200px;height:200px;object-fit:contain;border:1px solid #d3d3d3;border-radius:8px}.bank-selection-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.bank-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #d3d3d3;border-radius:8px;cursor:pointer;transition:all .2s}.bank-option:hover{background-color:#f5f5f5}.bank-option.selected{border-color:#000;background-color:#f0f0f0}.bank-radio{width:20px;height:20px;border:2px solid #808080;border-radius:50%;display:flex;align-items:center;justify-content:center}.bank-option.selected .bank-radio{border-color:#000}.bank-radio-selected{width:12px;height:12px;background-color:#000;border-radius:50%}.bank-name{font-size:16px;color:#000}.bank-input-group{margin-bottom:15px}.bank-input{width:100%;padding:12px 15px;border:1px solid #d3d3d3;border-radius:8px;font-size:16px;color:#000;background-color:#fff;box-sizing:border-box}.bank-input:focus{outline:none;border-color:#000}.bank-input::placeholder{color:gray}.modal-confirm-button{width:100%;background-color:#06c755;color:#fff;border:none;padding:15px;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;margin-top:10px}.modal-confirm-button:hover{opacity:.9}.modal-confirm-button:disabled{background-color:#d3d3d3;cursor:not-allowed}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:3000}.fullscreen-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:9999;display:flex;justify-content:center;align-items:center}.fullscreen-modal-container{position:relative;width:100%;height:100%;background-color:#fff;overflow-y:auto}.fullscreen-modal-close{position:absolute;top:20px;right:20px;background:#0009;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;color:#fff;transition:background-color .3s}.fullscreen-modal-close:hover{background:#000c}.fullscreen-modal-close:active{transform:scale(.95)}.transaction-details-container{min-height:100vh;background-color:#fff;display:flex;flex-direction:column}.transaction-filter-container{display:flex;justify-content:space-around;padding:15px 10px;background-color:#f5f5f5;border-bottom:1px solid #D3D3D3}.filter-button{flex:1;padding:8px 12px;margin:0 5px;background-color:#fff;border:1px solid #D3D3D3;border-radius:20px;font-size:14px;color:gray;cursor:pointer;transition:all .3s}.filter-button.active{background-color:#06c755;color:#fff;border-color:#06c755}.transaction-list-container{flex:1;overflow-y:auto;padding:10px}.transaction-item{background-color:#f5f5f5;border-radius:8px;padding:10px;margin-bottom:10px;cursor:pointer;transition:background-color .3s}.transaction-item:hover{background-color:#e6f0f9}.transaction-date{font-size:12px;color:gray;margin-bottom:8px}.transaction-content{display:flex;align-items:center;gap:10px}.transaction-icon{width:40px;height:40px;border-radius:20px;object-fit:cover}.transaction-details{flex:1}.transaction-title{font-size:16px;font-weight:700;color:#000;margin:0 0 4px}.transaction-subtitle{font-size:14px;color:#666;margin:0}.transaction-amount-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.transaction-amount{font-size:16px;font-weight:700;margin:0}.transaction-status{font-size:16px}.empty-state{display:flex;justify-content:center;align-items:center;height:200px;color:gray;font-size:16px}.loading-more{display:flex;justify-content:center;padding:20px}.spinner-small{width:24px;height:24px;border:3px solid rgba(254,192,9,.3);border-top:3px solid #06c755;border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background-color:#fff;width:80%;max-width:400px;padding:20px;border-radius:10px;border:2px solid #06c755}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #D3D3D3}.modal-title{font-size:18px;font-weight:700;color:#000;margin:0}.modal-close{background:transparent;border:none;font-size:28px;color:#000;cursor:pointer;padding:0;line-height:1}.modal-transaction-date{text-align:center;font-size:14px;color:gray;margin-bottom:15px}.modal-transaction-content{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.modal-transaction-icon{width:40px;height:40px;border-radius:20px;object-fit:cover}.modal-transaction-details{flex:1}.modal-transaction-title{font-size:16px;font-weight:700;color:#000;margin:0 0 4px}.modal-transaction-subtitle{font-size:14px;color:#666;margin:0 0 4px}.modal-transaction-note{font-size:12px;color:gray;margin:0}.modal-transaction-amount{font-size:18px;font-weight:700;margin:0}.download-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:#e0e0e0;border:none;border-radius:8px;color:#007aff;font-size:16px;cursor:pointer;transition:background-color .3s}.download-button:hover{background-color:#d3d3d3}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.alert-container{background-color:#fff;width:80%;max-width:350px;padding:30px 20px;border-radius:10px;text-align:center}.alert-icon{font-size:40px;margin-bottom:15px}.alert-message{font-size:16px;color:#000;margin-bottom:20px;line-height:1.5}.alert-button{background-color:transparent;color:#00f;font-size:18px;font-weight:700;border:none;cursor:pointer;padding:10px 30px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;border-radius:50%;animation:spin .8s linear infinite}.list-page{min-height:100vh;background:#f5f5f5;padding:16px}.list-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.list-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0}.list-header-left{flex:1}.list-title-row{display:flex;align-items:center;gap:8px}.list-title{font-size:20px;font-weight:600;color:#333}.list-badge{background:#f44;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.list-header-right{display:flex;align-items:center;gap:8px}.list-btn{padding:8px 16px;background:#06c755;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.list-btn:disabled{background:#ccc;cursor:not-allowed}.list-close{width:36px;height:36px;background:#f5f5f5;border:none;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.list-search{padding:16px;border-bottom:1px solid #e0e0e0}.list-search-wrap{position:relative}.list-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px;color:#9aa0a6;pointer-events:none}.list-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box;outline:none}.list-input-with-icon{padding-left:40px}.list-tabs,.list-tabs-2{display:flex;padding:8px 16px;gap:8px;border-bottom:1px solid #e0e0e0;overflow-x:auto}.list-error{padding:12px 16px;background:#fff3cd;color:#856404;font-size:14px;border-bottom:1px solid #e0e0e0}.list-loading{padding:40px 16px;text-align:center;color:#666;font-size:16px}.list-body{padding:8px}.order-row{display:flex;align-items:center;padding:16px;margin-bottom:8px;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;text-align:left;width:100%;transition:all .2s}.order-row:hover{background:#f0f0f0;border-color:#06c755}.order-thumb-wrap{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#f0f0f0;margin-right:12px;flex:0 0 56px;display:flex;align-items:center;justify-content:center}.order-thumb{width:100%;height:100%;object-fit:cover;display:block}.order-thumb-placeholder{width:100%;height:100%;background:#e9ecef}.order-left{flex:1;min-width:0}.order-name{font-size:16px;font-weight:600;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-sub,.order-sub2{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;margin-top:4px;flex-wrap:wrap}.pill{display:inline-block;padding:2px 8px;background:#e3f2fd;color:#1976d2;border-radius:4px;font-weight:500;font-size:12px}.order-right{margin-left:8px}.order-arrow{font-size:24px;color:#999}.spinner{border:3px solid #f3f3f3;border-top:3px solid #06c755;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.list-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 16px;border-top:1px solid #eee;background:#fff}.list-pager-text{font-size:12px;color:#666;font-weight:600}.list-pager-right{display:flex;gap:10px}.list-pager-btn{padding:10px 14px;border-radius:12px;border:1px solid #e6e6e6;background:#fff;cursor:pointer;font-size:13px;font-weight:700;color:#333;transition:all .15s}.list-pager-btn:hover{border-color:#06c755;box-shadow:0 0 0 3px #06c7551f}.list-pager-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.list-pager-btn.primary{border:none;background:#06c755;color:#fff}.list-pager-btn.primary:hover{box-shadow:0 0 0 3px #06c7552e}.history-page{min-height:100vh;background:#f5f5f5;padding:16px}.history-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.history-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0}.history-header-left{flex:1}.history-title-row{display:flex;align-items:center;gap:8px}.history-title{font-size:20px;font-weight:600;color:#333}.history-badge{background:#f44;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.history-header-right{display:flex;align-items:center;gap:8px}.history-btn{padding:8px 16px;background:#06c755;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.history-btn:disabled{background:#ccc;cursor:not-allowed}.history-close{width:36px;height:36px;background:#f5f5f5;border:none;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.history-search{padding:16px;border-bottom:1px solid #e0e0e0}.history-search-row{display:flex;align-items:center;gap:10px}.history-search-wrap{position:relative;flex:1}.history-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px;color:#9aa0a6;pointer-events:none}.history-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;font-size:14px;box-sizing:border-box;outline:none}.history-input:focus{border-color:#06c755;box-shadow:0 0 0 3px #06c75526}.history-input-with-icon{padding-left:40px}.history-cal-btn{width:44px;height:44px;border-radius:12px;border:1px solid #e6e6e6;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}.history-cal-btn:hover{border-color:#06c755}.history-filter-hint{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:#666}.history-filter-label{color:#777}.history-filter-value{color:#333;font-weight:600}.history-tabs{display:flex;padding:8px 16px;gap:8px;border-bottom:1px solid #e0e0e0;overflow-x:auto}.tab{padding:8px 16px;background:#f5f5f5;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.tab.active{background:#06c755;color:#fff}.history-summary{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid #e0e0e0;overflow-x:auto}.summary-pill{padding:6px 12px;background:#f3f3f3;border-radius:999px;font-size:12px;color:#444;white-space:nowrap}.history-error{padding:12px 16px;background:#fff3cd;color:#856404;font-size:14px;border-bottom:1px solid #e0e0e0}.history-loading{padding:40px 16px;text-align:center;color:#666;font-size:16px}.history-body{padding:8px}.history-row{display:flex;align-items:center;padding:16px;margin-bottom:8px;background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;text-align:left;width:100%;transition:all .2s}.history-row:hover{background:#f0f0f0;border-color:#06c755}.history-thumb-wrap{width:56px;height:56px;border-radius:12px;overflow:hidden;background:#f0f0f0;margin-right:12px;flex:0 0 56px;display:flex;align-items:center;justify-content:center}.history-thumb{width:100%;height:100%;object-fit:cover;display:block}.history-thumb-placeholder{width:100%;height:100%;background:#e9ecef}.history-left{flex:1;min-width:0}.history-name{font-size:16px;font-weight:600;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-sub,.history-sub2{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;margin-top:4px;flex-wrap:wrap}.pill{display:inline-block;padding:2px 8px;background:#e3f2fd;color:#1976d2;border-radius:6px;font-weight:600;font-size:12px}.dot{color:#ccc}.meta{font-size:12px;color:#999}.history-right{margin-left:8px}.history-arrow{font-size:24px;color:#999}.empty{padding:60px 20px;text-align:center}.history-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 16px;border-top:1px solid #eee;background:#fff}.history-pager-text{font-size:12px;color:#666;font-weight:600}.history-pager-right{display:flex;gap:10px}.history-pager-btn{padding:10px 14px;border-radius:12px;border:1px solid #e6e6e6;background:#fff;cursor:pointer;font-size:13px;font-weight:700;color:#333;transition:all .15s}.history-pager-btn:hover{border-color:#06c755;box-shadow:0 0 0 3px #06c7551f}.history-pager-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.history-pager-btn.primary{border:none;background:#06c755;color:#fff}.history-pager-btn.primary:hover{box-shadow:0 0 0 3px #06c7552e}.history-cal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;padding:12px;z-index:9999}.history-cal-modal{width:100%;max-width:520px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;overflow:hidden}.history-cal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.history-cal-title{font-size:16px;font-weight:700;color:#222}.history-cal-close{width:34px;height:34px;border-radius:10px;border:1px solid #eee;background:#fafafa;cursor:pointer;font-size:16px}.history-cal-presets{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}.history-cal-chip{padding:10px 12px;border-radius:999px;border:1px solid #e6e6e6;background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:#333}.history-cal-chip.active{border-color:#06c755;background:#06c7551f;color:#0a7a3a}.history-cal-range{display:flex;gap:12px;padding:0 16px 16px}.history-cal-range.disabled{opacity:.5}.history-cal-field{flex:1}.history-cal-label{font-size:12px;color:#666;margin-bottom:6px}.history-cal-input{width:100%;border:1px solid #ddd;border-radius:12px;padding:10px 12px;font-size:14px;outline:none;box-sizing:border-box}.history-cal-input:focus{border-color:#06c755;box-shadow:0 0 0 3px #06c75526}.history-cal-actions{display:flex;gap:10px;padding:14px 16px;border-top:1px solid #eee;justify-content:flex-end}.history-cal-btn-secondary{padding:10px 14px;border-radius:12px;border:1px solid #e6e6e6;background:#fff;cursor:pointer;font-size:14px;font-weight:700}.history-cal-btn-primary{padding:10px 14px;border-radius:12px;border:none;background:#06c755;color:#fff;cursor:pointer;font-size:14px;font-weight:700}.wishlist-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.wishlist-modal{background:#fff;width:100%;max-width:600px;max-height:90vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.wishlist-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.wishlist-header-left{display:flex;align-items:center;gap:12px}.wishlist-title{font-size:18px;font-weight:700;color:#333}.wishlist-subtitle{font-size:13px;color:#999;margin-top:2px}.wishlist-close-btn{width:40px;height:40px;border:none;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s}.wishlist-close-btn:hover{background:#e0e0e0}.wishlist-content{flex:1;overflow-y:auto;padding:16px}.wishlist-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.wishlist-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.retry-btn{padding:10px 24px;background:#06c755;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#05b34c}.wishlist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.browse-btn{padding:12px 32px;background:#06c755;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.browse-btn:hover{background:#05b34c}.wishlist-products{display:flex;flex-direction:column;gap:16px}.wishlist-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:12px;display:flex;gap:12px;transition:all .2s}.wishlist-item:hover{box-shadow:0 4px 12px #0000001a;border-color:#06c755}.wishlist-item-image-wrapper{position:relative;flex-shrink:0}.wishlist-item-image{width:100px;height:100px;object-fit:cover;border-radius:8px}.wishlist-discount-badge{position:absolute;top:4px;left:4px;background:#f44;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.wishlist-item-info{flex:1;display:flex;flex-direction:column;min-width:0}.wishlist-item-platform{font-size:11px;color:#06c755;font-weight:600;text-transform:uppercase;margin-bottom:4px}.wishlist-item-name{font-size:14px;font-weight:600;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.wishlist-item-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:#333;margin-bottom:6px}.wishlist-item-price-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.wishlist-price-old{font-size:12px;color:#999;text-decoration:line-through}.wishlist-price-current{font-size:16px;font-weight:700;color:#f44}.wishlist-item-actions{display:grid;grid-template-columns:1fr auto;gap:6px}.wishlist-action-btn{padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.wishlist-action-btn:disabled{opacity:.5;cursor:not-allowed}.order-btn{color:#fff;grid-column:span 2}.cart-btn{background:#f5f5f5;color:#333}.remove-btn{background:#fff3f3;color:#f44;width:40px;padding:8px}.remove-btn:hover:not(:disabled){background:#ffe0e0}@media (max-width: 480px){.wishlist-item{flex-direction:column}.wishlist-item-image{width:100%;height:160px}.wishlist-item-actions{grid-template-columns:1fr 1fr}.order-btn{grid-column:span 2}.cart-btn{grid-column:span 1}.remove-btn{grid-column:span 1;width:auto}.custom-alert{width:85%}}.compare-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.compare-modal{background:#fff;width:100%;max-width:600px;max-height:90vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.compare-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.compare-header-left{display:flex;align-items:center;gap:12px}.compare-title{font-size:18px;font-weight:700;color:#333}.compare-subtitle{font-size:13px;color:#999;margin-top:2px}.compare-close-btn{width:40px;height:40px;border:none;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s}.compare-close-btn:hover{background:#e0e0e0}.compare-content{flex:1;overflow-y:auto;padding:16px}.compare-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top-color:#06c755;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.compare-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-text{color:#666;margin-bottom:20px}.retry-btn{padding:10px 24px;background:#ff9800;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#f57c00}.compare-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-title{font-size:18px;font-weight:600;color:#333;margin:16px 0 8px}.empty-subtitle{font-size:14px;color:#999;margin-bottom:24px}.browse-btn{padding:12px 32px;background:#ff9800;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.browse-btn:hover{background:#f57c00}.compare-products{display:flex;flex-direction:column;gap:20px}.compare-product-group{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;transition:all .2s}.compare-product-group:hover{box-shadow:0 4px 12px #0000001a;border-color:#ff9800}.compare-product-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.compare-product-info{display:flex;align-items:center;gap:12px;flex:1}.compare-product-image{width:60px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0}.compare-product-details{flex:1;min-width:0}.compare-product-name{font-size:14px;font-weight:600;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.compare-product-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:#333}.rating-count{color:#999;font-size:11px}.compare-remove-btn{width:36px;height:36px;border:none;background:#fff3f3;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f44;transition:all .2s;flex-shrink:0}.compare-remove-btn:hover:not(:disabled){background:#ffe0e0}.compare-remove-btn:disabled{opacity:.5;cursor:not-allowed}.compare-offers-list{display:flex;flex-direction:column;gap:12px}.compare-offer-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px;transition:all .2s}.compare-offer-item:hover{background:#f0f0f0}.compare-offer-rank{width:32px;height:32px;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.compare-offer-rank.platform-seven{background:linear-gradient(135deg,#06c755,#05a045)}.compare-offer-rank.platform-shopee{background:linear-gradient(135deg,#ee4d2d,#d73211)}.compare-offer-rank.platform-lazada{background:linear-gradient(135deg,#ff006f,#e6005f)}.compare-offer-rank.platform-tiktok{background:linear-gradient(135deg,#000,#1a1a1a)}.compare-offer-rank.platform-other{background:linear-gradient(135deg,#757575,#616161)}.compare-offer-details{flex:1;min-width:0}.compare-offer-platform{font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:4px}.compare-offer-platform.platform-seven{color:#06c755}.compare-offer-platform.platform-shopee{color:#ee4d2d}.compare-offer-platform.platform-lazada{color:#ff006f}.compare-offer-platform.platform-tiktok{color:#000}.compare-offer-platform.platform-other{color:#757575}.compare-offer-price-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compare-price-old{font-size:11px;color:#999;text-decoration:line-through}.compare-price-current{font-size:16px;font-weight:700;color:#f44}.compare-discount{font-size:11px;font-weight:600;color:#06c755;background:#e8f5e9;padding:2px 6px;border-radius:4px}.compare-offer-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.compare-offer-btn{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.compare-offer-btn:disabled{opacity:.5;cursor:not-allowed}.order-btn{color:#fff}.order-btn.platform-seven{background:#06c755}.order-btn.platform-seven:hover:not(:disabled){background:#05b34c}.order-btn.platform-shopee{background:#ee4d2d}.order-btn.platform-shopee:hover:not(:disabled){background:#d73211}.order-btn.platform-lazada{background:#ff006f}.order-btn.platform-lazada:hover:not(:disabled){background:#e6005f}.order-btn.platform-tiktok{background:#000}.order-btn.platform-tiktok:hover:not(:disabled){background:#1a1a1a}.order-btn.platform-other{background:#757575}.order-btn.platform-other:hover:not(:disabled){background:#616161}.cart-btn{background:#f5f5f5;color:#333;width:40px;padding:8px}.cart-btn:hover:not(:disabled){background:#e5e5e5}.compare-no-offers{padding:20px;text-align:center;color:#999;font-size:14px}.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:11000;animation:fadeIn .2s ease-out}.custom-alert{background:#fff;border-radius:16px;padding:32px 24px 24px;width:90%;max-width:320px;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 40px #0003;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.custom-alert-icon{width:80px;height:80px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.custom-alert-message{font-size:16px;font-weight:600;color:#333;text-align:center;margin-bottom:24px;line-height:1.5}.custom-alert-btn{width:100%;padding:12px 24px;background:#06c755;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.custom-alert-btn:hover{background:#05b34c;transform:translateY(-1px);box-shadow:0 4px 12px #06c7554d}.custom-alert-btn:active{transform:translateY(0)}@media (max-width: 480px){.compare-offer-item{flex-wrap:wrap}.compare-offer-actions{width:100%;justify-content:stretch}.order-btn{flex:1}.custom-alert{width:85%}}.cart-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.cart-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.cart-header-left{display:flex;align-items:center;gap:12px}.cart-title{font-size:18px;font-weight:700;color:#333}.cart-count-badge{background:#06c755;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.cart-close-btn{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s}.cart-close-btn:hover{background:#e0e0e0}.cart-body{flex:1;overflow-y:auto;padding:16px}.cart-loading,.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#999}.empty-title{font-size:18px;font-weight:600;color:#666;margin-top:16px;margin-bottom:8px}.empty-subtitle{font-size:14px;color:#999}.cart-error{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px;border-radius:8px;margin-bottom:16px;font-weight:500}.platform-group{margin-bottom:24px}.platform-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9f9f9;border-radius:8px;border-left:4px solid #06c755;margin-bottom:12px}.platform-name{font-size:14px;font-weight:700;color:#333;text-transform:capitalize}.platform-count{font-size:12px;color:#999}.cart-item{display:flex;gap:12px;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:8px;transition:all .2s}.cart-item:hover{box-shadow:0 2px 8px #00000014}.cart-item-img{width:80px;height:80px;object-fit:cover;border-radius:6px;flex-shrink:0}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:6px}.cart-item-name{font-size:14px;font-weight:600;color:#333;line-height:1.3;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-item-price{font-size:16px;font-weight:700;color:#f44}.cart-item-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.quantity-control{display:flex;align-items:center;gap:8px}.qty-btn{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;color:#333;transition:all .2s}.qty-btn:hover:not(:disabled){background:#f5f5f5;border-color:#06c755}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-value{font-size:14px;font-weight:600;color:#333;min-width:30px;text-align:center}.remove-btn{width:32px;height:32px;border:none;background:#fff3f3;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f44;transition:all .2s}.remove-btn:hover{background:#f44;color:#fff}.cart-summary{background:#f9f9f9;border-radius:8px;padding:16px;margin-top:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#666}.summary-row.total{border-top:2px solid #e0e0e0;margin-top:8px;padding-top:12px;font-size:18px;font-weight:700;color:#333}.payment-method-section{margin-top:16px}.payment-label{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-btn{padding:12px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:#666}.payment-btn.active{border-color:#06c755;background:#f0fdf4;color:#06c755}.cart-footer{padding:16px 20px;border-top:1px solid #e0e0e0}.checkout-btn{width:100%;padding:14px;background:#06c755;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.checkout-btn:hover:not(:disabled){background:#05b34c;transform:translateY(-1px);box-shadow:0 4px 12px #06c7554d}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.remove-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:fadeIn .2s ease-in-out}.remove-confirm-modal{background:#f1f1f1;border-radius:16px;padding:32px 24px;max-width:380px;width:90%;box-shadow:0 8px 32px #0003;animation:scaleIn .3s ease-out;text-align:center}.remove-confirm-icon{font-size:25px;margin-bottom:16px;animation:bounce .6s ease-in-out}.remove-confirm-title{font-size:22px;font-weight:700;color:#333;margin-bottom:12px;letter-spacing:-.3px}.remove-confirm-message{font-size:18px;color:#666;line-height:1.6;margin-bottom:24px}.remove-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.remove-confirm-cancel-btn,.remove-confirm-ok-btn{padding:10px 15px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.remove-confirm-cancel-btn{background:#d6d6d6;color:#666}.remove-confirm-cancel-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.remove-confirm-ok-btn{background:#ff6b61;color:#fff;box-shadow:0 2px 8px #5b8de74d}.remove-confirm-ok-btn:hover{background:#4a7cd6;transform:translateY(-1px);box-shadow:0 4px 12px #ff004066}.remove-confirm-ok-btn:active,.remove-confirm-cancel-btn:active{transform:translateY(0)}.confirm-modal-backdrop,.success-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.confirm-modal,.success-modal{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:100%;box-shadow:0 8px 32px #0000004d;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.confirm-icon,.success-icon{text-align:center;margin-bottom:16px}.confirm-title,.success-title{font-size:20px;font-weight:700;color:#333;text-align:center;margin-bottom:12px}.confirm-message,.success-message{font-size:14px;color:#666;text-align:center;line-height:1.6;margin-bottom:20px}.confirm-details,.success-details{background:#f9f9f9;border-radius:8px;padding:12px;margin-bottom:20px}.confirm-row,.success-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:#666}.confirm-row span:last-child,.success-row span:last-child{font-weight:700;color:#333}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.confirm-cancel-btn,.confirm-ok-btn,.success-ok-btn{padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.confirm-cancel-btn{background:#f5f5f5;color:#666}.confirm-cancel-btn:hover:not(:disabled){background:#e0e0e0}.confirm-ok-btn,.success-ok-btn{background:#06c755;color:#fff}.confirm-ok-btn:hover:not(:disabled),.success-ok-btn:hover{background:#05b34c;transform:translateY(-1px)}.confirm-ok-btn:disabled{opacity:.5;cursor:not-allowed}.success-ok-btn{width:100%}.market-page{min-height:100vh;background:#f5f5f5;padding:16px;position:relative}.market-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.market-user-info{padding:8px 16px;font-size:11px;color:#666;background:#f9f9f9;border-bottom:1px solid #e0e0e0;font-family:monospace}.market-user-info strong{color:#333}.market-loading{padding:40px 16px;text-align:center;color:#666;font-size:16px}.market-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0}.market-header-left{flex:1}.market-title-row{display:flex;align-items:center;gap:8px}.market-title{font-size:20px;font-weight:600;color:#333}.market-subtitle{font-size:12px;color:#999;margin-top:2px}.market-header-right{display:flex;align-items:center;gap:8px}.market-icon-btn{width:40px;height:40px;background:transparent;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:all .2s;position:relative}.market-icon-btn:hover{background:#f5f5f5}.icon-wrapper{position:relative}.icon-badge{position:absolute;top:2px;right:2px;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid white}.cart-badge{background:#06c755}.wishlist-badge{background:#f44}.compare-badge{background:#ff9800}.flying-ball{position:fixed;width:30px;height:30px;border-radius:50%;box-shadow:0 4px 8px #0000004d;z-index:9999;pointer-events:none;animation:flyToTop .8s cubic-bezier(.25,.46,.45,.94) forwards}.flying-ball.cart{background:linear-gradient(135deg,#06c755,#05a045)}.flying-ball.wishlist{background:linear-gradient(135deg,#f44,#c00)}.flying-ball.compare{background:linear-gradient(135deg,#ff9800,#e65100)}@keyframes flyToTarget{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(calc((var(--endX) - var(--startX, 0px)) / 2),calc((var(--endY) - var(--startY, 0px)) / 2 - 100px)) scale(.8);opacity:.8}to{transform:translate(calc(var(--endX) - var(--startX, 0px)),calc(var(--endY) - var(--startY, 0px))) scale(.3);opacity:0}}@keyframes flyToTop{0%{transform:translateZ(0) scale(1);opacity:1}45%{transform:translate3d(50px,-45vh,0) scale(.9);opacity:.95}to{transform:translate3d(200px,-60vh,0) scale(.35);opacity:0}}.market-search{padding:16px;border-bottom:1px solid #e0e0e0}.market-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box}.market-categories{display:flex;padding:12px 16px;gap:8px;border-bottom:1px solid #e0e0e0;overflow-x:auto}.category-pill{padding:8px 16px;background:#f5f5f5;border:none;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.category-pill.active{background:#06c755;color:#fff}.market-sort{display:grid;grid-template-columns:repeat(2,1fr);padding:12px 16px;gap:8px;border-bottom:1px solid #e0e0e0}.sort-btn{padding:8px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.sort-btn.active{background:#06c755;color:#fff;border-color:#06c755}.hot-deals-section{padding:16px;background:linear-gradient(135deg,#fff5f5,#ffe5e5);border-bottom:1px solid #e0e0e0}.section-title{font-size:16px;font-weight:700;color:#333;margin-bottom:12px}.hot-deals-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.hot-deal-card{min-width:140px;background:#fff;border-radius:8px;padding:8px;box-shadow:0 2px 4px #0000001a;position:relative}.hot-deal-img{width:100%;height:120px;object-fit:cover;border-radius:6px;margin-bottom:8px}.hot-deal-badge{position:absolute;top:12px;right:12px;background:#f44;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.hot-deal-name{font-size:13px;font-weight:600;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hot-deal-price{display:flex;align-items:center;gap:6px}.price-old{font-size:11px;color:#999;text-decoration:line-through}.price-new{font-size:14px;font-weight:700;color:#f44}.market-error{margin:16px;background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px;border-radius:8px;font-weight:500;font-size:14px}.market-products{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s}.product-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#06c755}.product-image-wrapper{position:relative}.product-img{width:100%;height:160px;object-fit:cover}.discount-badge{position:absolute;top:8px;left:8px;background:#f44;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.wishlist-btn{position:absolute;top:8px;right:8px;background:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;color:#666;transition:all .2s}.wishlist-btn.active{color:#f44}.product-info{padding:12px}.product-platform{font-size:10px;color:#06c755;font-weight:600;text-transform:uppercase;margin-bottom:4px}.product-name{font-size:13px;font-weight:600;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;min-height:33px}.product-rating{display:flex;align-items:center;gap:4px;margin-bottom:6px}.rating-value{font-size:12px;font-weight:600;color:#333}.rating-count{font-size:11px;color:#999}.product-delivery{display:flex;align-items:center;gap:4px;font-size:11px;color:#666;margin-bottom:8px}.product-price-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.price-current{font-size:16px;font-weight:700;color:#f44}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.action-btn{padding:8px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.action-btn.primary{background:#06c755;color:#fff;grid-column:span 2}.action-btn.primary:hover{background:#05b34c}.action-btn.secondary{background:#f5f5f5;color:#333}.action-btn.secondary:hover{background:#e5e5e5}.action-btn.secondary.active-cart{color:#06c755}.action-btn.secondary.active-compare{color:#ff9800}.empty{padding:60px 20px;text-align:center;grid-column:span 2}.empty-title{font-size:18px;font-weight:600;color:#666;margin-bottom:8px}.empty-sub{font-size:14px;color:#999}.pagination-section{padding:16px;border-top:1px solid #e0e0e0;background:#fafafa}.pagination-info{text-align:center;font-size:13px;color:#666;margin-bottom:12px}.pagination-limit{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;font-size:13px;color:#666}.pagination-limit select{padding:6px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:13px;cursor:pointer}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.pagination-btn{min-width:36px;height:36px;padding:0 8px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#06c755}.pagination-btn.active{background:#06c755;color:#fff;border-color:#06c755}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-dots{padding:0 4px;color:#999}.action-btn.primary.platform-btn{grid-column:span 2;color:#fff}.action-btn.primary.platform-seven{background:#06c755}.action-btn.primary.platform-seven:hover{background:#05b34c}.action-btn.primary.platform-shopee{background:#ee4d2d}.action-btn.primary.platform-shopee:hover{background:#d83f23}.action-btn.primary.platform-lazada{background:#ff2e8a}.action-btn.primary.platform-lazada:hover{background:#e21f76}.action-btn.primary.platform-tiktok{background:#000}.action-btn.primary.platform-tiktok:hover{background:#222}.action-btn.primary.platform-other{background:#9e9e9e}.action-btn.primary.platform-other:hover{background:#7f7f7f}.product-actions .action-btn.primary.platform-seven{background:#06c755!important;color:#fff!important}.product-actions .action-btn.primary.platform-seven:hover{background:#05b34c!important}.product-actions .action-btn.primary.platform-shopee{background:#ee4d2d!important;color:#fff!important}.product-actions .action-btn.primary.platform-shopee:hover{background:#d73211!important}.product-actions .action-btn.primary.platform-lazada{background:#ff006f!important;color:#fff!important}.product-actions .action-btn.primary.platform-lazada:hover{background:#e6005f!important}.product-actions .action-btn.primary.platform-tiktok{background:#000!important;color:#fff!important}.product-actions .action-btn.primary.platform-tiktok:hover{background:#1a1a1a!important}.product-actions .action-btn.primary.platform-other{background:#757575!important;color:#fff!important}.product-actions .action-btn.primary.platform-other:hover{background:#616161!important}.odp-wrap{padding:14px 16px 16px;border-top:1px solid #e8e8e8;background:#fff}.odp-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.odp-title{font-size:14px;font-weight:700;color:#111;margin-bottom:0;letter-spacing:.2px}.odp-refresh{border:none;background:transparent;color:#16a34a;font-size:13px;font-weight:800;cursor:pointer;padding:6px 8px;border-radius:8px;transition:all .15s}.odp-refresh:hover{background:#f0fdf4}.odp-refresh:disabled{opacity:.6;cursor:not-allowed}.odp-list{display:flex;flex-direction:column;gap:10px}.odp-row{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.odp-row.clickable{cursor:pointer}.odp-left{width:34px;display:flex;align-items:center;justify-content:center}.odp-left-icon{display:inline-flex;align-items:center;justify-content:center}.odp-check{font-size:20px}.odp-check.done{color:#16a34a}.odp-check.todo{color:#cfcfcf}.odp-truck{font-size:22px;color:#cfcfcf}.odp-truck.active{color:#f59e0b}.odp-mid{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.odp-text{font-size:14px;font-weight:700;color:#111;letter-spacing:.3px}.odp-row.todo .odp-text{font-weight:700;color:#9e9e9e}.odp-row.done .odp-text{font-weight:700;color:#111}.odp-row.active .odp-text{font-weight:800;color:#111}.odp-robot-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.odp-robot{font-size:22px;color:#111}.odp-robot-wrap.big{width:30px;height:30px}.odp-robot.big{font-size:30px}.odp-robot-eye{position:absolute;left:6px;top:8px;width:10px;height:4px;border-radius:4px;background:#06c755;opacity:.9;transform-origin:center;animation:odpBlink 1.6s infinite}.odp-robot-eye.big{left:8px;top:11px;width:14px;height:5px}@keyframes odpBlink{0%{transform:scaleY(1);opacity:.9}45%{transform:scaleY(1);opacity:.9}50%{transform:scaleY(.15);opacity:.7}55%{transform:scaleY(1);opacity:.9}to{transform:scaleY(1);opacity:.9}}.odp-done-card{margin-top:14px;border:2px solid #1f3b74;border-radius:14px;padding:14px;display:flex;gap:12px;align-items:center;background:#fff}.odp-done-robot{width:40px;display:flex;align-items:center;justify-content:center}.odp-done-text{flex:1;color:#1f2937;font-weight:600;font-size:13px;line-height:1.35}.mr7-spinner-wrap{position:relative;display:flex;align-items:center;justify-content:center}.mr7-spinner{object-fit:contain;animation:mr7WiggleBounce .7s ease-in-out infinite;transform-origin:50% 80%;will-change:transform}.mr7-spinner-shadow{position:absolute;left:50%;bottom:6px;width:52px;height:10px;transform:translate(-50%);border-radius:999px;background:#0000001f;filter:blur(1px);animation:mr7ShadowPulse .7s ease-in-out infinite;will-change:transform,opacity}@keyframes mr7WiggleBounce{0%{transform:translateY(0) rotate(0) scale(1)}18%{transform:translateY(-10px) rotate(-4deg) scale(1.02)}36%{transform:translateY(0) rotate(3deg) scale(1)}54%{transform:translateY(-6px) rotate(-2deg) scale(1.01)}72%{transform:translateY(0) rotate(2deg) scale(1)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes mr7ShadowPulse{0%{transform:translate(-50%) scaleX(1);opacity:.14}18%{transform:translate(-50%) scaleX(.75);opacity:.1}36%{transform:translate(-50%) scaleX(1);opacity:.14}54%{transform:translate(-50%) scaleX(.85);opacity:.12}to{transform:translate(-50%) scaleX(1);opacity:.14}}.order-detail-page{min-height:100vh;background:#f5f5f5;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.order-loading{padding:40px 16px;text-align:center;color:#666;font-size:16px}.order-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0}.order-title{font-size:20px;font-weight:600;color:#333}.order-close{width:36px;height:36px;background:#f5f5f5;border:none;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333}.order-product{display:flex;gap:12px;padding:16px;align-items:flex-start;border-bottom:1px solid #e0e0e0}.order-product-left{flex:1}.order-label{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.order-product-name{color:#4a4a4a;line-height:1.4;font-size:15px}.order-product-img{width:72px;height:72px;border-radius:8px;object-fit:cover;border:1px solid #e0e0e0}.order-section{padding:16px;border-bottom:1px solid #e0e0e0}.qty-row{display:flex;align-items:center;gap:10px}.qty-btn{flex:1;height:44px;border:none;border-radius:8px;background:#f5f5f5;font-size:18px;font-weight:700;cursor:pointer;color:#333;transition:all .2s}.qty-btn:hover{background:#e5e5e5}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-value{width:44px;text-align:center;font-size:18px;font-weight:700;color:#333}.two-btn-row{display:flex;gap:12px}.two-btn{flex:1;height:44px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:15px;font-weight:600;cursor:pointer;color:#333;transition:all .2s}.two-btn:hover{background:#f5f5f5;border-color:#06c755}.two-btn.active{background:#06c755;color:#fff;border-color:#06c755}.two-btn:disabled{opacity:.5;cursor:not-allowed}.order-ref{padding:16px;color:#6b7280;font-weight:500;font-size:14px;border-bottom:1px solid #e0e0e0}.order-error{margin:16px;background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px;border-radius:8px;font-weight:500;font-size:14px}.confirm-btn{margin:16px;width:calc(100% - 32px);height:48px;border:none;border-radius:8px;background:#06c755;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.confirm-btn:hover{background:#05b34c}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-btn.locked{background:#e5e7eb;color:#6b7280;opacity:1}.confirm-locked{display:inline-flex;align-items:center;justify-content:center;gap:8px}.confirm-locked-icon{font-size:20px}.confirm-locked-text{font-weight:700;letter-spacing:.3px}.confirm-edit{display:inline-flex;align-items:center;justify-content:center;gap:8px}.confirm-edit-icon{font-size:20px}.confirm-edit-text{font-weight:700;letter-spacing:.3px}.mr7-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.mr7-modal{width:90%;max-width:360px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0003;overflow:hidden}.mr7-modal-title{font-size:18px;font-weight:600;text-align:center;background:#f5f5f5;padding:16px;color:#333;border-bottom:1px solid #e0e0e0}.mr7-modal-body{font-size:15px;font-weight:500;color:#4a4a4a;text-align:center;line-height:1.5;padding:24px 16px}.mr7-modal-actions{display:flex;gap:0;border-top:1px solid #e0e0e0}.mr7-modal-btn{flex:1;height:48px;border:none;font-size:16px;font-weight:600;cursor:pointer;background:transparent}.mr7-modal-btn:disabled{opacity:.5;cursor:not-allowed}.mr7-modal-cancel{color:#6b7280;border-right:1px solid #e0e0e0}.mr7-modal-ok{color:#06c755;font-weight:700}.mr7-modal-ok:hover{background:#f0fdf4}.mr7-modal-cancel:hover{background:#f5f5f5}.order-mini-row{align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.order-mini-pill{font-size:12px;font-weight:700;color:#6b7280;background:#f3f4f6;padding:6px 10px;border-radius:10px}.order-mini-dot{color:#d1d5db;font-weight:900}.order-mini-kv{font-size:12px;font-weight:800;color:#6b7280;letter-spacing:.2px}.order-mini-v{font-size:12px;font-weight:800;color:#111827}.order-result-page{min-height:100vh;background:#f5f5f5;display:flex;justify-content:center;align-items:center;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.order-result-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 14px #0000001f;text-align:center}.or-icon{font-size:40px;margin-bottom:10px}.or-title{font-size:20px;font-weight:900;color:#111;margin-bottom:8px}.or-desc{color:#4b5563;font-weight:700;line-height:1.5;margin-bottom:12px}.or-ref{color:#6b7280;font-weight:800;margin-bottom:14px}.or-btn{width:100%;border:none;border-radius:12px;padding:14px;background:#22c55e;color:#fff;font-weight:900;cursor:pointer;margin-top:10px}.or-btn.secondary{background:#d1d5db;color:#111}.schedule-home-page{min-height:100vh;background:#f5f5f5;padding-bottom:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.schedule-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.schedule-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#333}.schedule-header-title{font-size:20px;font-weight:600;color:#333;margin:0}.schedule-loading{padding:40px 16px;text-align:center;color:#666;font-size:16px}.schedule-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:#fff;margin-bottom:8px}.schedule-error{margin:0 16px 12px;padding:12px;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#991b1b;font-size:14px;font-weight:600;text-align:center}.summary-card{background:#f9fafb;border-radius:12px;padding:16px;text-align:center;border:1px solid #e5e7eb}.summary-count{font-size:28px;font-weight:700;color:#06c755;margin-bottom:4px}.summary-label{font-size:13px;font-weight:500;color:#6b7280}.schedule-tabs{display:flex;gap:8px;padding:12px 16px;background:#fff;overflow-x:auto;border-bottom:1px solid #e0e0e0;margin-bottom:8px}.schedule-tab{padding:8px 16px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .2s}.schedule-tab:hover{background:#f9fafb}.schedule-tab.active{background:#06c755;color:#fff;border-color:#06c755}.schedule-list{padding:0 16px}.schedule-empty{background:#fff;border-radius:12px;padding:60px 20px;text-align:center}.empty-icon{color:#d1d5db;margin-bottom:16px}.schedule-card{background:#fff;border-radius:12px;padding:12px;margin-bottom:12px;display:flex;gap:12px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.schedule-card:hover{box-shadow:0 2px 8px #00000026}.schedule-card-img{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid #e0e0e0}.schedule-card-content{flex:1;display:flex;flex-direction:column;gap:6px}.schedule-card-name{font-size:15px;font-weight:600;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.schedule-card-time{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;font-weight:500}.schedule-card-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#9ca3af}.schedule-card-qty{font-weight:600}.schedule-card-dot{font-weight:700}.schedule-card-type{display:flex;align-items:center;gap:4px}.schedule-card-footer{display:flex;align-items:center;gap:8px;margin-top:4px}.schedule-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.schedule-badge.active{background:#d1fae5;color:#065f46}.schedule-badge.paused{background:#fed7aa;color:#92400e}.schedule-badge.completed{background:#dbeafe;color:#1e40af}.schedule-badge.error{background:#fee2e2;color:#991b1b}.schedule-badge.scheduled{background:#e5e7eb;color:#374151}.schedule-create-btn{position:fixed;bottom:16px;left:16px;right:16px;height:52px;border:none;border-radius:12px;background:#06c755;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #06c7554d;transition:all .2s}.schedule-create-btn:hover{background:#05b34c;transform:translateY(-2px);box-shadow:0 6px 16px #06c75566}.schedule-create-btn:active{transform:translateY(0)}.schedule-balloon{position:fixed;left:50%;bottom:92px;transform:translate(-50%);border:0;background:transparent;padding:0;z-index:50;cursor:pointer;-webkit-tap-highlight-color:transparent}.schedule-balloon-inner{display:inline-flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:#fffffff5;border:1px solid rgba(6,199,85,.18);box-shadow:0 10px 30px #00000024;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:scheduleBalloonFloat 1.6s ease-in-out infinite,scheduleBalloonWiggle 2.6s ease-in-out infinite;transform-origin:center bottom}.schedule-balloon-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#06c7551f;color:#06c755}.schedule-balloon-text{font-size:15px;font-weight:800;color:#06c755;letter-spacing:.2px;white-space:nowrap}.schedule-balloon-inner:after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;background:#fffffff5;border-left:1px solid rgba(6,199,85,.18);border-bottom:1px solid rgba(6,199,85,.18);transform:translate(-50%) rotate(45deg);border-radius:3px}.schedule-balloon{position:fixed;left:50%;top:56%;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;z-index:50;cursor:pointer;-webkit-tap-highlight-color:transparent}.schedule-balloon:before{content:"";position:absolute;left:50%;bottom:4px;width:18px;height:18px;transform:translate(-50%);border-radius:999px;background:#06c7552e;filter:blur(.2px);animation:scheduleBalloonPulse 1.6s ease-out infinite}.schedule-balloon:active .schedule-balloon-inner{transform:translateY(1px);box-shadow:0 8px 20px #0000001f}@keyframes scheduleBalloonFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes scheduleBalloonWiggle{0%,to{rotate:0deg}10%{rotate:-2.2deg}20%{rotate:2.2deg}30%{rotate:-1.6deg}40%{rotate:1.6deg}50%{rotate:0deg}}@keyframes scheduleBalloonPulse{0%{opacity:0;transform:translate(-50%) scale(.9)}30%{opacity:.9}to{opacity:0;transform:translate(-50%) scale(2.2)}}.create-schedule-page{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.create-schedule-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e0e0e0}.create-schedule-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#333}.create-schedule-title{font-size:20px;font-weight:600;color:#333;margin:0}.create-schedule-tabs{display:flex;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;overflow-x:auto}.create-tab{padding:8px 16px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .2s}.create-tab:hover{background:#f9fafb}.create-tab.active{background:#06c755;color:#fff;border-color:#06c755}.search-box-wrapper{padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0}.search-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.search-icon{color:#9ca3af;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:15px;color:#333;outline:none}.search-input::placeholder{color:#9ca3af}.create-schedule-content{flex:1;padding:16px 16px 80px;overflow-y:auto}.create-loading{padding:40px 16px;text-align:center;color:#666;font-size:16px}.create-empty{padding:60px 20px;text-align:center}.empty-text{font-size:16px;color:#9ca3af;font-weight:500}.item-list{display:flex;flex-direction:column;gap:12px}.item-card{background:#fff;border-radius:12px;padding:12px;display:flex;gap:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.item-card:hover{box-shadow:0 2px 8px #0000001a}.item-card.selected{border-color:#06c755;background:#f0fdf4}.item-checkbox{display:flex;align-items:center;justify-content:center}.item-check-input{width:20px;height:20px;cursor:pointer;accent-color:#06c755}.item-image{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid #e0e0e0}.item-content{flex:1;display:flex;flex-direction:column;gap:6px}.item-name{font-size:15px;font-weight:600;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#9ca3af}.item-qty{font-weight:600}.item-dot{font-weight:700}.item-platform{text-transform:uppercase;font-weight:600}.item-price{font-size:14px;font-weight:700;color:#06c755}.create-schedule-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 -2px 8px #0000000d}.footer-info{font-size:14px;font-weight:600;color:#6b7280}.footer-next-btn{flex:1;max-width:200px;height:44px;border:none;border-radius:10px;background:#06c755;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.create-time-page{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.create-time-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e0e0e0}.create-time-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#333}.create-time-title{font-size:20px;font-weight:600;color:#333;margin:0}.create-time-content{flex:1;padding:16px 16px 100px;overflow-y:auto}.time-section{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}.section-label{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.type-btn:hover{background:#f9fafb;border-color:#06c755}.type-btn.active{background:#f0fdf4;border-color:#06c755;color:#06c755}.time-input{width:100%;padding:12px 14px;border:1px solid #e0e0e0;border-radius:10px;font-size:15px;color:#333;background:#fff;outline:none;transition:all .2s}.time-input:focus{border-color:#06c755;box-shadow:0 0 0 3px #06c7551a}.pattern-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pattern-btn{padding:10px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.pattern-btn:hover{background:#f9fafb}.pattern-btn.active{background:#06c755;color:#fff;border-color:#06c755}.time-select{width:100%;padding:12px 14px;border:1px solid #e0e0e0;border-radius:10px;font-size:15px;color:#333;background:#fff;outline:none;cursor:pointer;transition:all .2s}.time-select:focus{border-color:#06c755;box-shadow:0 0 0 3px #06c7551a}.info-hint{display:flex;gap:12px;padding:14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:12px}.hint-icon{font-size:18px;flex-shrink:0}.hint-text{font-size:13px;color:#1e40af;line-height:1.5;font-weight:500}.create-time-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;padding:16px;display:flex;gap:12px;box-shadow:0 -2px 8px #0000000d}.footer-back-btn{flex:1;height:48px;border:1px solid #e0e0e0;border-radius:10px;background:#fff;color:#6b7280;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.footer-back-btn:hover{background:#f9fafb}.footer-next-btn{flex:2;height:48px;border:none;border-radius:10px;background:#06c755;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.footer-next-btn:hover{background:#05b34c}.footer-next-btn:active{transform:scale(.98)}.order-address-page{min-height:100vh;padding:16px;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;align-items:flex-start}.cs-modal-sheet .order-address-page{min-height:auto;height:100%;padding:0}.order-address-card{width:100%;max-width:520px;background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 12px #0000001f}.cs-modal-sheet .order-address-card{border-radius:16px 16px 0 0;box-shadow:none;max-width:100%}.oa-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;position:sticky;top:0;background:#fff;z-index:10;padding-bottom:12px}.oa-title{font-size:18px;font-weight:800;color:#111}.oa-icon{font-size:20px;cursor:pointer;padding:8px;margin:-8px;transition:all .2s}.oa-icon:hover{color:#06c755}.oa-loading{padding:22px 0;text-align:center;font-weight:700;color:#666}.oa-error{margin-bottom:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:10px 12px;border-radius:10px;font-weight:700;font-size:13px}.oa-field{margin-bottom:14px}.oa-field label{display:block;font-size:14px;color:#555;margin-bottom:6px;font-weight:700}.oa-field input,.oa-field select{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;font-size:15px;background:#fff;box-sizing:border-box}.oa-field input:focus,.oa-field select:focus{outline:none;border-color:#22c55e}.oa-select{position:relative}.oa-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:38px}.oa-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#999}.oa-map{margin-bottom:14px}.oa-map-box{height:180px;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:all .2s}.oa-map-box:hover{border-color:#22c55e}.oa-static-map{width:100%;height:100%}.oa-map-loading,.oa-map-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-weight:700;background:#f9fafb}.oa-map-info{margin-top:8px;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;background:#fff}.oa-coord{font-size:12px;color:#6b7280;font-weight:700;margin-bottom:4px}.oa-place{font-size:13px;color:#111;font-weight:700}.oa-save{width:100%;padding:14px;background:#22c55e;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:900;cursor:pointer;transition:all .2s;margin-bottom:16px}.oa-save:hover{background:#16a34a;transform:translateY(-1px)}.oa-save:active{transform:translateY(0)}.oa-save:disabled{opacity:.75;cursor:not-allowed;transform:none}.create-confirm-page{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.create-confirm-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e0e0e0}.create-confirm-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#333}.create-confirm-title{font-size:20px;font-weight:600;color:#333;margin:0}.create-confirm-content{flex:1;padding:16px 16px 100px;overflow-y:auto}.confirm-section{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}.confirm-section-title{font-size:15px;font-weight:700;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.items-preview{display:flex;flex-direction:column;gap:10px}.preview-item{display:flex;gap:12px;padding:10px;background:#f9fafb;border-radius:8px}.preview-img{width:50px;height:50px;border-radius:6px;object-fit:cover;border:1px solid #e0e0e0}.preview-content{flex:1;display:flex;flex-direction:column;gap:4px}.preview-name{font-size:14px;font-weight:600;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-qty{font-size:12px;font-weight:600;color:#6b7280}.schedule-info{display:flex;flex-direction:column;gap:10px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;font-weight:600;color:#6b7280}.info-value{font-size:14px;font-weight:600;color:#333;text-align:right}.address-options,.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.address-btn,.payment-btn{padding:12px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.address-btn:hover,.payment-btn:hover{background:#f9fafb;border-color:#06c755}.address-btn.active,.payment-btn.active{background:#f0fdf4;border-color:#06c755;color:#06c755}.summary-info{display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.summary-label{font-size:14px;font-weight:600;color:#6b7280}.summary-value{font-size:16px;font-weight:700;color:#06c755}.confirm-agreement{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}.agreement-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.agreement-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#06c755;flex-shrink:0;margin-top:2px}.agreement-text{font-size:14px;color:#4b5563;line-height:1.5;font-weight:500}.confirm-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:12px;border-radius:10px;font-size:14px;font-weight:600;text-align:center}.create-confirm-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;padding:16px;box-shadow:0 -2px 8px #0000000d}.activate-btn{width:100%;height:52px;border:none;border-radius:12px;background:#06c755;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #06c7554d}.activate-btn:hover{background:#05b34c;transform:translateY(-2px);box-shadow:0 6px 16px #06c75566}.activate-btn:active{transform:translateY(0)}.activate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.cs-modal-sheet{width:100%;max-width:520px;max-height:92vh;background:#f5f5f5;border-top-left-radius:16px;border-top-right-radius:16px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.schedule-detail-page{min-height:100vh;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.detail-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#333}.detail-header-title{font-size:20px;font-weight:600;color:#333;margin:0}.detail-close-btn{width:36px;height:36px;background:#f5f5f5;border:none;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333}.detail-loading{padding:40px 16px;text-align:center;color:#666;font-size:16px}.detail-error{padding:40px 16px;text-align:center;color:#991b1b;font-size:16px;font-weight:600}.detail-content{padding:16px 16px 32px}.detail-summary-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000001a}.summary-top{display:flex;gap:12px;margin-bottom:12px}.summary-left{flex:1;display:flex;flex-direction:column;gap:8px}.summary-product-name{font-size:16px;font-weight:700;color:#333;line-height:1.3}.summary-schedule-time{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280;font-weight:500}.summary-info-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#9ca3af}.summary-qty{font-weight:600}.summary-dot{font-weight:700}.summary-type{display:flex;align-items:center;gap:4px}.summary-img{width:80px;height:80px;border-radius:10px;object-fit:cover;border:1px solid #e0e0e0}.summary-status{display:flex;justify-content:flex-start;padding-top:8px;border-top:1px solid #f3f4f6}.detail-badge{display:inline-block;padding:6px 14px;border-radius:14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.detail-badge.active{background:#d1fae5;color:#065f46}.detail-badge.paused{background:#fed7aa;color:#92400e}.detail-badge.completed{background:#dbeafe;color:#1e40af}.detail-badge.error{background:#fee2e2;color:#991b1b}.detail-badge.scheduled{background:#e5e7eb;color:#374151}.detail-section{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}.detail-section-title{font-size:15px;font-weight:700;color:#333;margin-bottom:12px}.detail-info-list{display:flex;flex-direction:column;gap:10px}.detail-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6}.detail-info-row:last-child{border-bottom:none}.detail-info-label{font-size:14px;font-weight:600;color:#6b7280}.detail-info-value{font-size:14px;font-weight:600;color:#333;text-align:right}.timeline-list{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:12px;padding:12px 0;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:6px;top:30px;bottom:-12px;width:2px;background:#e5e7eb}.timeline-dot{width:14px;height:14px;border-radius:50%;background:#06c755;border:3px solid #d1fae5;flex-shrink:0;margin-top:4px;z-index:1}.timeline-content{flex:1;display:flex;flex-direction:column;gap:4px}.timeline-status{font-size:14px;font-weight:600;color:#333}.timeline-time{font-size:13px;color:#6b7280;font-weight:500}.timeline-error{font-size:13px;color:#dc2626;margin-top:4px;padding:8px;background:#fee2e2;border-radius:6px;font-weight:500}.detail-error-box{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:12px;border-radius:10px;font-size:14px;font-weight:600;text-align:center;margin-bottom:12px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.action-btn{padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn:disabled{opacity:.5;cursor:not-allowed}.edit-btn{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.edit-btn:hover{background:#dbeafe}.pause-btn{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.pause-btn:hover{background:#fde68a}.resume-btn{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.resume-btn:hover{background:#a7f3d0}.cancel-btn{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.cancel-btn:hover{background:#fca5a5}.duplicate-btn{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.duplicate-btn:hover{background:#e5e7eb}.schedule-error-page{min-height:100vh;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e0e0e0}.error-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#333}.error-header-title{font-size:20px;font-weight:600;color:#333;margin:0}.error-loading{padding:40px 16px;text-align:center;color:#666;font-size:16px}.error-not-found{padding:40px 16px;text-align:center;color:#991b1b;font-size:16px;font-weight:600}.error-content{padding:24px 16px}.error-card{background:#fff;border-radius:16px;padding:32px 20px;text-align:center;box-shadow:0 4px 12px #00000014}.error-icon-wrapper{display:flex;justify-content:center;margin-bottom:20px}.error-icon{font-size:48px;color:#dc2626}.error-title{font-size:22px;font-weight:700;color:#dc2626;margin-bottom:12px}.error-message{font-size:15px;color:#4b5563;line-height:1.6;margin-bottom:24px;font-weight:500}.error-schedule-info{background:#fef3c7;border:1px solid #fde68a;border-radius:10px;padding:16px;margin-bottom:24px}.error-schedule-name{font-size:15px;font-weight:700;color:#78350f;margin-bottom:6px}.error-schedule-time{font-size:13px;color:#92400e;font-weight:600}.error-actions-section{text-align:left}.error-actions-title{font-size:14px;font-weight:700;color:#333;margin-bottom:12px}.error-actions-list{display:flex;flex-direction:column;gap:10px}.error-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:15px;font-weight:700;color:#374151;cursor:pointer;transition:all .2s}.error-action-btn:hover{background:#f9fafb;border-color:#06c755}.error-action-btn.primary{background:#06c755;color:#fff;border-color:#06c755}.error-action-btn.primary:hover{background:#05b34c}.error-note{display:flex;gap:12px;padding:16px;background:#fff;border-radius:12px;margin-top:16px;box-shadow:0 2px 6px #0000000d}.note-icon{font-size:24px;flex-shrink:0}.note-text{font-size:14px;color:#4b5563;line-height:1.5;font-weight:500}.schedule-edit-page{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.schedule-edit-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.schedule-edit-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#333}.schedule-edit-title{font-size:20px;font-weight:700;color:#333;margin:0}.schedule-edit-close{width:36px;height:36px;background:#f5f5f5;border:none;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333}.schedule-edit-loading,.schedule-edit-not-found{padding:40px 16px;text-align:center;color:#666;font-size:16px;font-weight:600}.schedule-edit-content{flex:1;padding:16px 16px 100px;overflow-y:auto}.edit-summary-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #00000014}.edit-summary-top{display:flex;gap:12px}.edit-summary-left{flex:1;display:flex;flex-direction:column;gap:8px}.edit-product-name{font-size:16px;font-weight:800;color:#111827;line-height:1.3}.edit-time-row{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280;font-weight:600}.edit-meta-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#9ca3af;font-weight:700}.edit-qty-chip{color:#374151}.edit-dot{font-weight:900}.edit-type-chip{display:inline-flex;align-items:center;gap:6px;color:#374151}.edit-summary-img{width:80px;height:80px;border-radius:10px;object-fit:cover;border:1px solid #e5e7eb}.edit-section{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}.edit-section-title{font-size:15px;font-weight:800;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.edit-item-card{display:flex;gap:12px;padding:12px;background:#f9fafb;border-radius:10px;border:1px solid #eef2f7}.edit-item-img{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb;flex-shrink:0}.edit-item-body{flex:1;display:flex;flex-direction:column;gap:8px}.edit-item-name{font-size:14px;font-weight:700;color:#111827;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.edit-qty-row{display:flex;align-items:center;gap:10px}.edit-qty-label{font-size:12px;font-weight:800;color:#6b7280;min-width:70px}.edit-qty-btn{width:40px;height:34px;border-radius:10px;border:2px solid #e5e7eb;background:#fff;font-size:18px;font-weight:900;cursor:pointer;color:#111827}.edit-qty-btn:active{transform:translateY(1px)}.edit-item-hint{font-size:12px;color:#6b7280;font-weight:600;line-height:1.4}.edit-info{display:flex;flex-direction:column;gap:10px}.edit-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f3f4f6}.edit-row:last-child{border-bottom:none}.edit-label{font-size:14px;font-weight:700;color:#6b7280}.edit-value{font-size:14px;font-weight:800;color:#111827;text-align:right}.edit-datetime{width:220px;max-width:100%;padding:10px 12px;border-radius:10px;border:2px solid #e5e7eb;background:#fff;font-size:13px;font-weight:800;color:#111827;outline:none}.edit-datetime:focus{border-color:#06c755}.edit-two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.edit-choice-btn{padding:12px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;font-weight:800;color:#6b7280;cursor:pointer;transition:all .2s}.edit-choice-btn:hover{background:#f9fafb;border-color:#06c755}.edit-choice-btn.active{background:#f0fdf4;border-color:#06c755;color:#06c755}.edit-summary{display:flex;flex-direction:column;gap:6px}.edit-agreement{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}.edit-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.edit-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#06c755;flex-shrink:0;margin-top:2px}.edit-checkbox-text{font-size:14px;color:#4b5563;line-height:1.5;font-weight:700}.schedule-edit-error-box{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:12px;border-radius:10px;font-size:14px;font-weight:800;text-align:center;margin-bottom:12px}.schedule-edit-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;padding:16px;box-shadow:0 -2px 8px #0000000d}.edit-save-btn{width:100%;height:52px;border:none;border-radius:12px;background:#06c755;color:#fff;font-size:16px;font-weight:900;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #06c7554d}.edit-save-btn:hover{background:#05b34c;transform:translateY(-1px);box-shadow:0 6px 16px #06c75559}.edit-save-btn:active{transform:translateY(0)}.edit-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.news-list-page{min-height:100vh;background-color:#f8f9fa;padding-bottom:20px}.news-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.news-back-btn,.news-settings-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.news-back-btn:active,.news-settings-btn:active{background-color:#f3f4f6}.news-title{font-size:20px;font-weight:700;color:#111827;margin:0}.news-tabs{display:flex;gap:8px;padding:12px 16px;background-color:#fff;overflow-x:auto;border-bottom:1px solid #e5e7eb}.news-tabs::-webkit-scrollbar{display:none}.news-tab{flex-shrink:0;padding:8px 16px;border:none;background-color:#f3f4f6;color:#6b7280;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.news-tab.active{background-color:#3b82f6;color:#fff}.news-content{padding:16px}.news-refreshing{text-align:center;padding:12px;color:#6b7280;font-size:14px}.news-error{text-align:center;padding:20px;background-color:#fff;border-radius:12px;margin-bottom:16px}.news-error p{color:#dc2626;margin-bottom:12px}.news-error button{padding:8px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer}.news-empty{text-align:center;padding:60px 20px;background-color:#fff;border-radius:12px}.empty-icon{font-size:64px;margin-bottom:16px}.news-empty h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.news-empty p{font-size:14px;color:#6b7280;margin:0}.news-list{display:flex;flex-direction:column;gap:12px}.news-card{position:relative;background-color:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001a}.news-card:active{transform:scale(.98)}.news-card.unread{box-shadow:0 2px 8px #3b82f633}.unread-dot{position:absolute;top:12px;left:12px;width:10px;height:10px;background-color:#3b82f6;border-radius:50%;z-index:10}.news-image-wrapper{width:100%;height:180px;overflow:hidden;background-color:#f3f4f6}.news-image{width:100%;height:100%;object-fit:cover}.news-card-content{padding:16px}.news-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.news-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-promotion{background-color:#fef3c7;color:#d97706}.badge-update{background-color:#dbeafe;color:#2563eb}.badge-event{background-color:#dcfce7;color:#16a34a}.badge-default{background-color:#f3f4f6;color:#6b7280}.news-date{font-size:12px;color:#9ca3af}.news-card-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card.unread .news-card-title{font-weight:700}.news-snippet{font-size:14px;color:#6b7280;margin:0;line-height:1.5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card.skeleton{pointer-events:none}.skeleton-image{width:100%;height:180px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-content{padding:16px}.skeleton-line{height:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.news-detail-page{min-height:100vh;background-color:#fff;padding-bottom:40px}.news-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #e5e7eb}.detail-back-btn,.detail-share-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;color:#111827}.detail-back-btn:active,.detail-share-btn:active{background-color:#f3f4f6}.detail-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-image-wrapper{width:100%;height:240px;overflow:hidden;background-color:#f3f4f6}.detail-image{width:100%;height:100%;object-fit:cover}.detail-body{padding:20px}.detail-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.detail-badge{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase}.detail-badge.badge-promotion{background-color:#fef3c7;color:#d97706}.detail-badge.badge-update{background-color:#dbeafe;color:#2563eb}.detail-badge.badge-event{background-color:#dcfce7;color:#16a34a}.detail-date{font-size:13px;color:#9ca3af}.detail-title{font-size:24px;font-weight:700;color:#111827;line-height:1.3;margin:0 0 16px}.detail-description{font-size:16px;color:#6b7280;line-height:1.6;margin:0 0 24px}.detail-content-text{font-size:15px;color:#374151;line-height:1.7;margin-bottom:32px}.detail-content-text p{margin-bottom:16px}.detail-content-text img{width:100%;border-radius:8px;margin:16px 0}.detail-content-text h2,.detail-content-text h3{margin:24px 0 12px;color:#111827}.detail-content-text ul,.detail-content-text ol{margin:12px 0;padding-left:24px}.detail-content-text li{margin-bottom:8px}.detail-cta-wrapper{margin-top:32px}.detail-cta-btn{width:100%;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.detail-cta-btn:active{transform:scale(.98)}.detail-error{text-align:center;padding:60px 20px}.error-icon{font-size:64px;margin-bottom:16px}.detail-error h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.detail-error p{font-size:14px;color:#6b7280;margin:0 0 20px}.detail-error button{padding:12px 24px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.skeleton-detail-image{width:100%;height:240px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-detail-content{padding:20px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.no-news-page{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.no-news-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#fff;border-bottom:1px solid #e5e7eb}.no-news-back-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;color:#111827}.no-news-back-btn:active{background-color:#f3f4f6}.no-news-title{font-size:20px;font-weight:700;color:#111827;margin:0}.no-news-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-news-icon{font-size:80px;margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-news-heading{font-size:22px;font-weight:700;color:#111827;margin:0 0 12px}.no-news-message{font-size:15px;color:#6b7280;line-height:1.6;margin:0 0 32px;max-width:300px}.no-news-refresh-btn{padding:14px 32px;background-color:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.no-news-refresh-btn:active{transform:scale(.95);background-color:#2563eb}.news-settings-page{min-height:100vh;background-color:#f8f9fa;padding-bottom:40px}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.settings-back-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;color:#111827}.settings-title{font-size:20px;font-weight:700;color:#111827;margin:0}.settings-content{padding:20px}.settings-loading{text-align:center;padding:40px 20px;color:#6b7280}.settings-error{padding:12px 16px;background-color:#fee2e2;color:#dc2626;border-radius:8px;margin-bottom:20px;font-size:14px}.settings-success{padding:12px 16px;background-color:#d1fae5;color:#059669;border-radius:8px;margin-bottom:20px;font-size:14px}.settings-section{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:16px}.section-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.section-description{font-size:14px;color:#6b7280;margin:0 0 20px}.settings-list{display:flex;flex-direction:column;gap:16px}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#f9fafb;border-radius:12px;transition:background-color .2s}.settings-item:active{background-color:#f3f4f6}.settings-item-content{display:flex;align-items:center;gap:12px;flex:1}.settings-item-icon{font-size:32px;flex-shrink:0}.settings-item-text{flex:1}.settings-item-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.settings-item-subtitle{font-size:13px;color:#6b7280;margin:0}.settings-toggle{position:relative;width:52px;height:30px;background-color:#d1d5db;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s;flex-shrink:0}.settings-toggle.active{background-color:#06c755}.settings-toggle:disabled{opacity:.5;cursor:not-allowed}.toggle-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;background-color:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003}.settings-toggle.active .toggle-slider{transform:translate(22px)}.settings-info{padding:16px;background-color:#eff6ff;border-radius:12px;margin-top:16px}.settings-info p{font-size:13px;color:#1e40af;margin:0;line-height:1.6}.settings-page{min-height:100vh;background:#f7f8fb;padding-bottom:24px}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.settings-back-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:999px;transition:background-color .2s}.settings-back-btn:active{background-color:#f3f4f6}.settings-title{font-size:18px;font-weight:800;color:#111827;margin:0}.settings-hero{margin:14px 16px 10px;padding:14px;background:linear-gradient(135deg,#06c755,#575f6d);border-radius:14px;color:#fff;display:flex;gap:12px;align-items:center}.settings-hero-icon{width:40px;height:40px;border-radius:12px;background:#ffffff1f;display:flex;align-items:center;justify-content:center}.settings-hero-title{font-size:14px;font-weight:800}.settings-hero-subtitle{font-size:12px;opacity:.9}.settings-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:10px 16px}.settings-card{width:100%;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:14px;display:flex;gap:12px;align-items:center;cursor:pointer;box-shadow:0 1px 3px #0000000f;transition:transform .15s}.settings-card:active{transform:scale(.99)}.settings-card-icon{width:44px;height:44px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#111827;flex:0 0 auto}.settings-card-body{flex:1 1 auto;min-width:0}.settings-card-title{font-size:14px;font-weight:800;color:#111827;margin-bottom:2px}.settings-card-sub{font-size:12px;color:#6b7280}.settings-card-chip{flex:0 0 auto;font-size:12px;font-weight:700;color:#111827;background:#eef2ff;border:1px solid #e5e7eb;padding:6px 10px;border-radius:999px}.settings-error{margin:12px 16px;padding:14px;background:#fff;border-radius:12px;border:1px solid #fee2e2}.settings-error p{color:#b91c1c;margin:0 0 10px}.settings-error button{border:none;background:#111827;color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.settings-skeleton-wrap{padding:10px 16px;display:grid;gap:10px}.settings-card.skeleton{pointer-events:none}.settings-card-icon-skeleton{width:44px;height:44px;border-radius:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:settings-skeleton 1.4s infinite}.settings-card-lines{flex:1}.settings-line{height:12px;border-radius:6px;margin-bottom:8px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:settings-skeleton 1.4s infinite}@keyframes settings-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:12px}.settings-modal{width:100%;max-width:520px;max-height:90vh;background:#fff;border-radius:16px;overflow:visible;box-shadow:0 20px 60px #00000040;animation:settings-modal-up .15s ease-out}@keyframes settings-modal-up{0%{transform:translateY(10px);opacity:.9}to{transform:translateY(0);opacity:1}}.notif-page{background:#fff;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.notif-page::-webkit-scrollbar{width:8px}.notif-page::-webkit-scrollbar-track{background:#f8f9fa;border-radius:0 16px 16px 0}.notif-page::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.notif-page::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #e5e7eb;flex-shrink:0;position:sticky;top:0;background:#fff;z-index:10}.notif-title-wrap{display:flex;gap:10px;align-items:center}.notif-icon{width:36px;height:36px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.notif-title{font-size:14px;font-weight:900;color:#111827}.notif-subtitle{font-size:12px;color:#6b7280;margin-top:2px}.notif-close-btn{width:40px;height:40px;border:none;background:transparent;border-radius:999px;cursor:pointer}.notif-close-btn:active{background:#f3f4f6}.notif-loading{padding:18px;color:#6b7280}.notif-error{margin:12px 14px;padding:10px 12px;border-radius:12px;background:#fef2f2;border:1px solid #fee2e2;color:#b91c1c;font-size:13px}.notif-section{margin:12px 14px;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.notif-section.disabled{opacity:.55}.notif-section-title{font-size:12px;font-weight:900;color:#111827;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.notif-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px dashed #e5e7eb}.notif-row:first-of-type{border-top:none;padding-top:0}.notif-row-text{flex:1 1 auto;min-width:0}.notif-row-title{font-size:13px;font-weight:800;color:#111827}.notif-row-sub{font-size:12px;color:#6b7280;margin-top:2px}.notif-footer{display:flex;gap:10px;padding:14px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0;position:sticky;bottom:0;z-index:10}.notif-cancel,.notif-save{flex:1;border:none;border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:800}.notif-cancel{background:#f3f4f6;color:#111827}.notif-save{background:#06c755;color:#fff}.notif-cancel:disabled,.notif-save:disabled{opacity:.7;cursor:not-allowed}.switch{position:relative;display:inline-block;width:46px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:#e5e7eb;transition:.2s;border-radius:999px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;top:3px;background-color:#fff;transition:.2s;border-radius:999px;box-shadow:0 1px 2px #00000026}input:checked+.slider{background-color:#06c755}input:checked+.slider:before{transform:translate(18px)}.lang-page{background:#fff}.lang-header{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #e5e7eb}.lang-title-wrap{display:flex;gap:10px;align-items:center}.lang-icon{width:36px;height:36px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.lang-title{font-size:14px;font-weight:900;color:#111827}.lang-subtitle{font-size:12px;color:#6b7280;margin-top:2px}.lang-close-btn{width:40px;height:40px;border:none;background:transparent;border-radius:999px;cursor:pointer}.lang-close-btn:active{background:#f3f4f6}.lang-loading{padding:18px;color:#6b7280}.lang-error{margin:12px 14px;padding:10px 12px;border-radius:12px;background:#fef2f2;border:1px solid #fee2e2;color:#b91c1c;font-size:13px}.lang-section{margin:12px 14px;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.lang-field{margin-bottom:12px}.lang-field:last-child{margin-bottom:0}.lang-label{display:block;font-size:12px;font-weight:900;color:#111827;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.lang-select{width:100%;border:1px solid #e5e7eb;background:#f9fafb;border-radius:12px;padding:12px;font-size:14px;color:#111827;outline:none}.lang-footer{display:flex;gap:10px;padding:14px;border-top:1px solid #e5e7eb;background:#fff}.lang-cancel,.lang-save{flex:1;border:none;border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:800}.lang-cancel{background:#f3f4f6;color:#111827}.lang-save{background:#06c755;color:#fff}.lang-cancel:disabled,.lang-save:disabled{opacity:.7;cursor:not-allowed}.sec-page{min-height:100vh;background:#f8f9fa;padding-bottom:20px}.sec-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.sec-back-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.sec-back-btn:active{background-color:#f3f4f6}.sec-title{font-size:18px;font-weight:800;color:#111827;margin:0}.sec-content{padding:16px;display:flex;flex-direction:column;gap:12px}.sec-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 3px #00000014;border:1px solid #eef2f7}.sec-card.danger{border:1px solid #ffe4e6}.sec-card-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.sec-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb}.sec-icon.danger{background:#fff1f2;color:#e11d48}.sec-card-titlewrap{flex:1}.sec-card-title{margin:0;font-size:15px;font-weight:800;color:#111827}.sec-card-subtitle{margin:2px 0 0;font-size:12px;color:#6b7280}.sec-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px}.sec-row-title{font-size:14px;font-weight:700;color:#111827}.sec-row-desc{font-size:12px;color:#6b7280;margin-top:2px}.sec-toggle{width:54px;height:32px;border:none;border-radius:999px;cursor:pointer;position:relative;padding:0;transition:background-color .2s}.sec-toggle.on{background:#22c55e}.sec-toggle.off{background:#e5e7eb}.sec-toggle .dot{position:absolute;top:4px;left:4px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0000001f}.sec-toggle.on .dot{transform:translate(22px)}.sec-list{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.sec-pill{padding:6px 10px;border-radius:999px;background:#f3f4f6;color:#111827;font-size:12px;font-weight:700}.sec-empty{padding:10px 2px 2px}.sec-empty-title{font-size:13px;font-weight:800;color:#111827}.sec-empty-sub{font-size:12px;color:#6b7280;margin-top:2px}.sec-logout-btn{width:100%;border:none;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:500;cursor:pointer;color:#ef4444}.sec-logout-btn:active{transform:scale(.99)}.sec-error{text-align:center;padding:14px;background:#fff;border-radius:12px;border:1px solid #fee2e2}.sec-error p{margin:0 0 10px;color:#b91c1c;font-weight:700;font-size:13px}.sec-error button{padding:8px 18px;border:none;border-radius:10px;background:#3b82f6;color:#fff;cursor:pointer;font-weight:700}.sec-card.skeleton{height:92px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:sec-skeleton 1.5s infinite}@keyframes sec-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}