.cl-demo-section{position:relative;z-index:2}.cl-badge{background:linear-gradient(135deg,#0f9d74,#14b8a6)!important}.cl-phone{background:linear-gradient(135deg,#2b2b2b,#161616)!important}.cl-screen{background:#f6f8f7!important;display:flex;flex-direction:column;position:relative;color:#111827;font-size:13px}.cl-screen button{font-family:inherit;cursor:pointer}.cl-body{padding:34px 16px 16px;flex:1}.cl-body-scroll{overflow-y:auto;padding-bottom:96px}.cl-label{font-size:11px;font-weight:700;letter-spacing:1px;color:#6b7280;margin:18px 0 10px}.cl-appbar{display:flex;align-items:center;justify-content:center;position:relative;padding:34px 50px 14px;background:#fff;border-bottom:1px solid #eef0ef;flex-shrink:0}.cl-appbar span{font-size:15px;font-weight:700}.cl-appbar-back{position:absolute;left:12px;bottom:10px;background:none;border:none;width:32px;height:32px;font-size:16px;color:#111827}.cl-appbar+.cl-body{padding-top:16px}.cl-toast{position:absolute;bottom:86px;left:16px;right:16px;background:#0f9d74;color:#fff;padding:12px 16px;border-radius:12px;font-weight:600;z-index:30;box-shadow:0 8px 20px rgba(15,157,116,.35);animation:clToastIn .3s ease}.cl-toast i{margin-right:8px}@keyframes clToastIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.cl-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ef4444;margin-right:4px;vertical-align:middle;animation:clPulse 1.4s infinite}.cl-live-dot.light{background:#fff}@keyframes clPulse{0%,to{opacity:1}50%{opacity:.3}}.cl-trend{font-size:11px;font-weight:700}.cl-trend.up{color:#059669}.cl-trend.down{color:#dc2626}.cl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cl-hi{font-size:11px;color:#6b7280}.cl-header h4{font-size:16px;font-weight:800;margin:2px 0 0}.cl-header h4 i{color:#0f9d74;margin-right:4px}.cl-logo{width:42px;height:42px;border-radius:14px;background:#e7f6f0;display:flex;align-items:center;justify-content:center;font-size:22px}.cl-search{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:11px 14px;color:#9ca3af;margin-bottom:14px}.cl-search i{margin-right:8px}.cl-ticker-card{width:100%;border:none;text-align:left;border-radius:20px;padding:16px;color:#fff;background:linear-gradient(135deg,#0f9d74,#0b7a5a);box-shadow:0 10px 24px rgba(15,157,116,.3)}.cl-ticker-top{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:12px}.cl-ticker-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cl-ticker-grid>div{background:hsla(0,0%,100%,.14);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column}.cl-ticker-grid small{font-size:11px;opacity:.85}.cl-ticker-grid strong{font-size:20px;font-weight:800}.cl-ticker-grid .cl-trend{color:#fff;opacity:.9}.cl-section-title{display:flex;justify-content:space-between;align-items:baseline;margin:20px 0 10px}.cl-section-title h6{font-size:15px;font-weight:800;margin:0}.cl-section-title span{font-size:11px;color:#0f9d74;font-weight:600}.cl-vendor-card{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #eef0ef;border-radius:18px;padding:12px;margin-bottom:10px;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.cl-vendor-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.06)}.cl-vendor-avatar{width:46px;height:46px;border-radius:14px;background:#e7f6f0;color:#0f9d74;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cl-vendor-avatar.big{width:58px;height:58px;font-size:22px}.cl-vendor-info{flex:1;display:flex;flex-direction:column;min-width:0}.cl-vendor-info strong{font-size:14px}.cl-vendor-info span{font-size:11px;color:#6b7280}.cl-vendor-info .cl-vendor-from{color:#0f9d74;font-weight:600}.cl-rating{font-size:11px;font-weight:700;background:#fef3c7;color:#b45309;padding:3px 8px;border-radius:999px;align-self:flex-start}.cl-vendor-hero{display:flex;gap:14px;align-items:center;background:#fff;border-radius:20px;padding:14px;border:1px solid #eef0ef}.cl-vendor-hero h5{font-size:15px;font-weight:800;margin:0 0 2px}.cl-vendor-hero>div:last-child{display:flex;flex-direction:column;gap:4px}.cl-vendor-hero span{font-size:11px;color:#6b7280}.cl-product-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #eef0ef;border-radius:18px;padding:12px;margin-bottom:10px}.cl-product-icon{width:46px;height:46px;border-radius:14px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.cl-product-icon.small{width:38px;height:38px;font-size:19px}.cl-product-info{flex:1;display:flex;flex-direction:column;min-width:0}.cl-product-info strong{font-size:14px}.cl-product-info span{font-size:12px;color:#6b7280}.cl-product-info b{color:#111827}.cl-live-tag{font-size:10px!important;color:#dc2626!important;font-weight:600}.cl-add-btn{border:1.5px solid #0f9d74;background:#e7f6f0;color:#0f9d74;font-weight:800;font-size:12px;padding:7px 16px;border-radius:10px}.cl-stepper{display:flex;align-items:center;background:#0f9d74;border-radius:10px;color:#fff;overflow:hidden}.cl-stepper button{background:none;border:none;color:#fff;width:28px;height:32px;font-size:16px;font-weight:700}.cl-stepper span{min-width:18px;text-align:center;font-weight:700}.cl-cart-bar{position:absolute;left:12px;right:12px;bottom:12px;border:none;background:#0f9d74;color:#fff;border-radius:16px;padding:14px 16px;font-weight:700;box-shadow:0 8px 20px rgba(15,157,116,.35)}.cl-cart-bar,.cl-page-title{display:flex;justify-content:space-between}.cl-page-title{align-items:center;margin-bottom:12px}.cl-page-title h4{font-size:20px;font-weight:800;margin:0}.cl-page-title span{font-size:11px;color:#6b7280}.cl-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px}.cl-chip{white-space:nowrap;font-size:11px;font-weight:600;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#374151;cursor:pointer}.cl-chip.active{background:#0f9d74;border-color:#0f9d74;color:#fff}.cl-chart-card{background:#fff;border:1px solid #eef0ef;border-radius:20px;padding:14px 14px 8px}.cl-chart-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.cl-chart-head>div{display:flex;flex-direction:column}.cl-chart-head small{font-size:11px;color:#6b7280}.cl-chart-head strong{font-size:24px;font-weight:800}.cl-chart{width:100%;height:130px;display:block}.cl-chart circle,.cl-chart polygon,.cl-chart polyline{transition:all .6s ease}.cl-chart-dot{filter:drop-shadow(0 0 4px rgba(15,157,116,.7))}.cl-price-list{background:#fff;border:1px solid #eef0ef;border-radius:20px;overflow:hidden}.cl-price-row{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;border-bottom:1px solid #f3f4f6;padding:11px 12px;text-align:left}.cl-price-row:last-child{border-bottom:none}.cl-price-row>div:nth-child(2){flex:1;display:flex;flex-direction:column}.cl-price-row span{font-size:11px;color:#6b7280}.cl-price-right{display:flex;flex-direction:column;align-items:flex-end}.cl-empty{text-align:center;padding:50px 10px}.cl-empty-icon{font-size:46px;margin-bottom:8px}.cl-empty h6{font-weight:800;margin-bottom:4px}.cl-empty span{color:#6b7280;font-size:12px}.cl-bill{background:#fff;border:1px solid #eef0ef;border-radius:18px;padding:12px 14px;margin-top:6px}.cl-bill>div{display:flex;justify-content:space-between;padding:4px 0;color:#4b5563}.cl-bill .total{border-top:1px dashed #e5e7eb;margin-top:4px;padding-top:8px;font-weight:800;color:#111827;font-size:15px}.cl-note{font-size:11px;color:#6b7280;margin:10px 0 0}.cl-note i{color:#0f9d74;margin-right:4px}.cl-primary-btn{width:100%;margin-top:14px;border:none;border-radius:14px;padding:13px;background:#0f9d74;color:#fff;font-weight:800;letter-spacing:.6px}.cl-primary-btn:disabled{opacity:.8}.cl-order-card{background:#fff;border:1px solid #eef0ef;border-radius:18px;padding:14px;margin-bottom:12px}.cl-order-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cl-status{font-size:10px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.5px}.cl-status.confirmed{background:#e7f6f0;color:#0f9d74}.cl-status.delivered{background:#f3f4f6;color:#4b5563}.cl-order-row{font-size:12px;color:#4b5563;margin-bottom:4px}.cl-order-row i{width:16px;color:#0f9d74;margin-right:4px}.cl-order-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f3f4f6;margin-top:8px;padding-top:8px;font-size:12px;color:#6b7280}.cl-order-bottom strong{color:#111827;font-size:15px}.cl-progress{display:flex;justify-content:space-between;margin-top:12px;position:relative}.cl-progress:before{content:"";position:absolute;top:5px;left:10%;right:10%;height:2px;background:#e5e7eb}.cl-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.cl-step span{width:12px;height:12px;border-radius:50%;background:#e5e7eb;border:2px solid #fff;box-shadow:0 0 0 1px #e5e7eb}.cl-step.done span{background:#0f9d74;box-shadow:0 0 0 1px #0f9d74}.cl-step small{font-size:9px;color:#6b7280;margin-top:4px}.cl-bottomnav{position:absolute;left:8px;right:8px;bottom:8px;height:64px;background:#fff;border:1px solid hsla(0,0%,88%,.75);border-radius:22px;box-shadow:0 2px 14px rgba(0,0,0,.07)}.cl-bottomnav,.cl-nav-btn{display:flex;align-items:center}.cl-nav-btn{flex:1;height:100%;background:none;border:none;flex-direction:column;justify-content:center;gap:2px;color:#9ca3af}.cl-nav-btn.active{color:#0f9d74}.cl-nav-icon{position:relative;font-size:17px}.cl-nav-label{font-size:10px;font-weight:700}.cl-nav-badge{position:absolute;top:-6px;right:-12px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}