:root{font-family:Noto Sans Lao,sans-serif;color:#183039;background:radial-gradient(circle at top left,rgba(244,139,36,.32),transparent 26%),radial-gradient(circle at 100% 0%,rgba(17,83,76,.24),transparent 30%),linear-gradient(180deg,#f6efe4,#edf4f1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #183039;--muted: #627785;--line: rgba(24, 48, 57, .09);--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--brand-warm: #f17b20;--brand-warm-deep: #b85916;--brand-cool: #0d5d56;--brand-cool-soft: #2a877d;--brand-rose: #b43e63;--shadow: 0 22px 50px rgba(44, 40, 33, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}button,input,select{font:inherit}input,select{width:100%;border:1px solid rgba(24,48,57,.08);background:#f8fbfb;color:var(--ink)}.app-shell{min-height:100vh;padding:24px;display:grid;place-items:center}.device-frame{width:min(100%,430px);min-height:890px;border-radius:34px;border:1px solid rgba(255,255,255,.46);background:#ffffff8f;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:hidden;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 20px 14px}.app-header h1,.section-heading h2,.profile-hero h2,.hero-copy h2,.customer-hero h2,.rider-hero h2,.seller-hero h2{margin:0;font-size:1.18rem;line-height:1.35}.app-content{flex:1;padding:0 18px 16px;overflow-y:auto}.stack{display:grid;gap:16px}.eyebrow{margin:0 0 4px;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.eyebrow.light{color:#ffffffc7}.icon-button,.circle-button,.swap-button{border:0;background:var(--surface-strong);color:var(--ink)}.icon-button{position:relative;width:48px;height:48px;border-radius:16px;box-shadow:0 12px 26px #1830391f}.icon-button span{position:absolute;top:-4px;right:-4px;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#eb5d29;color:#fff;font-size:.7rem;font-weight:700}.hero-card,.card,.profile-hero,.customer-hero,.rider-hero,.seller-hero,.promo-banner,.quote-card{border-radius:28px;border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 36px #18303914}.card,.profile-hero{padding:18px;background:var(--surface)}.system-health{display:grid;gap:14px}.system-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-item{padding:14px;border-radius:18px;background:#f8fbfbeb;border:1px solid rgba(24,48,57,.08);display:grid;gap:4px}.health-item span{font-size:.77rem;color:var(--muted)}.health-item strong{font-size:.92rem;line-height:1.45;word-break:break-word}.session-item{gap:6px}.session-item p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.session-item.active{border-color:#0d5d561f;background:#ebf7f4f5}.session-actions{display:flex;gap:10px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:126px;padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:700}.status-pill.loading{background:#f17b201f;color:var(--brand-warm-deep)}.status-pill.ready{background:#0d5d561f;color:var(--brand-cool)}.status-pill.error{background:#b43e6324;color:var(--brand-rose)}.health-note{margin:0;color:var(--muted);font-size:.85rem;line-height:1.6}.hero-card,.customer-hero,.rider-hero,.seller-hero,.promo-banner,.quote-card{color:#fff}.hero-card{padding:20px;display:grid;gap:18px;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.16),transparent 18%),linear-gradient(135deg,#f17b20,#c46220 42%,#0d5d56)}.customer-hero{padding:20px;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.14),transparent 20%),linear-gradient(160deg,#18467e,#1f4e98 40%,#f17b20 130%);display:grid;gap:18px}.rider-hero{padding:20px;background:radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 22%),linear-gradient(145deg,#12272c,#0d5d56 55%,#35a68c 130%);display:flex;justify-content:space-between;align-items:center;gap:14px}.seller-hero{padding:20px;background:radial-gradient(circle at top right,rgba(255,255,255,.14),transparent 22%),linear-gradient(145deg,#84254d,#b43e63 52%,#f17b20 135%);display:flex;justify-content:space-between;align-items:start;gap:14px}.promo-banner{padding:18px;background:linear-gradient(130deg,#113f79,#2f60a7 52%,#0d5d56 140%);display:flex;align-items:center;justify-content:space-between;gap:16px}.promo-banner h3,.quote-card h3,.visual-box-card h3{margin:0;font-size:1.3rem}.promo-banner span,.quote-card span,.hero-copy p,.customer-hero p,.seller-hero p,.rider-hero p{color:#ffffffc7}.hero-grid,.stats-grid,.mini-stats-grid,.quick-action-grid,.product-grid,.tag-grid,.pickup-vehicle-grid,.box-grid{display:grid;gap:12px}.hero-grid{grid-template-columns:repeat(3,1fr)}.hero-grid-card,.stat-card,.notification,.row-card,.history-card,.shipment-card,.task-card,.zone-card,.branch-card,.inventory-card,.cod-card,.mini-stat,.product-card,.quick-action-card,.vehicle-card,.box-option,.inline-card,.form-card,.select-card,.visual-box-card{border-radius:22px}.hero-grid-card,.mini-stat,.product-card,.quick-action-card,.vehicle-card,.task-card,.zone-card{border:1px solid var(--line)}.hero-grid-card{padding:14px;background:#ffffff24;border-color:#ffffff1f}.hero-grid-card span{color:#ffffffc7;font-size:.82rem}.summary-copy,.role-copy p,.notification p,.row-card p,.history-card p,.zone-card p,.inventory-card p,.notes p,.shipment-status,.product-card small,.inline-card span,.cod-card p{margin:0;color:var(--muted);line-height:1.5}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px}.stats-grid,.mini-stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card,.notification,.row-card,.history-card,.shipment-card,.branch-card,.inventory-card,.cod-card,.profile-hero,.role-card{padding:14px;background:var(--surface-strong);border:1px solid var(--line)}.stat-card strong,.mini-stat strong,.hero-grid-card strong,.task-card strong,.row-card strong,.history-card strong,.shipment-card strong,.product-card strong,.vehicle-card strong,.inventory-card strong,.cod-card strong{display:block}.stat-card strong{margin-top:8px;font-size:1.3rem}.tone-warm{background:linear-gradient(180deg,#fff4ea,#fff)}.tone-cool{background:linear-gradient(180deg,#eefaf8,#fff)}.tone-rose{background:linear-gradient(180deg,#fff1f6,#fff)}.chip,.pill,.workspace-pill,.mini-button,.solid-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.chip{padding:8px 12px;border-radius:999px;font-size:.76rem;font-weight:700}.chip.soft{background:#eff4f6;color:#516876}.chip.success{background:#eaf9ee;color:#237848}.chip.warning{background:#fff1dc;color:#b4631b}.chip.inverse{background:#ffffff24;color:#fff;width:fit-content}.pill{padding:13px 12px;border-radius:18px;background:#fff7ee;border:1px solid rgba(241,123,32,.14);color:#8b501f;font-weight:600;text-align:center}.pill.rose{background:#fff3f7;border-color:#b43e6329;color:#943555}.mini-button,.solid-button,.text-button,.workspace-pill,.quick-action-card,.vehicle-card,.box-option,.nav-item,.history-switch button,.online-toggle,.swap-button,.circle-button{border:0;cursor:pointer}.mini-button{min-height:38px;padding:0 14px;border-radius:13px;background:#183039;color:#fff;font-weight:700}.mini-button.secondary{background:#eef4f5;color:#1d5f58}.solid-button{padding:0 16px;min-height:42px;border-radius:15px;background:linear-gradient(135deg,#f17b20,#d96f1f);color:#fff;font-weight:700;box-shadow:0 12px 20px #f17b2047}.solid-button.large{min-height:50px}.solid-button.purple{background:linear-gradient(135deg,#6c3ce0,#8d5cff);box-shadow:0 12px 20px #6c3ce042}.text-button{background:transparent;color:var(--brand-warm-deep);font-weight:700}.workspace-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:640px){.session-grid,.system-health-grid{grid-template-columns:1fr}}.workspace-pill{padding:12px 8px;border-radius:16px;background:#ffffffc7;color:var(--muted);font-size:.84rem;font-weight:700;flex-direction:column}.workspace-pill.active{background:#183039;color:#fff}.customer-hero-head,.tracking-inline,.role-card-main,.notification-top,.pickup-header,.price-row,.product-actions,.shipment-row,.history-switch,.home-role-card,.profile-hero{display:flex}.customer-hero-head,.role-card-main,.notification-top,.shipment-row,.home-role-card,.profile-hero{justify-content:space-between;gap:12px}.customer-hero-head,.profile-hero,.home-role-card,.role-card-main{align-items:center}.user-avatar,.role-badge,.avatar,.quick-action-icon,.visual-box-shape{display:grid;place-items:center;color:#fff}.user-avatar,.role-badge{width:50px;height:50px;border-radius:18px}.avatar{width:64px;height:64px;border-radius:22px;font-weight:800;background:linear-gradient(135deg,#f17b20,#0d5d56)}.theme-customer.role-badge,.theme-customer .chip.inverse{background:linear-gradient(135deg,#f17b20,#e8a85d)}.theme-rider.role-badge,.theme-rider .chip.inverse{background:linear-gradient(135deg,#0d5d56,#2ca790)}.theme-seller.role-badge,.theme-seller .chip.inverse{background:linear-gradient(135deg,#a7385d,#d55d83)}.tracking-inline{align-items:center;gap:10px;padding:12px;border-radius:20px;background:#ffffff24;border:1px solid rgba(255,255,255,.14)}.tracking-inline input{flex:1;background:transparent;border:0;color:#fff}.tracking-inline input:focus{outline:none}.tracking-inline input::selection{background:#ffffff3d}.mini-stats-grid{margin-top:4px}.mini-stat{padding:14px 10px;text-align:center;background:#fff}.mini-stat i{font-size:1rem;margin-bottom:8px}.mini-stat span{display:block;margin-top:6px;font-size:.76rem;color:var(--muted)}.mini-stat.green{background:linear-gradient(180deg,#f2fff8,#fff)}.mini-stat.orange{background:linear-gradient(180deg,#fff6ed,#fff)}.mini-stat.dark{background:linear-gradient(180deg,#1b365d,#214879);color:#fff}.mini-stat.dark span,.mini-stat.dark i{color:#ffffffdb}.quick-action-grid{grid-template-columns:repeat(4,1fr)}.quick-action-card{padding:14px 8px;background:#fffefc;flex-direction:column;gap:10px;font-size:.76rem;font-weight:700;color:#314651}.quick-action-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#e8f1ff,#cfe5ff);color:#1b56a1}.partner-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.partner-chip{min-height:72px;border-radius:20px;background:#f8fbfb;border:1px solid var(--line);display:grid;place-items:center;padding:10px 6px;font-size:.72rem;text-align:center}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card{padding:12px;background:#fff;display:grid;gap:8px}.product-image{height:104px;border-radius:18px;background:linear-gradient(145deg,#f17b2029,#0d5d5629),#f3f5f8;display:flex;align-items:start;padding:10px}.price-row{flex-direction:column;align-items:start;gap:2px}.price-main{font-weight:800;color:#f17b20}.price-old{font-size:.78rem;color:#99a8b1;text-decoration:line-through}.product-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:6px}.form-stack{display:grid;gap:12px}.form-card,.inline-card,.select-card{padding:14px;background:#fff;border:1px solid var(--line)}.form-card{display:grid;gap:10px}.form-card label,.select-card label{font-size:.78rem;color:var(--muted);font-weight:700}.field{min-height:46px;padding:0 14px;border-radius:16px}.horizontal-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0}.circle-button{width:38px;height:38px;border-radius:14px}.box-grid{grid-template-columns:repeat(4,1fr)}.box-option{min-height:84px;padding:10px;background:#f7fafb;text-align:center;display:grid;gap:4px;align-content:center}.box-option span{font-size:.68rem;color:var(--muted)}.box-option.active{background:linear-gradient(180deg,#edf4ff,#fff);border:1px solid rgba(27,86,161,.24);color:#1b56a1}.quote-card{padding:18px;background:linear-gradient(135deg,#15365f,#24538d 48%,#f17b20 160%);display:flex;justify-content:space-between;gap:14px;align-items:end}.quote-card.purple{background:linear-gradient(135deg,#5530ba,#7142e4 48%,#9a73ff 150%)}.route-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.swap-button{width:44px;height:44px;border-radius:16px;box-shadow:0 10px 18px #1830391a}.visual-box-card{padding:16px;background:linear-gradient(180deg,#f3f8ff,#fff);border:1px solid rgba(27,86,161,.1);display:flex;justify-content:space-between;align-items:center}.visual-box-card span{color:var(--muted)}.visual-box-shape{width:84px;height:84px;border-radius:22px;background:linear-gradient(145deg,#1f57a7,#3d77ca);font-size:1.25rem;font-weight:800}.pickup-vehicle-grid{grid-template-columns:repeat(2,1fr)}.vehicle-card{padding:16px 12px;background:#fff;text-align:center;display:grid;gap:6px;color:#334954}.vehicle-card i{font-size:1.25rem;color:#7c65f6}.vehicle-card.active{background:linear-gradient(180deg,#f5f0ff,#fff);border-color:#6c3ce033}.upload-box{min-height:82px;border-radius:20px;border:1px dashed rgba(108,60,224,.32);background:#f7f4ff;color:#6c3ce0;display:grid;place-items:center;gap:4px}.list{display:grid;gap:12px}.row-card,.branch-card,.task-card{display:flex;justify-content:space-between;gap:12px}.row-card-side{display:grid;gap:6px;text-align:right}.history-switch{gap:10px;margin-bottom:14px}.history-switch button{flex:1;min-height:42px;border-radius:15px;background:#eef4f5;color:var(--muted);font-weight:700}.history-switch button.active{background:#183039;color:#fff}.history-card span,.shipment-status{font-size:.82rem}.shipment-card{display:grid;gap:10px}.shipment-row{align-items:center}.shipment-row span{font-weight:700;color:#f17b20}.progress-rail{width:100%;height:10px;background:#edf2f4;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(135deg,#f17b20,#1f57a7)}.notification.high{border-left:4px solid #eb5d29}.notification.medium{border-left:4px solid #f17b20}.notification.low{border-left:4px solid #0d5d56}.notification-top{justify-content:space-between;gap:10px;align-items:start}.profile-hero{gap:14px}.notes{display:grid;gap:10px}.notes p{padding:12px 14px;border-radius:16px;background:#f7faf9;border:1px solid var(--line);color:#30414f}.home-role-card{gap:14px}.role-copy{display:grid;gap:6px}.role-card{border-radius:22px}.role-card.active{border-color:#0d5d5647;box-shadow:0 10px 20px #0d5d5614}.online-toggle{min-width:122px;min-height:54px;border-radius:18px;padding:6px 10px;background:#ffffff24;color:#fff;display:flex;gap:10px;align-items:center;justify-content:space-between}.online-toggle.on{background:#fff3}.toggle-knob{width:36px;height:36px;border-radius:999px;background:#fff;box-shadow:0 8px 18px #18303924}.two-column-grid{display:grid;gap:16px}.zone-card,.task-card{padding:14px;background:#fff}.earnings-list{display:grid;gap:12px}.earning-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.earning-row:last-child{border-bottom:0;padding-bottom:0}.cod-card,.inventory-card{display:grid;gap:6px}.locked-card{background:linear-gradient(180deg,#f5f7f8fa,#ffffffe0)}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 14px 18px;background:#ffffffc2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(24,48,57,.06)}.nav-item{padding:12px 8px;border-radius:18px;background:transparent;color:var(--muted);display:grid;gap:6px}.nav-item.active{background:#183039;color:#fff}.nav-item span{font-size:.76rem;font-weight:700}.mini-button:disabled,.solid-button:disabled{opacity:.56}@media(max-width:520px){.app-shell{padding:0}.device-frame{width:100%;min-height:100vh;border-radius:0}.system-health-grid{grid-template-columns:1fr}}