:root{--moto:#5146e5;--moto-dark:#3e35bd;--accent:#ff5c3a;--surface:#fff;--surface-2:#f8f7fc;--ink:#1d1b2e;--muted:#706d85;--line:#e5e2f0;--sidebar:#29245f;--success:#159a72;--shadow:0 18px 50px rgba(49,42,143,.12)}
.brand-lockup{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;letter-spacing:-.025em;line-height:1;color:inherit}.brand-lockup img{display:block;border-radius:28%;object-fit:cover;box-shadow:0 5px 14px rgba(255,92,58,.24)}.brand-lockup-inverse{color:#fff}
[data-bs-theme=dark]{--surface:#1b1a29;--surface-2:#12121c;--ink:#f7f6ff;--muted:#b8b5ca;--line:#343249;--sidebar:#17142f;--shadow:0 18px 50px rgba(0,0,0,.3)}
html{scroll-behavior:smooth}body{background:var(--surface-2);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif}.text-secondary,.text-muted{color:var(--muted)!important}.navbar,.moto-card,.auth-card,.feature-card,.preview-shell,.faq-item{background:var(--surface)!important;color:var(--ink);border-color:var(--line)!important}.btn-moto{background:var(--moto);border-color:var(--moto);color:#fff}.btn-moto:hover,.btn-moto:focus{background:var(--moto-dark);border-color:var(--moto-dark);color:#fff}.text-moto{color:var(--moto)!important}.moto-card,.feature-card{border:1px solid var(--line);border-radius:1.35rem;box-shadow:var(--shadow)}.landing-nav{backdrop-filter:blur(14px);background:color-mix(in srgb,var(--surface) 86%,transparent)!important;border-bottom:1px solid var(--line)}.hero{min-height:92vh;padding:9rem 0 6rem;background:radial-gradient(circle at 12% 20%,rgba(81,70,229,.2),transparent 32%),radial-gradient(circle at 86% 70%,rgba(255,92,58,.14),transparent 26%)}.hero h1{font-size:clamp(2.7rem,6vw,5.25rem);letter-spacing:-.045em;line-height:.98}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(81,70,229,.3);border-radius:99px;padding:.55rem .9rem;background:rgba(81,70,229,.1);color:var(--moto);font-weight:700}.preview-shell{border:1px solid var(--line);border-radius:2rem;padding:1rem;box-shadow:var(--shadow);transform:rotate(2deg)}.preview-screen{min-height:460px;border-radius:1.3rem;padding:1.5rem;background:linear-gradient(160deg,#5146e5,#29245f);color:white}.preview-map{height:175px;border-radius:1rem;background:radial-gradient(circle at 65% 35%,#ff5c3a 0 5px,transparent 6px),linear-gradient(30deg,transparent 48%,rgba(255,255,255,.16) 49% 51%,transparent 52%),#37318a}.section-pad{padding:6rem 0}.feature-card{height:100%;padding:1.5rem;transition:.25s}.feature-card:hover{transform:translateY(-6px)}.icon-box{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(81,70,229,.12);font-size:1.45rem}.stat{font-size:2.4rem;font-weight:800}.step-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--moto);color:#fff;font-weight:800}.faq-item{border:1px solid var(--line);border-radius:1rem;padding:1.2rem}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 20% 10%,rgba(81,70,229,.18),transparent 30%),var(--surface-2)}.auth-card{width:min(100%,480px);border:1px solid var(--line);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow)}.form-control,.form-select{background:var(--surface);border-color:var(--line);color:var(--ink)}.form-control:focus{background:var(--surface);color:var(--ink);border-color:var(--moto);box-shadow:0 0 0 .25rem rgba(81,70,229,.14)}
.app-shell{min-height:100vh}.app-sidebar{width:270px;position:fixed;inset-block:0;inset-inline-start:0;padding:1.25rem;background:var(--sidebar);color:#fff;z-index:1030;overflow-y:auto}.app-sidebar a{color:#b9c4d8;text-decoration:none}.app-sidebar .nav-link{display:flex;align-items:center;gap:.8rem;border-radius:.8rem;padding:.75rem .9rem;margin:.15rem 0}.app-sidebar .nav-link:hover,.app-sidebar .nav-link.active{background:rgba(255,255,255,.1);color:#fff}.app-main{margin-inline-start:270px;min-height:100vh}.app-header{height:74px;display:flex;align-items:center;padding:0 1.5rem;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1020}.content-wrap{padding:1.5rem}.metric-value{font-size:2rem;font-weight:800}.table{--bs-table-bg:transparent;--bs-table-color:var(--ink);--bs-table-border-color:var(--line)}.status-dot{width:.55rem;height:.55rem;border-radius:50%;display:inline-block;background:var(--success)}.mobile-nav-toggle{display:none}.empty-state{padding:4rem 1rem;text-align:center;color:var(--muted)}.empty-state-icon{color:var(--moto)}
.theme-select{width:auto;min-width:7.5rem;background-color:var(--surface);color:var(--ink)}.filters-panel{box-shadow:none}.filter-actions{margin-inline-start:auto}.modal-content{background:var(--surface);color:var(--ink);border-color:var(--line)}.modal-header,.modal-footer{border-color:var(--line)}.loading-state{color:var(--muted)}.loading-state[hidden]{display:none!important}.component-pagination .pagination{margin-bottom:0}
.quick-action-card{display:flex;align-items:center;gap:.85rem;text-decoration:none;transition:transform .2s,border-color .2s}.quick-action-card:hover{transform:translateY(-3px);border-color:rgba(81,70,229,.45)!important}.quick-action-card .icon-box{width:44px;height:44px}.quick-action-arrow{margin-inline-start:auto;color:var(--moto);font-size:1.7rem;line-height:1}.notification-unread{background:color-mix(in srgb,var(--moto) 6%,transparent)}
.catalog-cover,.product-cover,.store-hero-image,.product-detail-image{width:100%;object-fit:cover;background:var(--surface-2)}.catalog-cover{height:210px}.product-cover{height:190px}.store-hero-image{height:280px}.product-detail-image{height:min(460px,60vh);border-radius:1.25rem}.catalog-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,var(--surface-2),var(--surface));color:var(--muted);font-size:3rem}.store-card,.product-card{transition:transform .2s,border-color .2s}.store-card:hover,.product-card:hover{transform:translateY(-4px);border-color:rgba(81,70,229,.35)!important}.price-breakdown,.cash-panel,.periodic-notice{background:var(--surface-2);border:1px solid var(--line)}.cash-panel,.periodic-notice{padding:1rem;border-radius:1rem}.cart-thumb{width:70px;height:70px;border-radius:.8rem;object-fit:cover;font-size:1.5rem;flex:0 0 70px}.cart-quantity{width:76px}.sticky-summary{position:sticky;top:98px}.address-choice{display:flex;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;height:100%;cursor:pointer}.address-choice:has(input:checked){border-color:var(--moto);background:color-mix(in srgb,var(--moto) 7%,transparent)}.address-choice span{display:block}.address-choice small{display:block;color:var(--muted);margin-top:.35rem}.ride-visual{display:flex;align-items:center;gap:.75rem;color:var(--moto)}.ride-visual div{height:3px;flex:1;background:linear-gradient(90deg,var(--moto),var(--accent))}.route-points{display:grid;gap:1.2rem}.route-points>div{display:flex;gap:1rem;align-items:flex-start}.route-points span{color:var(--moto)}.route-points small,.route-points strong{display:block}.timeline{position:relative}.timeline-item{display:flex;gap:.9rem;padding-bottom:1.4rem;position:relative}.timeline-item>span{width:.8rem;height:.8rem;border-radius:50%;background:var(--moto);margin-top:.3rem;flex:0 0 .8rem}.timeline-item:not(:last-child):before{content:"";position:absolute;inset-inline-start:.37rem;top:1rem;bottom:0;border-inline-start:2px solid var(--line)}.timeline-item strong,.timeline-item small{display:block}.timeline-item small{color:var(--muted);margin-top:.2rem}.timeline-item p{font-size:.85rem;margin:.35rem 0 0;color:var(--muted)}
.document-card{border:1px solid var(--line);border-radius:1rem;background:var(--surface-2)}.driver-map-placeholder{min-height:210px;border-radius:1rem;display:grid;place-items:center;align-content:center;gap:.7rem;background:radial-gradient(circle at 55% 40%,rgba(81,70,229,.22) 0 7px,transparent 8px),linear-gradient(32deg,transparent 48%,color-mix(in srgb,var(--muted) 22%,transparent) 49% 51%,transparent 52%),var(--surface-2);color:var(--moto);font-size:2rem;border:1px solid var(--line)}.driver-map-placeholder small{font-size:.85rem;color:var(--muted);text-align:center;padding:0 1rem}.audit-detail{min-width:min(520px,80vw)}.audit-detail pre{max-height:220px;overflow:auto;padding:.8rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-2);color:var(--ink);font-size:.75rem;white-space:pre-wrap}
.request-map{height:360px;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--surface-2);z-index:1}.request-map .leaflet-control-attribution{font-size:.65rem}
.store-location-map{height:clamp(340px,52vh,520px)}#store-location-results{max-height:240px;overflow-y:auto}.leaflet-container{font-family:inherit}
@media(max-width:991.98px){.app-sidebar{transform:translateX(calc(-110% * var(--ltr,1)));transition:.25s;box-shadow:var(--shadow)}[dir=rtl] .app-sidebar{transform:translateX(110%)}.app-sidebar.open{transform:translateX(0)}.app-main{margin-inline-start:0}.mobile-nav-toggle{display:inline-flex}.hero{padding-top:8rem}.preview-shell{transform:none}.section-pad{padding:4rem 0}.sticky-summary{position:static}}
.store-menu-image{display:block;min-height:420px;max-height:75vh;object-fit:contain;background:var(--bs-tertiary-bg)}
.category-filter{display:flex;gap:.9rem;overflow-x:auto;padding:.25rem .15rem 1rem;scrollbar-width:thin;scroll-snap-type:x proximity}.category-filter-card{width:132px;flex:0 0 132px;display:flex;flex-direction:column;gap:.65rem;padding:.55rem;text-align:center;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:1.15rem;box-shadow:0 8px 24px rgba(49,42,143,.08);scroll-snap-align:start;transition:transform .2s,border-color .2s,box-shadow .2s}.category-filter-card:hover{transform:translateY(-3px);color:var(--ink);border-color:rgba(81,70,229,.5)}.category-filter-card.active{border:2px solid var(--moto);padding:.5rem;box-shadow:0 10px 28px rgba(81,70,229,.2);color:var(--moto)}.category-filter-card img,.category-filter-placeholder{width:114px;height:86px;border-radius:.8rem;object-fit:cover}.category-filter-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,rgba(81,70,229,.13),rgba(255,92,58,.1));color:var(--moto);font-size:2rem}.category-filter-card strong{font-size:.9rem;line-height:1.25;min-height:2.25em;display:grid;place-items:center}
.category-grid-card{display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.category-grid-card:hover{transform:translateY(-4px);color:var(--ink);border-color:var(--moto)}.category-grid-card>img,.category-grid-card>.category-filter-placeholder{width:100%;height:clamp(125px,18vw,210px);border-radius:0;object-fit:cover}.category-grid-card>span:last-child{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.category-grid-card small{color:var(--muted)}
.raw-order-copy{white-space:pre-wrap;font-size:1.1rem;line-height:1.9;padding:1rem;border-radius:1rem;background:var(--bs-tertiary-bg)}