:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.home-page{--nav-height:52px;--cat-height:44px;--bottom-nav-height:56px;--sidebar-width:68px;--red:#e53935;--red-dark:#c62828;--bg:#f5f5f5;--white:#fff;--text:#1a1a1a;--text-light:#999;--border:#eee;background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.home-navbar{z-index:100;background:var(--white);border-bottom:1px solid var(--border);height:var(--nav-height);position:fixed;top:0;left:0;right:0}.navbar-inner{align-items:center;gap:12px;height:100%;padding:0 12px;display:flex}.navbar-logo{color:var(--red);cursor:pointer;letter-spacing:1px;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:20px;font-weight:800}.navbar-search{background:#f0f0f0;border-radius:20px;flex:1;align-items:center;max-width:600px;height:36px;margin:0 auto;padding:0 12px;transition:all .2s;display:flex}.navbar-search:focus-within{background:#e8e8e8;box-shadow:0 0 0 2px #e5393526}.search-icon{color:#999;flex-shrink:0;width:18px;height:18px}.navbar-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0 8px;font-size:14px}.navbar-search input::placeholder{color:#bbb}.search-btn{cursor:pointer;background:0 0;border:none;padding:4px}.search-btn svg{width:18px;height:18px;color:var(--red)}.mobile-search-input-wrapper input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0 8px;font-size:15px}.navbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.nav-text-btn.primary{background:var(--red);color:#fff;border-color:var(--red)}.nav-text-btn.logout-btn{color:var(--red);border-color:#fecaca}.home-categories{top:var(--nav-height);z-index:99;background:var(--white);border-bottom:1px solid var(--border);height:var(--cat-height);position:fixed;left:0;right:0}.categories-scroll{scrollbar-width:none;white-space:nowrap;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}.categories-scroll::-webkit-scrollbar{display:none}.category-chip{cursor:pointer;color:#666;white-space:nowrap;background:#f0f0f0;border:none;border-radius:16px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500}.category-chip.active{background:var(--red);color:#fff;font-weight:600}.home-content{padding-top:calc(var(--nav-height) + var(--cat-height));padding-bottom:var(--bottom-nav-height);min-height:100vh}.home-main{width:100%}.desktop-sidebar{top:calc(var(--nav-height) + var(--cat-height));width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--border);z-index:50;flex-direction:column;align-items:center;gap:4px;padding:12px 0;display:flex;position:fixed;bottom:0;left:0}.sidebar-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:56px;height:56px;display:flex;position:relative}.sidebar-btn svg{color:#999;width:22px;height:22px}.sidebar-btn:hover svg,.sidebar-btn:hover span,.sidebar-btn.active svg,.sidebar-btn.active span{color:var(--red)}.home-banner{width:100%;margin:0;padding:0}.banner-slide{aspect-ratio:4;background:#e0e0e0;width:100%;overflow:hidden}.banner-slide img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.banner-dots{gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:8px;height:8px;padding:0}.dot.active{background:#fff;border-radius:4px;width:20px}.products-title{align-items:center;gap:12px;padding:16px 10px 8px;display:flex}.products-title h2{color:var(--text);white-space:nowrap;margin:0;font-size:15px;font-weight:700}.products-title hr{background:var(--red);flex:1;height:2px;margin:0}.products-section{padding:0 10px 12px}.products-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}@media (width>=768px){.products-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media (width>=1200px){.products-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (width>=1600px){.products-grid{grid-template-columns:repeat(5,1fr);gap:10px}}.product-card{background:var(--white);cursor:pointer;border:1px solid #f0f0f0;border-radius:6px;transition:transform .15s;overflow:hidden}.product-card:hover{border-color:#fecaca;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.product-card:active{transform:scale(.99)}.product-card-image{background:#f8f8f8;width:100%;padding-top:85%;position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.product-card:hover .product-card-image img{transform:scale(1.03)}.product-card-no-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.product-card-no-image svg{color:#ddd;width:40px;height:40px}.product-discount{background:var(--red);color:#fff;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:4px;left:4px}.product-card-info{padding:6px 8px}.product-card-name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 2px;font-size:11px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-price-row{align-items:baseline;gap:4px;margin-bottom:1px;display:flex}.product-card-price{color:var(--red);font-size:13px;font-weight:700}.product-card-old-price{color:#bbb;font-size:10px;text-decoration:line-through}.product-card-store{color:var(--text-light);font-size:9px}.products-loading{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}@media (width>=768px){.products-loading{grid-template-columns:repeat(3,1fr);gap:8px}}.loading-skeleton{aspect-ratio:1;background:#e0e0e0;border-radius:4px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.products-empty{text-align:center;color:#999;padding:60px 20px}.products-empty button{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:20px;margin-top:12px;padding:10px 24px;font-weight:600}@media (width>=1024px){.home-content{padding-bottom:0}.mobile-bottom-nav,.mobile-search-trigger{display:none}.navbar-search{display:flex}.home-content.has-sidebar .home-banner{width:100%;margin-left:0}.home-content.has-sidebar .home-main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.home-content.has-sidebar .products-title,.home-content.has-sidebar .products-section{padding-left:10px;padding-right:10px}}@media (width<=1023px){.navbar-search{display:none}.mobile-search-trigger{display:flex}.nav-text-btn{padding:6px 12px;font-size:12px}}.login-page{background:#f5f5f5;min-height:100vh}.login-container{max-width:100%;min-height:calc(100vh - 400px);display:flex}.login-banner{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-banner:before{content:"";background:radial-gradient(circle,#ff00001a 0%,#0000 70%);width:100%;height:100%;animation:none;position:absolute;top:-50%;right:-50%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.register-link{color:red;font-size:15px;font-weight:600;text-decoration:none;transition:color .3s}.register-link:hover{color:#f33}.login-form-container{background:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex}.login-icon{margin-bottom:20px;font-size:60px}.general-error{color:red;text-align:center;background:#fff5f5;border:1px solid #fcc;border-radius:10px;max-width:450px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:12px 20px;font-size:14px;animation:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-form{width:100%;max-width:450px;margin:0 auto}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{z-index:1;font-size:18px;position:absolute;left:15px}.input-with-icon input{color:#000;background:#fff;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:14px 18px 14px 45px;font-size:15px;transition:all .3s}.input-with-icon input::placeholder{color:#999}.input-with-icon input:focus{background:#fff;border-color:red;outline:none;box-shadow:0 0 0 4px #ff00000d}.input-with-icon input.error{background:#fff5f5;border-color:red}.toggle-password{cursor:pointer;background:0 0;border:none;padding:5px;font-size:18px;position:absolute;right:15px}.form-options{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.remember-me{cursor:pointer;color:#666;align-items:center;gap:8px;font-size:14px;display:flex}.remember-me input[type=checkbox]{cursor:pointer;accent-color:red;width:18px;height:18px}.forgot-password{color:red;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.forgot-password:hover{color:#c00}.login-submit-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:17px;font-weight:600;transition:all .3s;display:flex}.login-submit-btn:hover:not(:disabled){background:#c00;transform:translateY(-2px);box-shadow:0 8px 20px #ff00004d}.login-submit-btn:disabled{cursor:not-allowed;background:#ccc}@keyframes spin{to{transform:rotate(360deg)}}.demo-credentials{text-align:center;background:#fafafa;border:2px dashed #e0e0e0;border-radius:10px;margin-top:20px;padding:15px 20px}.demo-credentials p{color:#666;margin-bottom:8px;font-size:13px;font-weight:600}.demo-credentials code{color:red;margin:3px 0;font-size:13px;font-weight:500;display:block}@media (width<=1024px){.login-container{flex-direction:column}.login-banner,.login-form-container{padding:40px}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.banner-content h1{margin-bottom:30px;font-size:28px}.login-form-container{padding:30px 20px}.form-options{flex-direction:column;align-items:flex-start;gap:15px}.footer-content{grid-template-columns:1fr 1fr;gap:30px;padding:40px 20px}}@media (width<=480px){.login-banner{padding:30px 20px}.banner-content h1{font-size:24px}.vantagem-card{padding:20px}.login-form-container{padding:20px 15px}.form-header h2{font-size:24px}.footer-content{grid-template-columns:1fr;gap:25px;padding:30px 15px}}.forgot-password-link{text-align:right;margin-bottom:20px}.forgot-password-link a{color:#06c;font-size:13px;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.register-page{background:#f5f5f5;min-height:100vh}.register-container{max-width:100%;min-height:calc(100vh - 400px);display:flex}.register-banner{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.register-banner:before{content:"";background:radial-gradient(circle,#ff00001a 0%,#0000 70%);width:100%;height:100%;animation:none;position:absolute;top:-50%;right:-50%}.banner-footer{border-top:1px solid #ffffff1a;margin-top:50px;padding-top:30px}.banner-footer p{color:#999;margin-bottom:10px;font-size:14px}.login-link{color:red;font-size:15px;font-weight:600;text-decoration:none;transition:color .3s}.login-link:hover{color:#f33}.register-form-container{background:#fff;flex:1;max-height:calc(100vh - 100px);padding:60px;overflow-y:auto}.form-header{margin-bottom:35px}.register-form{max-width:500px}.form-group input{color:#000;background:#fff;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:14px 18px;font-size:15px;transition:all .3s}.form-group input::placeholder{color:#999}.form-group input:focus{background:#fff;border-color:red;outline:none;box-shadow:0 0 0 4px #ff00000d}.form-group input.error{background:#fff5f5;border-color:red}.error-message{color:red;margin-top:5px;font-size:12px;font-weight:500;display:block}.terms-section{margin:25px 0}.terms-scroll{background:#fafafa;border:2px solid #e8e8e8;border-radius:10px;max-height:200px;margin-bottom:20px;padding:20px;overflow-y:auto}.terms-scroll::-webkit-scrollbar{width:6px}.terms-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.terms-scroll h3{color:#333;margin-bottom:15px;font-size:16px}.terms-scroll h4{color:#555;margin-top:15px;margin-bottom:8px;font-size:14px}.terms-scroll p{color:#777;margin-bottom:10px;font-size:13px;line-height:1.6}.terms-checkbox{margin-top:15px}.checkbox-container{cursor:pointer;color:#555;align-items:flex-start;font-size:14px;display:flex}.checkbox-container input[type=checkbox]{cursor:pointer;accent-color:red;width:20px;height:20px;margin-top:2px;margin-right:12px}.checkbox-text{color:#333;flex:1;line-height:1.5}.terms-link{color:red;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.terms-link:hover{color:#c00}.register-submit-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:10px;width:100%;margin-top:10px;padding:16px;font-size:17px;font-weight:600;transition:all .3s}.register-submit-btn:hover{background:#c00;transform:translateY(-2px);box-shadow:0 8px 20px #ff00004d}.form-footer p{color:#777;font-size:15px}.form-footer a{color:red;font-weight:600;text-decoration:none}.social-icon{background:#333;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:all .3s;display:flex}@media (width<=1024px){.register-container{flex-direction:column}.register-banner,.register-form-container{padding:40px}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.banner-content h1{margin-bottom:30px;font-size:28px}.register-form-container{padding:30px 20px}.form-row{grid-template-columns:1fr;gap:0}.footer-content{grid-template-columns:1fr 1fr;gap:30px;padding:40px 20px}}@media (width<=480px){.register-banner{padding:30px 20px}.banner-content h1{font-size:24px}.vantagem-card{padding:20px}.register-form-container{padding:20px 15px}.form-header h2{font-size:24px}.footer-content{grid-template-columns:1fr;gap:25px;padding:30px 15px}}.user-type-selector-register{border:1px solid #e0e0e0;border-radius:8px;gap:0;max-width:450px;margin-bottom:25px;margin-left:auto;margin-right:auto;display:flex;overflow:hidden}.type-btn-register{color:#666;cursor:pointer;background:#fff;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.type-btn-register:first-child{border-right:1px solid #e0e0e0}.type-btn-register.active{color:#fff;background:#1a1a1a}.type-btn-register:hover:not(.active){background:#f5f5f5}.terms-full-content{padding:10px}.terms-full-content h2{color:#1a1a1a;margin-bottom:5px;font-size:18px}.terms-updated{color:#999;margin-bottom:20px;font-size:12px;font-style:italic}.terms-full-content h3{color:#333;margin-top:20px;margin-bottom:10px;font-size:14px;font-weight:600}.terms-full-content p{color:#555;margin-bottom:8px;font-size:13px;line-height:1.7}.terms-full-content strong{color:#333}.form-hint{color:#999;margin-top:4px;font-size:11px;display:block}.otp-banner:before{content:"";background:radial-gradient(circle,#ff00001a 0%,#0000 70%);width:100%;height:100%;animation:4s ease-in-out infinite pulse;position:absolute;top:-50%;right:-50%}.vantagens-carrossel{margin-bottom:40px}.vantagem-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-left:4px solid;border-radius:16px;padding:30px;transition:all .5s;animation:.5s ease-out fadeIn}.vantagem-icon{margin-bottom:15px;font-size:40px}.vantagem-card h3{color:#fff;margin-bottom:12px;font-size:22px;font-weight:600}.vantagem-card p{color:#ccc;font-size:15px;line-height:1.6}.carrossel-indicators{justify-content:center;gap:8px;margin-top:25px;display:flex}.indicator{cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.indicator.active{border-color:#0000;border-radius:5px;width:30px}.otp-form-container{background:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex}.form-header p{color:#666;margin-bottom:5px;font-size:16px}.phone-number{font-weight:700;color:red!important;margin-top:10px!important;font-size:20px!important}.otp-form{width:100%;max-width:450px;margin:0 auto}.otp-input:focus{border-color:red;transform:translateY(-2px);box-shadow:0 0 0 4px #ff00001a}.otp-input::placeholder{color:#ccc}.otp-error{color:red;text-align:center;background:#fff5f5;border:1px solid #fcc;border-radius:8px;margin-bottom:20px;padding:12px 20px;font-size:14px;animation:.5s shake}.otp-timer .timeout{color:red;font-weight:600}.otp-info{text-align:center;color:#999;margin-bottom:25px;font-size:14px;font-style:italic}.otp-submit-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:15px;padding:16px;font-size:17px;font-weight:600;transition:all .3s;display:flex}.otp-submit-btn:hover:not(:disabled){background:#c00;transform:translateY(-2px);box-shadow:0 8px 20px #ff00004d}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.otp-help{background:#fafafa;border-radius:10px;margin-top:10px;padding:20px}.otp-help ul li{color:#999;padding:5px 0 5px 20px;font-size:13px;position:relative}.otp-help ul li:before{content:"•";color:red;position:absolute;left:5px}.footer-content{grid-template-columns:repeat(4,1fr);gap:50px;max-width:1400px;margin:0 auto;padding:60px 30px;display:grid}.footer-col ul li a{color:#999;font-size:14px;text-decoration:none;transition:color .3s}.social-icon{background:#333;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;text-decoration:none;transition:all .3s;display:flex}.contact-info{color:#999;font-size:14px}.contact-info p{margin-bottom:8px}.payment-badge{color:#fff;letter-spacing:1px;background:#2a2a2a;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:background .3s}.payment-badge:hover{background:#333}@media (width<=1024px){.otp-container{flex-direction:column}.otp-banner,.otp-form-container{padding:40px}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.banner-content h1{margin-bottom:30px;font-size:28px}.otp-form-container{padding:30px 20px}.otp-input{width:50px;height:60px;font-size:24px}.footer-content{grid-template-columns:1fr 1fr;gap:30px;padding:40px 20px}}@media (width<=480px){.otp-banner{padding:30px 20px}.banner-content h1{font-size:24px}.vantagem-card{padding:20px}.otp-form-container{padding:20px 15px}.otp-inputs{gap:8px}.otp-input{width:45px;height:55px;font-size:22px}.form-header h2{font-size:24px}.footer-content{grid-template-columns:1fr;gap:25px;padding:30px 15px}}.method-selector{gap:10px;margin-bottom:20px;display:flex}.method-btn{color:#666;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.method-btn:hover{color:red;border-color:red}.method-btn.active{color:red;background:#fff5f5;border-color:red}.otp-page{background:#f5f5f5;min-height:100vh}.otp-container{max-width:100%;min-height:calc(100vh - 400px);display:flex}.otp-banner{color:#fff;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.banner-content{z-index:2;max-width:500px;position:relative}.banner-content h1{color:#fff;margin-bottom:10px;font-size:36px;font-weight:700;line-height:1.3}.otp-form-container{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.form-header{text-align:center;width:100%;max-width:400px;margin-bottom:30px}.otp-icon{margin-bottom:20px;font-size:60px}.form-header h2{color:#1a1a1a;margin-bottom:10px;font-size:28px;font-weight:700}.form-header>p{color:#777;font-size:15px}.method-selector{flex-direction:column;gap:12px;width:100%;margin-top:25px;display:flex}.no-contact-error{color:#c62828;margin-top:15px;font-size:14px}.otp-form{width:100%;max-width:400px}.otp-inputs{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.otp-input{text-align:center;color:#000;background:#fff;border:2px solid #e0e0e0;border-radius:10px;outline:none;width:55px;height:65px;font-size:26px;font-weight:700;transition:all .3s}.otp-input:focus{border-color:red;box-shadow:0 0 0 4px #ff00001a}.otp-input.error{background:#fff5f5;border-color:red}.otp-error{color:red;text-align:center;background:#fff5f5;border:1px solid #fcc;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:15px;padding:12px 20px;font-size:14px;display:flex}.otp-timer{text-align:center;margin-bottom:10px}.otp-timer p{color:#666;font-size:15px}.otp-timer span{color:red;font-size:18px;font-weight:700}.timeout{font-weight:600;color:red!important}.otp-info{text-align:center;color:#999;margin-bottom:20px;font-size:13px}.otp-submit-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:10px;width:100%;margin-bottom:12px;padding:16px;font-size:17px;font-weight:600;transition:all .3s}.otp-submit-btn:hover:not(:disabled){background:#c00}.otp-submit-btn:disabled{cursor:not-allowed;background:#ccc}.resend-btn{color:red;cursor:pointer;background:0 0;border:2px solid red;border-radius:10px;width:100%;margin-bottom:20px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.resend-btn:hover{background:#fff5f5}.otp-help{background:#fafafa;border-radius:10px;width:100%;padding:20px}.otp-help p{color:#666;margin-bottom:8px;font-size:13px;font-weight:600}.otp-help ul{padding:0;list-style:none}.otp-help li{color:#999;padding:4px 0 4px 18px;font-size:12px;position:relative}.otp-help li:before{content:"•";color:red;position:absolute;left:5px}@media (width<=1024px){.otp-container{flex-direction:column}.otp-banner,.otp-form-container{padding:40px}}@media (width<=768px){.banner-content h1{font-size:26px}.otp-form-container{padding:30px 20px}.otp-input{width:48px;height:58px;font-size:22px}}@media (width<=480px){.otp-inputs{gap:6px}.otp-input{width:42px;height:52px;font-size:20px}}.method-selector{flex-direction:column;gap:12px;width:100%;max-width:400px;margin-top:25px;display:flex}.method-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #e0e0e0;border-radius:10px;align-items:center;gap:15px;width:100%;padding:18px 20px;transition:all .2s;display:flex}.method-btn:hover:not(:disabled){background:#fff5f5;border-color:red}.method-btn:disabled{opacity:.5;cursor:not-allowed}.method-btn-text{flex-direction:column;gap:2px;display:flex}.method-btn-title{color:#333;font-size:15px;font-weight:600}.method-btn-sub{color:#999;font-size:12px}.no-contact-error{color:#c62828;text-align:center;margin-top:15px;font-size:14px}.sending-text{color:#999;margin-top:10px;font-size:14px;animation:1.5s infinite pulse}.change-method-link{color:#999;cursor:pointer;background:0 0;border:none;margin-top:5px;font-size:12px;text-decoration:underline}.change-method-link:hover{color:red}.phone-number{color:red!important;margin-top:8px!important;font-size:18px!important;font-weight:700!important}.profile-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.profile-container{max-width:1100px;margin:0 auto;padding:30px 20px}.profile-header{background:#1a1a1a;margin-bottom:30px;padding:35px 40px}.profile-header-content{align-items:center;gap:25px;display:flex}.user-avatar{color:#fff;text-transform:uppercase;background:#333;border:2px solid #444;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;font-weight:600;display:flex}.user-info-header h1{color:#000;margin-bottom:5px;font-size:24px;font-weight:600}.user-info-header p{color:#fff;font-size:14px}.profile-grid{grid-template-columns:350px 1fr;gap:30px;display:grid}.info-section{background:#fff;border:1px solid #e0e0e0;margin-bottom:25px}.section-title{color:#333;text-transform:uppercase;letter-spacing:.5px;background:#fafafa;border-bottom:1px solid #e0e0e0;padding:16px 20px;font-size:14px;font-weight:600}.info-list{padding:5px 0}.info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:#666;font-size:13px;font-weight:500}.info-value{color:#1a1a1a;font-size:14px;font-weight:500}.account-actions{flex-direction:column;gap:8px;padding:15px 20px;display:flex}.action-button{cursor:pointer;color:#333;background:#fff;border:1px solid #e0e0e0;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.action-button:hover{background:#fafafa;border-color:#999}.action-button.deliveries{border-left:3px solid #2563eb}.action-button.deliveries:hover{color:#2563eb;background:#f0f7ff}.action-button.contact{border-left:3px solid #f59e0b}.action-button.contact:hover{color:#b45309;background:#fffbeb}.action-button.logout{color:#e53935;border-left:3px solid #e53935}.action-button.logout:hover{background:#fff5f5}.balance-cards{grid-template-columns:1fr 1fr;gap:20px;padding:20px;display:grid}.balance-card{text-align:center;border:1px solid #e0e0e0;padding:20px}.balance-card.available{border-left:3px solid #2e7d32}.balance-card.held{border-left:3px solid #e65100}.balance-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;display:block}.balance-amount{color:#1a1a1a;font-size:22px;font-weight:600;display:block}.balance-actions{grid-template-columns:1fr 1fr;gap:0;display:grid}.deposit-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#1a1a1a;border:none;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:13px;font-weight:500;display:flex}.deposit-button:hover{background:#333}.withdraw-button{color:#1a1a1a;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#fff;border:none;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:13px;font-weight:500;display:flex}.withdraw-button:hover{background:#f5f5f5}.purchases-table{max-height:420px;overflow:hidden auto}.table-header{color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:1;background:#1a1a1a;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:15px;padding:14px 20px;font-size:11px;font-weight:600;display:grid;position:sticky;top:0}.table-row{border-bottom:1px solid #f0f0f0;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;align-items:center;gap:15px;padding:14px 20px;font-size:13px;transition:background .2s;display:grid}.table-row:hover{background:#fafafa}.col-product{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.col-store{color:#666;font-size:12px}.col-price{color:#c00;font-weight:500}.col-date{color:#999;font-size:12px}.status-indicator{border-radius:10px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.status-completed{color:#155724;background:#d4edda}.status-delivered{color:#004085;background:#cce5ff}.status-pending{color:#856404;background:#fff3cd}.status-cancelled{color:#721c24;background:#f8d7da}.empty-state{text-align:center;color:#999;padding:40px;font-size:14px}.btn-confirm-receipt{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:700}.btn-confirm-receipt:hover{background:#218838}.btn-confirm-receipt:disabled{cursor:not-allowed;background:#ccc}@media (width<=1024px){.profile-grid{grid-template-columns:1fr}}@media (width<=768px){.profile-container{padding:20px 15px}.profile-header{padding:25px 20px}.user-avatar{width:55px;height:55px;font-size:22px}.user-info-header h1{font-size:20px}.balance-cards{grid-template-columns:1fr;padding:15px}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr}.col-store{display:none}}@media (width<=480px){.profile-header-content{text-align:center;flex-direction:column}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr;gap:10px;padding:10px 12px;font-size:11px}.col-date{display:none}.balance-actions{grid-template-columns:1fr}.withdraw-button{border-left:none}}.deposit-page{background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.deposit-container{border:1px solid #e0e0e0;box-shadow:0 2px 12px #0000000f;background:#fff!important}.deposit-container h2{color:#1a1a1a!important}.deposit-container label{font-size:13px;font-weight:600;color:#1a1a1a!important}.deposit-container input{box-sizing:border-box;appearance:none;width:100%;padding:12px 14px;transition:border-color .2s;color:#1a1a1a!important;background:#fff!important;border:2px solid #e0e0e0!important;border-radius:8px!important;outline:none!important;font-size:15px!important}.deposit-container input::placeholder{color:#bbb!important}.deposit-container input:focus{border-color:#e53935!important;box-shadow:0 0 0 3px #e5393514!important}.deposit-container input:-webkit-autofill{-webkit-text-fill-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.deposit-container input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.deposit-container input:-webkit-autofill:focus{-webkit-text-fill-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.deposit-container .btn-deposit{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:8px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:background .2s}.deposit-container .btn-deposit:hover{background:#c62828}.deposit-container .btn-deposit:disabled{cursor:not-allowed;background:#ccc!important}.deposit-container .btn-back{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;width:100%;margin-top:12px;padding:12px;font-size:14px;transition:all .2s}.deposit-container .btn-back:hover{color:#333;background:#f5f5f5}.deposit-container .alert-box{background:#fff3cd;border:1px solid #ffecb5;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.deposit-container .alert-box .alert-text{color:#856404;font-size:12px;line-height:1.4}.deposit-container .message-success{color:#2e7d32;text-align:center;background:#e8f5e9;border-radius:6px;margin-top:15px;padding:12px;font-size:13px}.deposit-container .message-error{color:#c62828;text-align:center;background:#ffebee;border-radius:6px;margin-top:15px;padding:12px;font-size:13px}@media (prefers-color-scheme:dark){.deposit-page{background:#f5f5f5!important}.deposit-container{background:#fff!important;border-color:#e0e0e0!important}.deposit-container h2,.deposit-container label{color:#1a1a1a!important}.deposit-container input{color:#1a1a1a!important;background:#fff!important;border-color:#e0e0e0!important}.deposit-container input::placeholder{color:#bbb!important}.deposit-container input:-webkit-autofill{-webkit-text-fill-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.deposit-container input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.deposit-container input:-webkit-autofill:focus{-webkit-text-fill-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}}@media (width<=600px){.deposit-container{border-radius:12px!important;margin:20px 12px!important;padding:20px!important}.deposit-container h2{font-size:18px}}.product-detail-page{background:#f5f5f5;min-height:100vh}.product-detail-container{max-width:1200px;margin:0 auto;padding:20px}.breadcrumb{color:#999;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.breadcrumb span{cursor:pointer}.breadcrumb span:hover{color:#e53935}.breadcrumb .separator{cursor:default;color:#ccc}.breadcrumb .current{color:#333;cursor:default;font-weight:600}.product-main{background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px;padding:24px;display:grid}.product-gallery{flex-direction:column;gap:12px;display:flex}.main-image{aspect-ratio:1;background:#f8f8f8;border-radius:10px;width:100%;position:relative;overflow:hidden}.main-image img{object-fit:contain;width:100%;height:100%}.no-image-placeholder{background:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.no-image-placeholder span{color:#ccc;font-size:60px;font-weight:700}.discount-badge{color:#fff;background:#e53935;border-radius:4px;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;top:12px;left:12px}.image-thumbnails{gap:8px;padding:4px 0;display:flex;overflow-x:auto}.thumbnail{cursor:pointer;background:#f8f8f8;border:2px solid #0000;border-radius:8px;width:56px;min-width:56px;height:56px;overflow:hidden}.thumbnail:hover,.thumbnail.active{border-color:#e53935}.thumbnail img{object-fit:cover;width:100%;height:100%}.product-info-detail{flex-direction:column;gap:16px;display:flex}.product-title{color:#1a1a1a;margin:0;font-size:22px;font-weight:700;line-height:1.3}.seller-info-detail{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.seller-name{color:#333;font-size:14px;font-weight:600}.seller-rating{color:#f59e0b;font-size:13px}.price-section{align-items:baseline;gap:10px;display:flex}.current-price{color:#e53935;font-size:26px;font-weight:700}.old-price-detail{color:#bbb;font-size:16px;text-decoration:line-through}.stock-info{font-size:14px}.in-stock{color:#059669;font-weight:500}.out-stock{color:#dc2626;font-weight:500}.quantity-selector{align-items:center;gap:8px;display:flex}.quantity-selector button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;width:32px;height:32px;font-size:16px}.qty-value{text-align:center;min-width:24px;font-size:16px;font-weight:600}.total-price{color:#333;font-size:15px}.total-price span{color:#e53935;font-weight:700}.wallet-info-banner{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.wallet-info-banner span{color:#333;font-size:13px}.btn-deposit-link{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.action-buttons-detail{gap:10px;display:flex}.btn-buy-now{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:8px;flex:1;padding:14px;font-size:15px;font-weight:700}.btn-buy-now:hover{background:#c62828}.btn-buy-now.disabled{cursor:not-allowed;background:#ccc}.seller-contact-section{margin-top:8px}.btn-contact-seller{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500}.btn-contact-seller:hover{color:#e53935;background:#f5f5f5;border-color:#e53935}.product-details-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.product-details-section h3{margin-bottom:12px;font-size:16px;font-weight:700}.product-details-section p{color:#555;font-size:14px;line-height:1.6}.related-products{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.related-products h3{margin-bottom:16px;font-size:16px;font-weight:700}.related-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.related-card{cursor:pointer;transition:transform .15s}.related-card:hover{transform:translateY(-2px)}.related-card-image{aspect-ratio:1;background:#f8f8f8;border-radius:8px;width:100%;margin-bottom:8px;overflow:hidden}.related-card-image img{object-fit:cover;width:100%;height:100%}.related-no-image{color:#ccc;justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;display:flex}.related-card h4{margin:0 0 4px;font-size:12px;font-weight:600}.related-price span{color:#e53935;font-size:13px;font-weight:700}.purchase-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.purchase-modal{background:#fff;border-radius:16px;width:100%;max-width:550px;max-height:90vh;padding:24px;overflow-y:auto}.purchase-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.purchase-header h2{margin:0;font-size:18px;font-weight:700}.close-modal{cursor:pointer;color:#999;background:0 0;border:none;padding:4px;font-size:20px}.wallet-balance-bar{background:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.product-total-badge{color:#e53935;font-weight:600}.purchase-steps{align-items:center;gap:6px;margin-bottom:20px;display:flex}.p-step{color:#ccc;align-items:center;gap:6px;font-size:11px;display:flex}.p-step.active{color:#333}.p-step.completed .p-step-number{background:#059669}.p-step-number{color:#fff;background:#ddd;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.p-step.active .p-step-number{background:#e53935}.p-step-line{background:#ddd;flex:1;height:1px}.error-banner{color:#c62828;background:#ffebee;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px}.form-group input:focus{border-color:#e53935}.order-summary{background:#f8f9fa;border-radius:8px;margin-bottom:12px;padding:12px}.summary-row{color:#555;justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.summary-row.total{color:#1a1a1a;border-top:1px solid #ddd;margin-top:8px;padding-top:8px;font-size:14px;font-weight:700}.btn-back{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500}.btn-back:hover{background:#e2e8f0}.btn-confirm-payment{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:600}.btn-confirm-payment:hover{background:#1d4ed8}.btn-confirm-payment:disabled{cursor:not-allowed;background:#94a3b8}.btn-finish{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:12px;padding:12px;font-size:14px;font-weight:600}.btn-finish:hover{background:#1d4ed8}.payment-actions{align-items:center;gap:10px;margin-top:12px;display:flex}.delivery-type-selection{flex-direction:column;gap:10px;display:flex}.delivery-type-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px;transition:all .15s;display:flex}.delivery-type-btn:hover{background:#f8faff;border-color:#2563eb}.delivery-type-btn.selected{background:#eff6ff;border-color:#2563eb}.delivery-type-icon{flex-shrink:0;font-size:28px}.delivery-type-btn strong{color:#1e293b;margin-bottom:2px;font-size:14px;display:block}.delivery-type-btn p{color:#64748b;margin:0;font-size:11px}.vehicle-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.vehicle-btn{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;transition:all .15s;display:flex}.vehicle-btn:hover{background:#f8faff;border-color:#2563eb;transform:translateY(-1px)}.vehicle-btn.selected{background:#dbeafe;border-color:#2563eb}.vehicle-icon{font-size:24px;line-height:1}.vehicle-label{color:#334155;font-size:11px;font-weight:600}.vehicle-btn.selected .vehicle-label{color:#1e40af}.vehicle-price{color:#64748b;background:#f1f5f9;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:500}.vehicle-btn.selected .vehicle-price{color:#1e40af;background:#bfdbfe}.btn-calculate-fee{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:14px;font-weight:600}.btn-calculate-fee:hover{background:#1d4ed8}.btn-calculate-fee:disabled{cursor:not-allowed;background:#94a3b8}.fee-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:12px;padding:12px}.fee-detail{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.fee-detail span{color:#64748b}.fee-detail strong{color:#1e293b}.fee-detail.total{border-top:1px solid #bbf7d0;margin-top:4px;padding-top:6px;font-size:15px}.fee-detail.total strong{color:#059669;font-size:16px}.fee-note{color:#64748b;text-align:center;margin-top:6px;font-size:10px;font-style:italic}.btn-next-step{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;width:100%;margin-top:10px;padding:10px;font-size:13px;font-weight:600}.btn-next-step:hover{background:#047857}.confirmation-section{text-align:center;padding:16px}.success-icon-large{margin-bottom:8px;font-size:48px}.delivery-code-display{background:#f8fafc;border-radius:8px;margin:12px 0;padding:12px}.delivery-code-display p{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin:0 0 2px;font-size:10px}.code-highlight{color:#2563eb;letter-spacing:2px;font-size:24px;font-weight:800}.confirmation-details{margin-bottom:12px}.detail-item{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.detail-item span:first-child{color:#64748b}.detail-item span:last-child{font-weight:500}@media (width<=900px){.product-main{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.product-detail-container{padding:12px}.product-main{padding:16px}.product-title{font-size:18px}.current-price{font-size:22px}.related-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.purchase-modal{border-radius:12px;padding:16px}.vehicle-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.thumbnail{width:44px;min-width:44px;height:44px}.related-card h4{font-size:11px}}.product-variants-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px}.product-variants-section h3{margin-bottom:12px;font-size:16px;font-weight:700}.variants-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.variant-card{cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:12px;transition:all .15s}.variant-card:hover{border-color:#2563eb;transform:translateY(-1px)}.variant-card.selected{background:#eff6ff;border-color:#2563eb}.variant-image{background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:8px;display:flex;overflow:hidden}.variant-image img{object-fit:contain;width:100%;height:100%}.variant-info p{color:#334155;margin:0 0 4px;font-size:12px;line-height:1.3}.variant-price{color:#e53935;margin-bottom:6px;font-size:14px;font-weight:700;display:block}.btn-variant-buy{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:6px;width:100%;padding:8px;font-size:12px;font-weight:600}.btn-variant-buy:hover{background:#c62828}.search-results-page{--nav-height:52px;--cat-height:44px;--red:#e53935;--white:#fff;--text:#1a1a1a;--text-light:#999;--border:#eee;--bg:#f5f5f5;background:var(--bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.search-navbar{z-index:100;background:var(--white);border-bottom:1px solid var(--border);height:var(--nav-height);position:fixed;top:0;left:0;right:0}.search-navbar .navbar-inner{align-items:center;gap:12px;height:100%;padding:0 12px;display:flex}.search-navbar .navbar-logo{color:var(--red);cursor:pointer;flex-shrink:0;font-size:20px;font-weight:800}.search-navbar .navbar-search{background:#f0f0f0;border-radius:20px;flex:1;align-items:center;max-width:600px;height:36px;margin:0 auto;padding:0 12px;display:flex}.search-navbar .navbar-search input{background:0 0;border:none;outline:none;flex:1;padding:0 8px;font-size:14px}.search-navbar .navbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.search-categories{top:var(--nav-height);z-index:99;background:var(--white);border-bottom:1px solid var(--border);height:var(--cat-height);position:fixed;left:0;right:0}.search-categories .categories-scroll{scrollbar-width:none;white-space:nowrap;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}.search-categories .category-chip{cursor:pointer;color:#666;white-space:nowrap;background:#f0f0f0;border:none;border-radius:16px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500}.search-categories .category-chip.active{background:var(--red);color:#fff;font-weight:600}.search-results-content{padding-top:calc(var(--nav-height) + var(--cat-height) + 16px);max-width:1200px;margin:0 auto;padding-left:12px;padding-right:12px}.search-header{margin-bottom:16px}.search-header h2{margin:0 0 4px;font-size:18px;font-weight:700}.search-header p{color:var(--text-light);margin:0 0 2px;font-size:13px}.results-count{color:var(--text-light);font-size:12px}.results-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width>=768px){.results-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (width>=1200px){.results-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.product-card-search{background:var(--white);cursor:pointer;border:1px solid #f0f0f0;border-radius:8px;transition:transform .15s;overflow:hidden}.product-card-search:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.product-image-search{background:#f8f8f8;width:100%;padding-top:85%;position:relative;overflow:hidden}.product-image-search img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.no-image-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex;position:absolute;top:0;left:0}.discount-badge-search{background:var(--red);color:#fff;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.product-info-search{padding:8px 10px}.product-info-search h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 2px;font-size:12px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.product-store-search{color:var(--text-light);margin:0 0 4px;font-size:10px}.price-row-search{align-items:baseline;gap:6px;display:flex}.price-search{color:var(--red);font-size:14px;font-weight:700}.old-price-search{color:#bbb;font-size:11px;text-decoration:line-through}.loading-results,.no-results{text-align:center;color:var(--text-light);padding:60px 20px}.no-results button{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:20px;margin-top:12px;padding:10px 24px;font-weight:600}@media (width<=1023px){.search-navbar .navbar-search{display:none}.search-navbar .mobile-search-trigger{display:flex}}.mobile-search-trigger{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.mobile-search-trigger svg{color:#666;width:22px;height:22px}.mobile-search-overlay{z-index:200;background:#00000080;justify-content:center;align-items:flex-start;padding-top:8px;display:flex;position:fixed;inset:0}.mobile-search-box{background:var(--white);border-radius:12px;width:95%;padding:12px}.mobile-search-input-wrapper{background:#f0f0f0;border-radius:20px;align-items:center;height:40px;padding:0 12px;display:flex}.mobile-search-input-wrapper input{background:0 0;border:none;outline:none;flex:1;padding:0 8px;font-size:15px}.mobile-search-close{color:var(--red);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:8px;padding:8px;font-size:14px;font-weight:600}.nav-text-btn{cursor:pointer;background:var(--white);color:var(--text);white-space:nowrap;border:1px solid #ddd;border-radius:18px;padding:7px 14px;font-size:13px;font-weight:600}.all-products-page{background:#f5f5f5;min-height:100vh}.all-products-container{max-width:1200px;margin:0 auto;padding:30px 20px}.products-header{margin-bottom:25px}.products-header h2{color:#1a1a1a;margin-bottom:6px;font-size:24px;font-weight:700}.products-header p{color:#999;font-size:14px}.products-toolbar{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.toolbar-search{flex:1;min-width:250px}.toolbar-search input{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px}.toolbar-search input:focus{border-color:#e53935}.toolbar-sort select{cursor:pointer;color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:8px;outline:none;padding:12px 16px;font-size:14px}.products-layout{gap:25px;display:flex}.categories-sidebar{background:#fff;border:1px solid #e8e8e8;flex:0 0 220px;height:fit-content;padding:20px;position:sticky;top:20px}.categories-sidebar h4{color:#333;text-transform:uppercase;margin-bottom:15px;font-size:14px;font-weight:700}.categories-sidebar ul{margin:0;padding:0;list-style:none}.categories-sidebar li{cursor:pointer;color:#666;margin-bottom:4px;padding:10px 12px;font-size:13px;transition:all .2s}.categories-sidebar li:hover{color:#333;background:#f5f5f5}.categories-sidebar li.active{color:#e53935;background:#ffebee;font-weight:600}.products-grid-all{flex:1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.product-card-all{outline-offset:-1px;cursor:pointer;box-shadow:none;background:#fff;border:1px solid #fecaca;border-radius:0;outline:1px solid #fecaca;transition:transform .15s;overflow:hidden}.product-card-all:hover{box-shadow:none;border-color:#e53935;outline-color:#e53935;transform:translateY(-1px)}.product-image-all{aspect-ratio:1;background:#fafafa;width:100%;position:relative;overflow:hidden}.product-image-all img{object-fit:cover;width:100%;height:100%}.product-image-placeholder-all{color:#ddd;background:#f8f8f8;justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;display:flex}.discount-badge-all{color:#fff;background:#e53935;border-radius:0;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:2px;left:2px}.product-info-all{padding:6px 8px}.product-info-all h3{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;font-size:11px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.store-all{color:#999;margin-bottom:3px;font-size:9px}.price-all{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.current-price-all{color:#e53935;font-size:9px;font-weight:700}.old-price-all{color:#bbb;font-size:8px;text-decoration:line-through}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:40px;padding:20px;display:flex}.page-btn{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:background .2s}.page-btn:hover:not(:disabled){background:#c62828}.page-btn:disabled{cursor:not-allowed;background:#ccc}.page-info{color:#666;font-size:14px;font-weight:500}@media (width<=900px){.products-grid-all{grid-template-columns:repeat(2,1fr);gap:6px}.categories-sidebar{flex:0 0 180px;padding:16px}}@media (width<=768px){.products-layout{flex-direction:column}.categories-sidebar{flex:none;padding:12px;position:static}.categories-sidebar h4{margin-bottom:10px;font-size:12px}.categories-sidebar ul{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.categories-sidebar ul::-webkit-scrollbar{display:none}.categories-sidebar li{white-space:nowrap;flex-shrink:0;margin-bottom:0;padding:8px 14px;font-size:12px}.products-grid-all{grid-template-columns:repeat(2,1fr);gap:6px}.all-products-container{padding:15px 10px}.products-header h2{font-size:20px}}@media (width<=480px){.products-grid-all{grid-template-columns:repeat(2,1fr);gap:4px}.product-info-all{padding:4px 6px}.product-info-all h3{font-size:9px}.current-price-all{font-size:8px}.old-price-all,.store-all{font-size:7px}.discount-badge-all{padding:1px 4px;font-size:7px;top:2px;left:2px}.toolbar-search{min-width:100%}.all-products-container{padding:10px 6px}.pagination{gap:10px}.page-btn{padding:8px 14px;font-size:12px}}.current-price-all{font-size:13px!important}.messages-page{background:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.messages-container{background:#fff;max-width:1400px;height:100vh;margin:0 auto;display:flex;overflow:hidden}.messages-sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;flex-direction:column;width:350px;min-width:300px;height:100%;display:flex}.messages-sidebar-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.messages-sidebar-header h3{color:#1a1a1a;margin:0;font-size:18px;font-weight:700}.contacts-list{flex:1;padding:8px;overflow-y:auto}.contact-item{cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;transition:all .15s;display:flex}.contact-item:hover{background:#f5f5f5}.contact-item.active{background:#ffebee}.contact-avatar{color:#fff;background:#e53935;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.contact-avatar img{object-fit:cover;width:100%;height:100%}.contact-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.contact-name-row{justify-content:space-between;align-items:center;display:flex}.contact-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.unread-badge{color:#fff;text-align:center;background:#e53935;border-radius:10px;min-width:20px;padding:2px 7px;font-size:11px;font-weight:700}.contact-type{color:#999;font-size:11px}.contact-last-message{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.contact-time{color:#aaa;flex-shrink:0;align-self:flex-start;margin-top:2px;font-size:11px}.no-contacts{text-align:center;color:#999;padding:40px 20px}.no-contacts p{margin:8px 0;font-size:14px}.messages-chat{background:#fff;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.chat-header{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.chat-contact-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.chat-avatar{color:#fff;background:#e53935;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%}.chat-contact-name-wrapper{cursor:pointer;min-width:0}.chat-contact-name-wrapper h4{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.chat-contact-name-wrapper:hover h4{color:#e53935;text-decoration:underline}.chat-contact-type{color:#999;font-size:11px}.btn-back-mobile{cursor:pointer;background:0 0;border:none;align-items:center;margin-right:8px;padding:8px;display:flex}.btn-back-mobile svg{color:#e53935;stroke:#e53935;width:22px;height:22px}.btn-refresh{cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:8px;transition:background .2s;display:flex}.btn-refresh svg{color:#999;stroke:#999;width:20px;height:20px}.btn-refresh:hover{background:#f5f5f5}.chat-messages{background:#fff;flex-direction:column;flex:1;gap:2px;padding:16px 20px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.no-messages{text-align:center;color:#999;margin:auto;padding:60px 20px}.no-messages p{margin:4px 0;font-size:13px}.message{flex-direction:column;max-width:75%;margin-bottom:4px;display:flex}.message.sent{align-self:flex-end;align-items:flex-end}.message.received{align-self:flex-start;align-items:flex-start}.message-sender-name{color:#e53935;margin-bottom:2px;padding-left:4px;font-size:11px;font-weight:600}.message-bubble{word-break:break-word;border-radius:8px;padding:5px 10px;line-height:1.4;position:relative}.message.received .message-bubble{color:#1a1a1a;background:#f0f0f0}.message.sent .message-bubble{color:#fff;background:#e53935}.message-text{margin:0;font-size:14px;line-height:1.4}.message-image{cursor:pointer;object-fit:cover;border-radius:8px;max-width:250px;max-height:250px;margin-bottom:4px;display:block}.message-time{color:#999;margin-top:2px;padding:0 4px;font-size:10px}.message.sent .message-time{text-align:right}.message.received .message-time{text-align:left}.btn-attach,.btn-camera{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:8px;display:flex}.btn-attach svg,.btn-camera svg{color:#999;stroke:#999;width:22px;height:22px}.btn-attach:hover svg,.btn-camera:hover svg{color:#e53935;stroke:#e53935}.image-preview-container{background:#f0f0f0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.image-preview-container img{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:60px}.remove-image-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.send-image-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#e53935;border:none;border-radius:20px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:600}.send-image-btn:disabled{cursor:not-allowed;background:#ccc}.chat-input{background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex;position:sticky;bottom:0}.chat-input input{color:#1a1a1a;caret-color:#e53935;background:#f0f0f0;border:none;border-radius:24px;outline:none;flex:1;padding:10px 14px;font-size:14px}.chat-input input::placeholder{color:#bbb}.chat-input input:focus{background:#e8e8e8}.chat-input input:disabled{cursor:not-allowed;background:#f5f5f5}.btn-send{cursor:pointer;background:#e0e0e0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-send svg{stroke:#999;width:20px;height:20px}.btn-send:hover:not(:disabled){background:#e53935}.btn-send:hover:not(:disabled) svg{stroke:#fff}.btn-send:disabled{cursor:not-allowed;background:#f0f0f0}.btn-send:disabled svg{stroke:#ccc}.chat-input:has(input:not(:placeholder-shown)) .btn-send{background:#e53935}.chat-input:has(input:not(:placeholder-shown)) .btn-send svg{stroke:#fff}.no-chat-selected{color:#999;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.no-chat-icon{margin-bottom:16px}.no-chat-icon svg{stroke:#ddd}.no-chat-selected h3{color:#666;margin:0 0 8px;font-size:16px}.no-chat-selected p{color:#999;max-width:280px;margin:0;font-size:13px}.suspended-banner{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;flex-direction:column;gap:4px;margin:8px;padding:10px 14px;font-size:12px;display:flex}.suspended-banner span:first-child{font-weight:600}.messages-loading{text-align:center;color:#999;padding:60px;font-size:15px}@media (width<=767px){.messages-container{flex-direction:column;height:100vh}.messages-sidebar{width:100%;min-width:100%;height:100%;max-height:100%}.messages-chat{z-index:10;background:#fff;position:fixed;inset:0 0 56px}.chat-input{background:#fff;position:sticky;bottom:56px}.message{max-width:85%}.message-image{max-width:200px;max-height:200px}.chat-messages{padding:12px 14px}}@media (width>=768px){.btn-back-mobile{display:none}.chat-messages{padding:16px 40px}.message{max-width:60%}}.btn-delete-msg{cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:none;position:absolute;top:2px;right:2px}.btn-delete-msg svg{stroke:#fff}.message-bubble:hover .btn-delete-msg{display:flex}.message.received .btn-delete-msg{display:none!important}.referenced-product-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:12px;margin:8px 12px;padding:12px;display:flex}.ref-product-image{background:#f8f8f8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.ref-product-image img{object-fit:cover;width:100%;height:100%}.ref-product-image span{font-size:28px}.ref-product-info{flex:1}.ref-product-info strong{margin-bottom:2px;font-size:13px;display:block}.ref-product-price{color:#e53935;margin-bottom:4px;font-size:14px;font-weight:700;display:block}.ref-product-info button{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:14px;padding:4px 12px;font-size:11px;font-weight:600}.ref-product-info button:hover{background:#047857}.info-page{background:#f5f5f5;min-height:100vh}.info-container{gap:30px;max-width:1100px;margin:0 auto;padding:30px 20px;display:flex}.info-sidebar{background:#fff;border:1px solid #e8e8e8;border-radius:10px;flex:0 0 280px;height:fit-content;padding:20px;position:sticky;top:20px}.info-sidebar h3{color:#1a1a1a;border-bottom:1px solid #e8e8e8;margin-bottom:15px;padding-bottom:15px;font-size:16px;font-weight:700}.info-menu{list-style:none}.info-menu-item{cursor:pointer;color:#666;border-radius:6px;align-items:center;gap:10px;margin-bottom:4px;padding:12px 14px;font-size:13px;transition:all .2s;display:flex}.info-menu-item:hover{color:#333;background:#f5f5f5}.info-menu-item.active{color:red;background:#fff0f0;font-weight:600}.menu-icon{text-align:center;width:24px;font-size:16px}.info-content{background:#fff;border:1px solid #e8e8e8;border-radius:10px;flex:1;min-height:500px;padding:35px}.info-content h1{color:#1a1a1a;border-bottom:2px solid red;margin-bottom:30px;padding-bottom:20px;font-size:28px;font-weight:700}.info-sections{flex-direction:column;gap:25px;display:flex}.info-block{margin-bottom:10px}.info-block h3{color:#333;margin-bottom:12px;font-size:18px;font-weight:600}.info-block p{color:#666;white-space:pre-line;margin-bottom:10px;font-size:14px;line-height:1.8}@media (width<=768px){.info-container{flex-direction:column;padding:20px 15px}.info-sidebar{flex:none;width:100%;position:static}.info-menu{flex-wrap:wrap;gap:6px;display:flex}.info-menu-item{flex:none;padding:8px 12px;font-size:12px}.info-content{padding:20px}.info-content h1{font-size:22px}}@media (width<=480px){.info-menu-item{padding:6px 10px;font-size:11px}.info-content{padding:15px}.info-content h1{font-size:20px}.info-block h3{font-size:16px}}.admin-pro{--ad-bg:#f1f5f9;--ad-white:#fff;--ad-text:#1e293b;--ad-text-light:#64748b;--ad-border:#e2e8f0;--ad-radius:10px;--ad-header-h:56px;--ad-sidebar-w:230px;--ad-primary:#1e293b;--ad-accent:#2563eb;--ad-green:#059669;--ad-red:#dc2626;--ad-orange:#ea580c;--ad-purple:#7c3aed;--ad-teal:#0d9488;--ad-indigo:#4f46e5;background:var(--ad-bg);color:var(--ad-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-pro *{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;margin:0;padding:0}.ad-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex}.ad-spinner{border:3px solid var(--ad-border);border-top-color:var(--ad-accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.ad-header{z-index:100;height:var(--ad-header-h);background:var(--ad-primary);color:#fff;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.ad-header-left{align-items:center;gap:12px;display:flex}.ad-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px;display:none}.ad-logo{letter-spacing:2px;font-size:18px;font-weight:800}.ad-header-right{align-items:center;gap:12px;display:flex}.ad-header-user{color:#cbd5e1;font-size:13px}.ad-btn-logout{color:#fca5a5;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.ad-layout{padding-top:var(--ad-header-h);min-height:100vh;display:flex}.ad-sidebar{top:var(--ad-header-h);width:var(--ad-sidebar-w);background:var(--ad-white);border-right:1px solid var(--ad-border);z-index:90;padding:12px 0;transition:transform .3s;position:fixed;bottom:0;left:0;overflow-y:auto}.ad-sidebar-overlay{display:none}.ad-nav{flex-direction:column;gap:2px;padding:0 8px;display:flex}.ad-nav-item{cursor:pointer;color:var(--ad-text-light);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.ad-nav-item:hover{background:var(--ad-bg)}.ad-nav-item.active{color:var(--ad-accent);background:#eff6ff;font-weight:600}.ad-nav-badge{background:var(--ad-red);color:#fff;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.ad-main{margin-left:var(--ad-sidebar-w);min-height:calc(100vh - var(--ad-header-h));flex:1;padding:20px 24px}.ad-section h2{margin-bottom:16px;font-size:18px;font-weight:700}.ad-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.ad-stat-card{border-radius:var(--ad-radius);text-align:center;color:#fff;padding:16px}.ad-stat-card.dark{background:var(--ad-primary)}.ad-stat-card.green{background:var(--ad-green)}.ad-stat-card.orange{background:var(--ad-orange)}.ad-stat-card.blue{background:var(--ad-accent)}.ad-stat-card.red{background:var(--ad-red)}.ad-stat-card.purple{background:var(--ad-purple)}.ad-stat-card.teal{background:var(--ad-teal)}.ad-stat-card.indigo{background:var(--ad-indigo)}.ad-stat-val{font-size:20px;font-weight:700;display:block}.ad-stat-lbl{opacity:.9;text-transform:uppercase;font-size:10px}.ad-visit-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.ad-visit-card{border-radius:var(--ad-radius);text-align:center;background:#fff;padding:14px;box-shadow:0 1px 3px #0000000f}.ad-visit-card strong{font-size:18px;display:block}.ad-visit-card span{color:var(--ad-text-light);font-size:11px}.ad-card{border-radius:var(--ad-radius);background:#fff;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.ad-card-body{flex-direction:column;gap:2px;display:flex}.ad-card-body strong{font-size:14px}.ad-card-body span{color:var(--ad-text-light);font-size:12px}.ad-card-actions{gap:6px;display:flex}.ad-btn-approve{background:var(--ad-green);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:600}.ad-btn-reject{background:var(--ad-red);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:600}.ad-btn-add{background:var(--ad-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.ad-table{border-radius:var(--ad-radius);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ad-thead,.ad-trow{grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr 1.5fr;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:grid}.ad-thead{background:var(--ad-primary);color:#fff;font-weight:600;position:sticky;top:0}.ad-trow{border-bottom:1px solid #f1f5f9}.ad-trow:hover{background:#f8fafc}.ad-status{text-transform:capitalize;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.ad-status.active{color:#065f46;background:#d1fae5}.ad-status.suspended,.ad-status.inactive{color:#991b1b;background:#fee2e2}.ad-status.pending{color:#92400e;background:#fef3c7}.ad-amount{color:var(--ad-green);font-weight:700}.ad-actions{gap:4px;display:flex}.ad-actions button{border:1px solid var(--ad-border);cursor:pointer;background:#fff;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600}.ad-actions button.danger{color:var(--ad-red);border-color:#fecaca}.ad-actions button:hover{background:#f1f5f9}.ad-delivery-card{border-radius:var(--ad-radius);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:10px;padding:16px;display:grid;box-shadow:0 1px 3px #0000000a}.ad-delivery-photos{gap:8px;display:flex}.ad-delivery-photos img{object-fit:cover;cursor:pointer;border:1px solid var(--ad-border);border-radius:8px;width:60px;height:60px}.ad-delivery-info{font-size:13px}.ad-delivery-info strong{font-size:14px;display:block}.ad-delivery-info p{color:var(--ad-text-light);margin:2px 0;font-size:11px}.ad-delivery-actions{flex-direction:column;gap:6px;display:flex}.ad-ticket-card{border-radius:var(--ad-radius);cursor:pointer;background:#fff;margin-bottom:6px;padding:12px 16px;box-shadow:0 1px 3px #0000000a}.ad-ticket-detail{border-top:1px solid var(--ad-border);margin-top:10px;padding-top:10px}.ad-ticket-detail textarea{border:1px solid var(--ad-border);resize:vertical;border-radius:6px;width:100%;padding:8px;font-size:12px}.ad-ticket-detail button{border:1px solid var(--ad-border);cursor:pointer;background:var(--ad-accent);color:#fff;border-radius:6px;margin-top:6px;margin-right:6px;padding:6px 12px;font-size:11px;font-weight:600}.ad-banner-card{border-radius:var(--ad-radius);background:#fff;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ad-banner-card img{object-fit:cover;width:100%;height:120px}.ad-banner-card>div{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ad-profile-card{border-radius:var(--ad-radius);background:#fff;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.ad-profile-avatar{background:var(--ad-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex}.ad-btn-password{background:var(--ad-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600}.ad-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ad-modal{border-radius:var(--ad-radius);background:#fff;width:100%;max-width:450px;max-height:85vh;padding:24px;overflow-y:auto}.ad-modal h3{margin-bottom:16px}.ad-modal input,.ad-modal select{border:1px solid var(--ad-border);border-radius:6px;width:100%;margin-bottom:10px;padding:8px 12px;font-size:13px}.ad-modal-actions{gap:8px;margin-top:12px;display:flex}.ad-modal-actions button{border:1px solid var(--ad-border);cursor:pointer;border-radius:6px;flex:1;padding:10px;font-size:13px;font-weight:600}.ad-modal-actions button[type=submit]{background:var(--ad-accent);color:#fff;border-color:var(--ad-accent)}.ad-search{border:1px solid var(--ad-border);border-radius:8px;outline:none;width:100%;margin-bottom:14px;padding:10px 14px;font-size:13px}.ad-filter-bar{gap:6px;margin-bottom:14px;display:flex}.ad-filter-btn{border:1px solid var(--ad-border);cursor:pointer;background:#fff;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:500}.ad-filter-btn.active{background:var(--ad-accent);color:#fff;border-color:var(--ad-accent)}.ad-top-sellers{border-radius:var(--ad-radius);background:#fff;padding:16px;box-shadow:0 1px 3px #0000000a}.ad-top-sellers h3{margin-bottom:10px;font-size:14px}.ad-top-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:8px 0;display:flex}.ad-top-rank{color:var(--ad-accent);width:24px;font-weight:700}.ad-top-name{flex:1;font-size:13px}.ad-top-commission{color:var(--ad-green);font-size:13px;font-weight:600}.ad-empty{text-align:center;color:var(--ad-text-light);padding:30px}.ad-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}@media (width<=1024px){.ad-stats-grid{grid-template-columns:repeat(2,1fr)}.ad-thead,.ad-trow{grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr 1fr}}@media (width<=768px){.ad-menu-toggle{display:block}.ad-sidebar{transform:translate(-100%)}.ad-sidebar.open{transform:translate(0)}.ad-sidebar-overlay{z-index:85;background:#0006;display:block;position:fixed;inset:0}.ad-main{margin-left:0;padding:14px}.ad-stats-grid{grid-template-columns:1fr 1fr}.ad-thead,.ad-trow{grid-template-columns:1fr 1fr 1fr;gap:4px;font-size:11px}.ad-delivery-card{grid-template-columns:1fr}.ad-header-user{display:none}}.seller-pro{--sp-primary:#0f172a;--sp-accent:#e94560;--sp-green:#059669;--sp-blue:#2563eb;--sp-purple:#7c3aed;--sp-orange:#ea580c;--sp-bg:#f1f5f9;--sp-white:#fff;--sp-text:#1e293b;--sp-text-light:#64748b;--sp-border:#e2e8f0;--sp-radius:10px;--sp-shadow:0 1px 3px #0000000f;--sidebar-w:200px;--header-h:56px;--mobile-nav-h:56px;background:var(--sp-bg);color:var(--sp-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.seller-pro *{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;margin:0;padding:0}.sp-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex}.sp-spinner{border:3px solid var(--sp-border);border-top-color:var(--sp-accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.sp-header{z-index:100;height:var(--header-h);background:var(--sp-primary);color:#fff;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000026}.sp-header-left{align-items:center;gap:10px;display:flex}.sp-logo{cursor:pointer;letter-spacing:2px;font-size:20px;font-weight:800}.sp-header-subtitle{color:#94a3b8;background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:10px}.sp-header-center{align-items:center;display:flex}.sp-store-info{align-items:center;gap:8px;display:flex}.sp-store-avatar{cursor:pointer;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.sp-store-avatar img{object-fit:cover;width:100%;height:100%}.sp-store-avatar span{font-size:14px;font-weight:700}.sp-store-info strong{font-size:13px;display:block}.sp-store-info span{color:#94a3b8;font-size:10px}.sp-header-right{align-items:center;gap:8px;display:flex}.sp-wallet-mini{text-align:right;margin-right:8px}.sp-wallet-mini span{color:#94a3b8;font-size:9px;display:block}.sp-wallet-mini strong{color:#4ade80;font-size:13px}.sp-header-right button{cursor:pointer;color:#fff;background:0 0;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600}.sp-btn-deposit{background:var(--sp-green)!important;border-color:var(--sp-green)!important}.sp-btn-withdraw{background:var(--sp-orange)!important;border-color:var(--sp-orange)!important}.sp-btn-logout{color:#fca5a5!important}.sp-layout{padding-top:var(--header-h);min-height:100vh;display:flex}.sp-sidebar{top:var(--header-h);width:var(--sidebar-w);background:var(--sp-white);border-right:1px solid var(--sp-border);z-index:50;flex-direction:column;justify-content:space-between;padding:16px 0;display:flex;position:fixed;bottom:0;left:0}.sp-nav{flex-direction:column;gap:2px;padding:0 8px;display:flex}.sp-nav-item{cursor:pointer;color:var(--sp-text-light);text-align:left;background:0 0;border:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s}.sp-nav-item:hover{background:var(--sp-bg)}.sp-nav-item.active{color:var(--sp-blue);background:#eff6ff;font-weight:600}.sp-sidebar-footer{flex-direction:column;gap:4px;padding:8px;display:flex}.sp-sidebar-footer button{border:1px solid var(--sp-border);cursor:pointer;color:var(--sp-text-light);background:#fff;border-radius:6px;padding:8px;font-size:11px}.sp-main{margin-left:var(--sidebar-w);flex:1;padding:20px 24px 80px}.sp-main h2{margin-bottom:16px;font-size:18px;font-weight:700}.sp-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.sp-stat-card{border-radius:var(--sp-radius);text-align:center;box-shadow:var(--sp-shadow);padding:18px}.sp-stat-card.green{background:#ecfdf5}.sp-stat-card.orange{background:#fff7ed}.sp-stat-card.blue{background:#eff6ff}.sp-stat-card.purple{background:#f5f3ff}.sp-stat-value{margin-bottom:4px;font-size:20px;font-weight:700;display:block}.sp-stat-label{color:var(--sp-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sp-quick-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sp-quick-actions button{border:2px dashed var(--sp-border);border-radius:var(--sp-radius);cursor:pointer;background:#fff;padding:14px;font-size:13px;font-weight:600;transition:all .15s}.sp-quick-actions button:hover{border-color:var(--sp-blue);background:#f8faff}.sp-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sp-btn-add,.sp-btn-confirm{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.sp-btn-add{background:var(--sp-blue);color:#fff}.sp-btn-confirm{background:var(--sp-green);color:#fff}.sp-products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.sp-product-card{border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);background:#fff;overflow:hidden}.sp-product-img{background:#f8fafc;justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative}.sp-product-img img{object-fit:cover;width:100%;height:100%}.sp-product-img span{color:#94a3b8;font-size:13px}.sp-badge-out{color:#fff;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:6px;right:6px}.sp-product-info{padding:10px 12px}.sp-product-info h4{margin-bottom:4px;font-size:13px}.sp-product-price{color:var(--sp-accent);font-size:15px;font-weight:700}.sp-product-info small{color:var(--sp-text-light);margin-top:2px;font-size:10px;display:block}.sp-product-actions{border-top:1px solid var(--sp-border);gap:4px;padding:8px 12px;display:flex}.sp-product-actions button{border:1px solid var(--sp-border);cursor:pointer;background:#fff;border-radius:4px;flex:1;padding:6px;font-size:11px;font-weight:600}.sp-product-actions button.danger{color:#ef4444;border-color:#fecaca}.sp-orders-list{flex-direction:column;gap:8px;display:flex}.sp-order-card{border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);cursor:pointer;background:#fff;padding:14px 16px;transition:all .15s}.sp-order-card:hover{box-shadow:0 4px 12px #00000014}.sp-order-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sp-order-header strong{font-size:13px}.sp-order-status{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.sp-order-status.delivered,.sp-order-status.completed{color:#065f46;background:#d1fae5}.sp-order-status.pending{color:#92400e;background:#fef3c7}.sp-order-card p{color:var(--sp-text-light);margin-bottom:8px;font-size:12px}.sp-order-footer{justify-content:space-between;font-size:12px;display:flex}.sp-location-section p{color:var(--sp-text-light);margin-bottom:12px;font-size:13px}.sp-location-save{text-align:center;margin-top:12px}.sp-location-save p{color:var(--sp-green);font-size:12px}.sp-location-save button{background:var(--sp-green);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:10px 24px;font-weight:600}.sp-location-current{color:#065f46;text-align:center;background:#d1fae5;border-radius:8px;margin-top:12px;padding:10px;font-size:12px}.sp-empty{text-align:center;color:var(--sp-text-light);padding:40px}.sp-empty button{background:var(--sp-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:10px;padding:8px 16px;font-weight:600}.sp-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sp-modal{border-radius:var(--sp-radius);background:#fff;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.sp-modal.small{max-width:380px}.sp-modal-header{border-bottom:1px solid var(--sp-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sp-modal-header h3{font-size:16px}.sp-modal-header button{cursor:pointer;color:var(--sp-text-light);background:0 0;border:none;font-size:18px}.sp-modal-body{padding:20px}.sp-modal-footer{border-top:1px solid var(--sp-border);gap:8px;padding:16px 20px;display:flex}.sp-modal-footer button{border:1px solid var(--sp-border);cursor:pointer;background:#fff;border-radius:6px;flex:1;padding:10px;font-size:13px;font-weight:600}.sp-btn-save{background:var(--sp-green)!important;color:#fff!important;border-color:var(--sp-green)!important}.sp-form-group{margin-bottom:12px}.sp-form-group label{margin-bottom:4px;font-size:12px;font-weight:600;display:block}.sp-form-group input{border:1px solid var(--sp-border);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px}.sp-detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.sp-detail-row span:first-child{color:var(--sp-text-light)}.sp-amount{color:var(--sp-accent);font-weight:700}.sp-code{font-family:monospace;font-weight:700}.sp-mobile-nav{display:none}@media (width<=768px){.sp-sidebar{display:none}.sp-main{margin-left:0;padding:16px 16px 80px}.sp-stats-grid{grid-template-columns:1fr 1fr}.sp-header-center,.sp-header-subtitle,.sp-btn-market{display:none}.sp-mobile-nav{z-index:100;border-top:1px solid var(--sp-border);height:var(--mobile-nav-h);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.sp-mobile-nav button{color:var(--sp-text-light);cursor:pointer;background:0 0;border:none;flex:1;font-size:11px;font-weight:500}.sp-mobile-nav button.active{color:var(--sp-blue);font-weight:700}}.support-page{background:#f5f5f5;min-height:calc(100vh - 300px);padding:40px 20px}.support-container{max-width:900px;margin:0 auto}.support-header{text-align:center;margin-bottom:30px}.support-header h1{color:#2c3e50;margin-bottom:10px;font-size:28px}.support-header p{color:#666;font-size:14px}.btn-new-ticket{color:#fff;cursor:pointer;background:#ec4646;border:none;border-radius:8px;width:100%;margin-bottom:30px;padding:12px 24px;font-size:16px;font-weight:700;transition:transform .2s}.btn-new-ticket:hover{transform:translateY(-2px)}.ticket-form{background:#fff;border-radius:12px;margin-bottom:30px;padding:25px;box-shadow:0 2px 10px #0000001a}.ticket-form h3{color:#2c3e50;margin-top:0;margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-weight:700;display:block}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-actions{justify-content:flex-end;gap:15px;display:flex}.btn-cancel{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;padding:10px 20px}.btn-submit{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;padding:10px 20px}.tickets-list h2{color:#2c3e50;margin-bottom:20px;font-size:20px}.empty-state{text-align:center;color:#999;background:#fff;border-radius:12px;padding:60px}.tickets-grid{flex-direction:column;gap:15px;display:flex}.ticket-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:15px 20px;transition:all .2s}.ticket-card:hover{box-shadow:0 2px 8px #0000001a}.ticket-card.selected{background:#f8f9ff;border-color:#667eea}.ticket-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.ticket-subject{color:#2c3e50;font-size:16px;font-weight:700}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.status-badge.open{color:#856404;background:#fff3cd}.status-badge.closed{color:#155724;background:#d4edda}.status-badge.resolved{color:#004085;background:#cce5ff}.ticket-date{color:#999;font-size:12px}.ticket-details{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.ticket-message,.ticket-response{margin-bottom:15px}.ticket-message p,.ticket-response p{background:#f8f9fa;border-radius:8px;margin-top:8px;padding:12px;line-height:1.5}.ticket-response{background:#e8f4f8;border-radius:8px;margin-top:10px;padding:10px}.ticket-response p{background:#fff}.response-date{color:#666;margin-top:8px;font-size:12px}.ticket-waiting{color:#856404;text-align:center;background:#fff3cd;border-radius:8px;padding:12px}.loading{text-align:center;color:#666;padding:60px}.withdraw-page{background:#f5f5f5;min-height:calc(100vh - 200px);padding:20px}.withdraw-container{box-shadow:0 4px 20px #0000001a}.withdraw-container h2{color:#2c3e50;margin-bottom:25px;font-size:22px}.withdraw-container{animation:.3s fadeIn}.auth-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-container{border-radius:20px;width:100%;max-width:1000px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.auth-banner{color:#fff;text-align:center;background:linear-gradient(135deg,red,#c00);flex:1;justify-content:center;align-items:center;padding:50px;display:flex}.banner-content h1{margin-bottom:20px;font-size:28px}.auth-form-container{background:#fff;flex:1;padding:50px}.form-header{text-align:center;margin-bottom:30px}.form-header h2{color:#333;margin-bottom:8px}.form-header p{color:#666;font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#333;font-weight:700}.form-group input{border:1px solid #ddd;border-radius:8px;padding:12px 15px;font-size:14px;transition:all .3s}.form-group input:focus{border-color:red;outline:none;box-shadow:0 0 5px #ff00004d}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;padding-right:45px}.toggle-password-btn{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;right:12px}.auth-submit-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:700;transition:background .3s}.auth-submit-btn:hover{background:#c00}.auth-submit-btn:disabled{cursor:not-allowed;background:#ccc}.success-message{color:#155724;text-align:center;background:#d4edda;border-radius:8px;margin-bottom:20px;padding:12px}.error-message{color:#721c24;text-align:center;background:#f8d7da;border-radius:8px;margin-bottom:20px;padding:12px}.form-footer{text-align:center;border-top:1px solid #eee;margin-top:25px;padding-top:20px}.form-footer a{color:red;text-decoration:none}.form-footer a:hover{text-decoration:underline}@media (width<=768px){.auth-container{flex-direction:column}.auth-banner,.auth-form-container{padding:30px}}.app-layout{--sidebar-width:68px;--bottom-nav-height:56px;--red:#e53935;--red-dark:#c62828;--bg:#f5f5f5;--white:#fff;--text:#1a1a1a;--text-light:#999;--border:#eee;background:var(--bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.desktop-sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--border);z-index:50;flex-direction:column;align-items:center;gap:12px;padding:12px 0;display:flex;position:fixed;top:80px;bottom:0;left:0}.sidebar-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:56px;height:56px;transition:all .15s;display:flex;position:relative}.sidebar-btn svg{color:#999;stroke:#999;width:22px;height:22px}.sidebar-btn span{color:#999;font-size:10px;font-weight:500}.sidebar-btn:hover{background:#f5f5f5}.sidebar-btn:hover svg,.sidebar-btn:hover span,.sidebar-btn.active svg,.sidebar-btn.active span{color:var(--red);stroke:var(--red)}.sidebar-badge{background:var(--red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:6px;right:10px}.layout-content{width:100%;padding-bottom:var(--bottom-nav-height);box-sizing:border-box}.layout-content.has-sidebar{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.mobile-bottom-nav{z-index:100;background:var(--white);border-top:1px solid var(--border);height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 0;display:flex;position:relative}.bottom-nav-btn svg{stroke:#999;width:22px;height:22px}.bottom-nav-btn span{color:#999;font-size:10px;font-weight:500}.bottom-nav-btn:active svg,.bottom-nav-btn:active span{stroke:var(--red);color:var(--red)}.bottom-nav-btn.center svg{stroke:var(--red)}.bottom-nav-btn.center span{color:var(--red);font-weight:700}.bottom-nav-badge{background:var(--red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:50%;transform:translate(14px)}@media (width>=1024px){.app-layout{padding-bottom:0}.mobile-bottom-nav{display:none}.layout-content{padding-bottom:0}}.delivery-register-page{background:#f5f5f5;min-height:100vh;padding:20px}.delivery-register-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;max-width:700px;margin:0 auto;padding:30px}.delivery-register-container h2{color:#1a1a1a;margin-bottom:6px;font-size:22px;font-weight:700}.delivery-register-container>p{color:#999;margin-bottom:24px;font-size:14px}.form-section{border-bottom:1px solid #eee;margin-bottom:24px;padding-bottom:24px}.form-section h3{color:#e53935;margin-bottom:16px;font-size:16px;font-weight:700}.form-group{margin-bottom:16px}.form-group label{color:#333;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#e53935}.form-group input.error,.form-group select.error{border-color:#dc2626}.error-msg{color:#dc2626;margin-top:4px;font-size:12px;display:block}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.photos-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.photo-upload{border:2px dashed #e0e0e0;border-radius:8px;justify-content:center;align-items:center;min-height:120px;display:flex;overflow:hidden}.upload-label{cursor:pointer;color:#999;flex-direction:column;align-items:center;gap:6px;padding:20px;font-size:13px;display:flex}.upload-label span:first-child{font-size:28px}.photo-preview{width:100%;position:relative}.photo-preview img{object-fit:cover;width:100%;height:140px}.photo-preview button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:50%;width:22px;height:22px;font-size:12px;position:absolute;top:4px;right:4px}.form-actions{gap:12px;margin-top:24px;display:flex}.btn-cancel{cursor:pointer;background:#e0e0e0;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600}.btn-submit{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:8px;flex:2;padding:12px;font-size:14px;font-weight:700}.btn-submit:disabled{cursor:not-allowed;background:#ccc}@media (width<=600px){.photos-grid,.form-row{grid-template-columns:1fr}}.tracking-page{background:#f8fafc;min-height:100vh;padding-bottom:40px}.tracking-container{max-width:800px;margin:0 auto;padding:20px}.tracking-title{color:#0f172a;align-items:center;gap:10px;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}.tracking-title svg{color:#2563eb}.tracking-empty{text-align:center;color:#64748b;padding:60px 20px}.tracking-empty p{margin:16px 0;font-size:16px}.tracking-btn-products{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600}.tracking-order-list{flex-direction:column;gap:12px;display:flex}.tracking-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:transform .2s,box-shadow .2s}.tracking-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.tracking-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tracking-card-product{align-items:flex-start;gap:12px;display:flex}.tracking-product-img{object-fit:cover;background:#f1f5f9;border-radius:8px;width:48px;height:48px}.tracking-product-placeholder{background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.tracking-card-product strong{color:#0f172a;font-size:14px}.tracking-card-product p{color:#64748b;margin:2px 0;font-size:13px}.tracking-store{color:#94a3b8;font-size:11px}.tracking-card-price{text-align:right;flex-shrink:0}.tracking-amount{color:#059669;font-size:16px;font-weight:700;display:block}.tracking-status{border-radius:20px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.tracking-status.pending{color:#92400e;background:#fef3c7}.tracking-status.delivered{color:#065f46;background:#d1fae5}.tracking-status.completed{color:#1e40af;background:#dbeafe}.tracking-status.cancelled{color:#991b1b;background:#fee2e2}.tracking-delivery-bar{border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.tracking-delivery-icon{align-items:center;display:flex}.tracking-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.tracking-date{color:#94a3b8;font-size:11px}.tracking-view-more{color:#2563eb;font-size:12px;font-weight:600}.tracking-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#0f172a99;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}@media (width>=640px){.tracking-modal-overlay{align-items:center}}.tracking-modal{background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;max-width:600px;max-height:85vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 -4px 24px #0000001a}@media (width>=640px){.tracking-modal{border-radius:16px;max-height:90vh}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tracking-modal-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.tracking-modal-header h3{font-size:18px;font-weight:700}.tracking-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.tracking-modal-body{padding:24px}.tracking-modal-status{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tracking-status-badge{border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.tracking-status-badge.pending{color:#92400e;background:#fef3c7}.tracking-status-badge.delivered{color:#065f46;background:#d1fae5}.tracking-status-badge.completed{color:#1e40af;background:#dbeafe}.tracking-delivery-status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.tracking-modal-section{border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:16px}.tracking-modal-section:last-child{border-bottom:none}.tracking-modal-section h4{color:#0f172a;margin-bottom:12px;font-size:14px;font-weight:700}.tracking-modal-product-info{gap:12px;display:flex}.tracking-modal-product-img{object-fit:cover;background:#f1f5f9;border-radius:8px;width:60px;height:60px}.tracking-modal-product-info strong{font-size:15px}.tracking-modal-product-info p{color:#64748b;margin:3px 0;font-size:13px}.tracking-modal-price{color:#059669;font-size:18px;font-weight:700}.tracking-modal-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tracking-modal-info-item{flex-direction:column;gap:4px;display:flex}.tracking-modal-info-item.full{grid-column:1/-1}.tracking-modal-info-item small{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:10px}.tracking-modal-info-item strong{color:#0f172a;font-size:14px}.tracking-modal-info-item a{color:#2563eb;text-decoration:none}.tracking-modal-confirmation{text-align:center;background:#f8fafc;border-radius:10px;margin-bottom:16px;padding:16px}.tracking-modal-confirmation small{color:#94a3b8;margin-bottom:6px;font-size:11px;display:block}.tracking-confirmation-code{color:#2563eb;letter-spacing:3px;font-size:24px;font-weight:800}.tracking-modal-dates{background:#f8fafc;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;padding:12px;display:grid}.delivery-pro{--dp-primary:#1a1a2e;--dp-accent:#e94560;--dp-green:#059669;--dp-blue:#2563eb;--dp-purple:#7c3aed;--dp-orange:#ea580c;--dp-bg:#f1f5f9;--dp-white:#fff;--dp-text:#1e293b;--dp-text-light:#64748b;--dp-border:#e2e8f0;--dp-radius:10px;--dp-shadow:0 1px 3px #0000000f;--dp-shadow-lg:0 4px 12px #00000014;--sidebar-w:220px;--header-h:56px;--mobile-nav-h:56px;background:var(--dp-bg);color:var(--dp-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.delivery-pro *{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;margin:0;padding:0}.dl-loading{justify-content:center;align-items:center;height:100vh;display:flex}.dl-spinner{border:3px solid var(--dp-border);border-top-color:var(--dp-accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.dp-header{z-index:100;height:var(--header-h);background:var(--dp-primary);color:#fff;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000026}.dp-header-left{align-items:center;gap:12px;display:flex}.dp-logo{cursor:pointer;letter-spacing:2px;font-size:20px;font-weight:800}.dp-header-subtitle{color:#94a3b8;background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:11px}.dp-header-right{align-items:center;gap:10px;display:flex}.dp-btn-icon{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;position:relative}.dp-btn-icon:hover{background:#fff3}.dp-badge{background:var(--dp-accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.dp-profile-mini{cursor:pointer;color:#cbd5e1;align-items:center;gap:6px;font-size:12px;display:flex}.dp-avatar-sm{background:var(--dp-accent);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.dp-btn-logout{color:#fca5a5;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:600}.dp-btn-logout:hover{background:#ffffff1a}.dp-layout{padding-top:var(--header-h);min-height:100vh;display:flex}.dp-sidebar{top:var(--header-h);width:var(--sidebar-w);background:var(--dp-white);border-right:1px solid var(--dp-border);z-index:50;padding:16px 0;position:fixed;bottom:0;left:0;overflow-y:auto}.dp-nav{flex-direction:column;gap:2px;padding:0 8px;display:flex}.dp-nav-item{cursor:pointer;color:var(--dp-text-light);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.dp-nav-item:hover{background:var(--dp-bg);color:var(--dp-text)}.dp-nav-item.active{color:var(--dp-blue);background:#eff6ff;font-weight:600}.dp-nav-icon{font-size:8px}.dp-nav-count{background:var(--dp-accent);color:#fff;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.dp-nav-dot{background:var(--dp-green);border-radius:50%;width:8px;height:8px;margin-left:auto}.dp-main{margin-left:var(--sidebar-w);flex:1;padding:20px 24px 80px}.dp-main h2{color:var(--dp-text);margin-bottom:16px;font-size:18px;font-weight:700}.dp-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.dp-stat-card{border-radius:var(--dp-radius);text-align:center;box-shadow:var(--dp-shadow);padding:18px}.dp-stat-card.green{background:#ecfdf5}.dp-stat-card.blue{background:#eff6ff}.dp-stat-card.purple{background:#f5f3ff}.dp-stat-card.orange{background:#fff7ed}.dp-stat-value{margin-bottom:4px;font-size:20px;font-weight:700;display:block}.dp-stat-label{color:var(--dp-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.dp-active-alert{border-radius:var(--dp-radius);background:#fffbeb;border:1px solid #fcd34d;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 18px;display:flex}.dp-active-alert strong{font-size:14px}.dp-active-alert button{background:var(--dp-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.dp-quick-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dp-quick-actions button{border:2px dashed var(--dp-border);border-radius:var(--dp-radius);cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:4px;padding:20px;transition:all .15s;display:flex}.dp-quick-actions button:hover{border-color:var(--dp-blue);background:#f8faff}.dp-quick-actions button strong{color:var(--dp-blue);font-size:22px}.dp-orders-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.dp-order-card{border-radius:var(--dp-radius);box-shadow:var(--dp-shadow);cursor:pointer;border:1px solid var(--dp-border);background:#fff;padding:16px;transition:all .15s}.dp-order-card:hover{box-shadow:var(--dp-shadow-lg);border-color:#93c5fd}.dp-order-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.dp-order-top h4{font-size:14px;font-weight:600}.dp-order-store{color:var(--dp-text-light);font-size:11px}.dp-order-fee{color:var(--dp-green);white-space:nowrap;font-size:16px;font-weight:700}.dp-order-details{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dp-order-route{color:var(--dp-text-light);flex-direction:column;gap:2px;font-size:12px;display:flex}.dp-order-distance{color:var(--dp-blue);white-space:nowrap;font-size:12px;font-weight:600}.dp-order-footer{border-top:1px solid var(--dp-border);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.dp-order-time{color:var(--dp-text-light);font-size:11px}.dp-btn-accept{background:var(--dp-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600}.dp-btn-accept:hover{background:#1d4ed8}.dp-status-bar{border-radius:var(--dp-radius);box-shadow:var(--dp-shadow);background:#fff;align-items:center;gap:0;margin-bottom:20px;padding:16px;display:flex;overflow-x:auto}.dp-status-step{color:var(--dp-text-light);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:flex}.dp-status-step.done,.dp-status-step.current{color:var(--dp-text);font-weight:500}.dp-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dp-status-line{flex:1;min-width:20px;height:2px;margin:0 4px}.dp-active-card{border-radius:var(--dp-radius);box-shadow:var(--dp-shadow);background:#fff;padding:20px}.dp-active-info{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.dp-info-row{flex-direction:column;gap:2px;display:flex}.dp-info-row small{color:var(--dp-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.dp-info-row strong{font-size:13px}.dp-info-row a{color:var(--dp-blue);text-decoration:none}.dp-active-actions{gap:8px;margin-bottom:16px;display:flex}.dp-active-actions button{cursor:pointer;background:var(--dp-blue);color:#fff;border:none;border-radius:8px;flex:1;padding:12px;font-size:13px;font-weight:600}.dp-active-actions button.success{background:var(--dp-green)}.dp-active-actions button:hover{opacity:.9}.dp-map-container{margin-top:8px}.dp-map-label{color:var(--dp-text-light);margin-bottom:4px;font-size:11px;font-weight:600}.dp-history-list{flex-direction:column;gap:8px;display:flex}.dp-history-card{border-radius:var(--dp-radius);box-shadow:var(--dp-shadow);background:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dp-history-left{flex-direction:column;gap:2px;display:flex}.dp-history-left strong{font-size:13px}.dp-history-left span{color:var(--dp-text-light);font-size:11px}.dp-history-left small{color:#94a3b8;font-size:10px}.dp-history-right{text-align:right}.dp-history-earn{color:var(--dp-green);font-size:14px;font-weight:700;display:block}.dp-history-status{color:var(--dp-green);font-size:10px;font-weight:600}.dp-profile-card{border-radius:var(--dp-radius);box-shadow:var(--dp-shadow);background:#fff;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.dp-profile-avatar{background:var(--dp-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex;overflow:hidden}.dp-profile-avatar img{object-fit:cover;width:100%;height:100%}.dp-profile-info h3{margin-bottom:2px;font-size:16px}.dp-profile-info p{color:var(--dp-text-light);font-size:12px}.dp-profile-stats{color:var(--dp-text-light);gap:16px;margin-top:6px;font-size:11px;display:flex}.dp-btn-edit{background:var(--dp-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;margin-left:auto;padding:8px 16px;font-size:12px;font-weight:600}.dp-btn-logout-full{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;width:100%;padding:12px;font-size:13px;font-weight:600}.dp-empty{text-align:center;color:var(--dp-text-light);padding:40px}.dp-empty button{background:var(--dp-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:10px;padding:8px 16px;font-weight:600}.dp-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dp-modal{border-radius:var(--dp-radius);background:#fff;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.dp-modal-header{border-bottom:1px solid var(--dp-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dp-modal-header h3{font-size:16px}.dp-modal-header button{cursor:pointer;color:var(--dp-text-light);background:0 0;border:none;font-size:18px}.dp-modal-body{padding:20px}.dp-modal-footer{border-top:1px solid var(--dp-border);gap:8px;padding:16px 20px;display:flex}.dp-modal-footer button{border:1px solid var(--dp-border);cursor:pointer;background:#fff;border-radius:6px;flex:1;padding:10px;font-size:13px;font-weight:600}.dp-btn-save{background:var(--dp-green)!important;color:#fff!important;border-color:var(--dp-green)!important}.dp-form-group{margin-bottom:12px}.dp-form-group label{color:var(--dp-text);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.dp-form-group input,.dp-form-group select{border:1px solid var(--dp-border);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px}.dp-form-group input:focus,.dp-form-group select:focus{border-color:var(--dp-blue)}.dp-form-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.dp-mobile-nav{display:none}@media (width<=768px){.dp-sidebar{display:none}.dp-main{margin-left:0;padding:16px 16px 80px}.dp-stats-grid{grid-template-columns:1fr 1fr}.dp-orders-list{grid-template-columns:1fr}.dp-mobile-nav{z-index:100;border-top:1px solid var(--dp-border);height:var(--mobile-nav-h);padding-bottom:env(safe-area-inset-bottom,0);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.dp-mobile-nav button{color:var(--dp-text-light);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex;position:relative}.dp-mobile-nav button.active{color:var(--dp-blue);font-weight:700}.dp-mob-count{background:var(--dp-accent);color:#fff;border-radius:8px;padding:1px 5px;font-size:9px}.dp-mob-dot{background:var(--dp-green);border-radius:50%;width:6px;height:6px;position:absolute;top:8px}.dp-active-info{grid-template-columns:1fr}.dp-header-subtitle,.dp-profile-mini span{display:none}}.pending-approval-page{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.pending-container{width:100%;max-width:500px}.pending-card{text-align:center;background:#fff;border-radius:16px;padding:40px 30px;box-shadow:0 4px 20px #00000014}.pending-icon-circle{background:#fef3c7;border:3px solid #f59e0b;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.pending-icon-circle span{color:#b45309;font-size:32px;font-weight:700}.pending-card h1{color:#1a1a1a;margin:0 0 4px;font-size:22px}.pending-card h2{color:#f59e0b;margin:0 0 16px;font-size:16px;font-weight:600}.pending-message{color:#666;margin-bottom:20px;font-size:14px;line-height:1.6}.pending-steps{text-align:left;background:#f8fafc;border-radius:10px;margin-bottom:20px;padding:16px 20px}.pending-steps h3{color:#333;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:700}.pending-steps ul{margin:0;padding:0;list-style:none}.pending-steps li{color:#555;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.step-number{color:#64748b;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.pending-info-box{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-bottom:20px;padding:12px 16px}.pending-info-box p{color:#92400e;margin:0;font-size:12px;line-height:1.5}.pending-actions{flex-direction:column;gap:8px;display:flex}.btn-logout{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600}.btn-logout:hover{background:#dc2626}.btn-contact{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600}.btn-contact:hover{background:#eff6ff}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background:#f5f5f5;min-height:100vh}.header{z-index:100;background:#fff;padding:15px 0;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.header-container{justify-content:space-between;align-items:center;max-width:100%;padding:0 30px;display:flex}.logo{color:#e53935;font-size:28px;font-weight:700;text-decoration:none}.header-actions{align-items:center;gap:10px;display:flex}.btn-header{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:25px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none}.btn-register{color:#e53935;cursor:pointer;background:0 0;border:2px solid #e53935;border-radius:25px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none}.btn-header-outline{color:#666;cursor:pointer;background:0 0;border:2px solid #e0e0e0;border-radius:25px;padding:10px 24px;font-size:14px}.main-content{width:100%;padding:0}.btn-messages-icon{color:#666;padding:8px;position:relative}.messages-badge{color:#fff;background:#e53935;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.footer{color:#fff;background:#1a1a1a;width:100%}.footer-content{grid-template-columns:repeat(4,1fr);gap:50px;padding:60px 30px;display:grid}.footer-col h4{margin-bottom:25px;font-size:18px;font-weight:600}.footer-col.brand h4{color:#e53935;font-size:24px}.footer-col p{color:#999;font-size:14px;line-height:1.8}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:#999;font-size:14px;text-decoration:none}.footer-col ul li a:hover{color:#e53935}.social-icons{gap:12px;margin-bottom:25px;display:flex}.social-icon{background:#333;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;display:flex}.social-icon:hover{background:#e53935;transform:translateY(-3px)}.footer-bottom{text-align:center;border-top:1px solid #2a2a2a;padding:30px}.footer-bottom p{color:#777;margin-bottom:15px;font-size:14px}.payment-methods{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.payment-badge{color:#fff;letter-spacing:1px;background:#2a2a2a;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600}@media (width<=1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:40px}}@media (width<=480px){.footer-content{grid-template-columns:1fr;gap:25px;padding:30px 15px}}