.royal-chat-header{z-index:40;width:100%;height:64px;padding:env(safe-area-inset-top,0px) 16px 0;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color,#0f52ba1a);background:#fffffff2;align-items:center;gap:12px;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #0f52ba0d}.chat-back-btn,.chat-close-btn{background:var(--color-surface,#fff);width:38px;height:38px;color:var(--color-primary,#0f52ba);cursor:pointer;border:1px solid #0f52ba1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s,background .18s;display:flex}.chat-back-btn:active,.chat-close-btn:active{background:#0f52ba14;transform:scale(.92)}.chat-header-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.chat-avatar-wrapper{border-radius:50%;width:42px;min-width:42px;height:42px;position:relative;box-shadow:0 3px 10px #0f52ba33}.chat-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-avatar-placeholder{background:var(--gradient-royal-primary,linear-gradient(135deg, #0f52ba 0%, #7851a9 100%));color:#fff;letter-spacing:.5px;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}.chat-online-badge{border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0}.chat-online-badge.online{background:#10b981;box-shadow:0 0 6px #10b981cc}.chat-online-badge.offline{background:#9ca3af}.chat-title-group{flex-direction:column;min-width:0;display:flex}.chat-partner-name{color:var(--color-text,#1e1b4b);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;line-height:1.25;overflow:hidden}.chat-status-text{font-size:12px;line-height:1.3}.status-online{color:#10b981;font-weight:600}.status-offline{color:var(--color-muted,#6b7280)}.typing-indicator{color:var(--color-primary,#0f52ba);letter-spacing:.2px;font-weight:600}.typing-indicator .dot-1{animation:1.4s .1s infinite typingDot}.typing-indicator .dot-2{animation:1.4s .3s infinite typingDot}.typing-indicator .dot-3{animation:1.4s .5s infinite typingDot}@keyframes typingDot{0%,60%,to{opacity:.2}30%{opacity:1}}html.dark .royal-chat-header,[data-theme=dark] .royal-chat-header{background:var(--color-frosted,#0f172aeb);border-bottom-color:var(--color-border,#ffffff14)}html.dark .chat-partner-name,[data-theme=dark] .chat-partner-name{color:var(--color-text,#f8fafc)}html.dark .chat-back-btn,html.dark .chat-close-btn,[data-theme=dark] .chat-back-btn,[data-theme=dark] .chat-close-btn{background:var(--color-surface,#1e293b);border-color:var(--color-border,#ffffff1f);color:var(--color-primary-300,#93c5fd)}.royal-msg-row{width:100%;margin:6px 0;animation:.22s ease-out msgFadeIn;display:flex}.royal-msg-row.mine{justify-content:flex-end}.royal-msg-row.other{justify-content:flex-start}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.royal-msg-bubble{word-break:break-word;border-radius:18px;flex-direction:column;min-width:72px;max-width:82%;padding:10px 14px 6px;transition:transform .15s;display:flex}.royal-msg-bubble.mine{background:var(--gradient-royal-primary,linear-gradient(135deg, #0f52ba 0%, #7851a9 100%));color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 14px #0f52ba40}.royal-msg-bubble.other{background:var(--color-surface,#fff);color:var(--color-text,#1e1b4b);border:1px solid #0f52ba14;border-bottom-left-radius:4px;box-shadow:0 3px 10px #0000000d}.royal-msg-text{white-space:pre-wrap;word-break:break-word;margin:0;font-size:14.5px;line-height:1.45}.royal-msg-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.royal-msg-time{opacity:.82;font-size:11px}.royal-msg-bubble.mine .royal-msg-time{color:#ffffffd9}.royal-msg-bubble.other .royal-msg-time{color:var(--color-muted,#6b7280)}.msg-status-icon{display:inline-flex}.msg-status-icon.sending{opacity:.7}.msg-status-icon.delivered{color:#ffffffd9}.msg-status-icon.read{color:#fcd34d}html.dark .royal-msg-bubble.other,[data-theme=dark] .royal-msg-bubble.other{background:var(--color-surface,#1e293b);color:var(--color-text,#f8fafc);border-color:var(--color-border,#ffffff14);box-shadow:0 3px 12px #0000004d}html.dark .royal-msg-bubble.other .royal-msg-time,[data-theme=dark] .royal-msg-bubble.other .royal-msg-time{color:var(--color-muted,#94a3b8)}.royal-msg-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;padding:16px;display:flex;overflow-y:auto}.royal-msg-list.loading-state,.royal-msg-list.empty-state{justify-content:center;align-items:center}.royal-msg-empty-card{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:280px;padding:24px 16px;display:flex}.royal-msg-empty-icon{background:var(--gradient-royal-soft,linear-gradient(135deg, #0f52ba1f 0%, #7851a91f 100%));width:64px;height:64px;color:var(--color-primary,#0f52ba);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.royal-msg-empty-card h3{color:var(--color-text,#1e1b4b);margin:0;font-size:17px;font-weight:700}.royal-msg-empty-card p{color:var(--color-muted,#6b7280);margin:0;font-size:13.5px;line-height:1.45}.royal-date-divider{justify-content:center;margin:14px 0 10px;display:flex}.royal-date-divider span{color:var(--color-primary,#0f52ba);letter-spacing:.3px;background:#0f52ba14;border-radius:12px;padding:4px 12px;font-size:11.5px;font-weight:600;box-shadow:0 1px 4px #00000008}.scroll-anchor{flex-shrink:0;height:1px}html.dark .royal-date-divider span,[data-theme=dark] .royal-date-divider span{color:var(--color-primary-300,#93c5fd);background:#ffffff14}html.dark .royal-msg-empty-card h3,[data-theme=dark] .royal-msg-empty-card h3{color:var(--color-text,#f8fafc)}html.dark .royal-msg-empty-card p,[data-theme=dark] .royal-msg-empty-card p{color:var(--color-muted,#94a3b8)}.royal-msg-input-bar{z-index:30;padding:10px 12px calc(env(safe-area-inset-bottom,0px) + 10px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-color,#0f52ba1a);background:#fffffff5;align-items:flex-end;gap:8px;display:flex;position:sticky;bottom:0;box-shadow:0 -3px 14px #0f52ba0a}.royal-emoji-wrapper{position:relative}.royal-emoji-btn{background:var(--color-surface,#f8fafc);width:44px;height:44px;color:var(--color-primary,#0f52ba);cursor:pointer;border:1px solid #0f52ba1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .16s,background .16s;display:flex}.royal-emoji-btn:active{background:#0f52ba14;transform:scale(.92)}.royal-emoji-drawer{z-index:100;background:var(--color-surface,#fff);border:1px solid #0f52ba1f;border-radius:18px;width:270px;max-height:190px;padding:10px;animation:.2s ease-out emojiPop;position:absolute;bottom:54px;left:0;overflow-y:auto;box-shadow:0 10px 30px #0f52ba33}@keyframes emojiPop{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.royal-emoji-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.royal-emoji-cell{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .12s,transform .12s;display:flex}.royal-emoji-cell:hover,.royal-emoji-cell:active{background:#0f52ba1a;transform:scale(1.15)}.royal-chat-textarea{background:var(--color-surface,#f8fafc);height:44px;min-height:44px;max-height:120px;color:var(--color-text,#1e1b4b);resize:none;border:1px solid #0f52ba26;border-radius:22px;outline:none;flex:1;padding:11px 16px;font-family:inherit;font-size:14.5px;line-height:1.4;transition:border-color .2s,box-shadow .2s,background .2s}.royal-chat-textarea:focus{border-color:var(--color-primary,#0f52ba);background:#fff;box-shadow:0 0 0 3px #0f52ba1f}.royal-send-btn{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:all .2s;display:flex}.royal-send-btn.active{background:var(--gradient-royal-primary,linear-gradient(135deg, #0f52ba 0%, #7851a9 100%));color:#fff;cursor:pointer;box-shadow:0 4px 14px #0f52ba59}.royal-send-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f52ba73}.royal-send-btn.active:active{transform:scale(.92)}html.dark .royal-msg-input-bar,[data-theme=dark] .royal-msg-input-bar{background:var(--color-frosted,#0f172af0);border-top-color:var(--color-border,#ffffff14)}html.dark .royal-chat-textarea,[data-theme=dark] .royal-chat-textarea{background:var(--color-input-bg,#1e293b);color:var(--color-text,#f8fafc);border-color:var(--color-input-border,#ffffff1f)}html.dark .royal-emoji-btn,[data-theme=dark] .royal-emoji-btn{background:var(--color-surface,#1e293b);border-color:var(--color-border,#ffffff1f);color:var(--color-primary-300,#93c5fd)}html.dark .royal-emoji-drawer,[data-theme=dark] .royal-emoji-drawer{background:var(--color-surface,#1e293b);border-color:var(--color-border,#ffffff26);box-shadow:0 10px 30px #00000080}.royal-floating-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#0f172a73;justify-content:flex-end;align-items:flex-end;animation:.2s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}.royal-floating-chat{background:var(--color-surface,#fff);border:1px solid #0f52ba26;border-radius:24px;flex-direction:column;width:400px;height:640px;margin:20px;animation:.26s cubic-bezier(.16,1,.3,1) floatPopIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f52ba40,0 0 1px #0003}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatPopIn{0%{opacity:0;transform:translateY(40px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.royal-floating-overlay{align-items:flex-end}.royal-floating-chat{border-bottom:none;border-radius:24px 24px 0 0;width:100%;height:86vh;margin:0;animation:.28s cubic-bezier(.16,1,.3,1) bottomSheetSlide}}@keyframes bottomSheetSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}html.dark .royal-floating-chat,[data-theme=dark] .royal-floating-chat{background:var(--color-surface,#0f172a);border-color:var(--color-border,#ffffff1a);box-shadow:0 20px 60px #000000b3}.royal-chat-fab-wrapper{right:18px;bottom:calc(var(--bottom-nav-height,60px) + var(--safe-area-bottom,0px) + 16px);z-index:998;position:fixed}.royal-chat-fab{background:var(--gradient-royal-primary,linear-gradient(135deg, #0f52ba 0%, #7851a9 100%));color:#fff;cursor:pointer;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s;animation:2.8s infinite royalChatPulse;display:flex;position:relative;box-shadow:0 10px 28px #0f52ba73}.royal-chat-fab:hover{transform:translateY(-3px)scale(1.06);box-shadow:0 14px 36px #0f52ba99}.royal-chat-fab:active{transform:scale(.92)}.royal-chat-badge{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border:2px solid #fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 3px 8px #00000040}.royal-fab-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes royalChatPulse{0%{box-shadow:0 0 #0f52ba8c,0 10px 28px #0f52ba73}70%{box-shadow:0 0 0 16px #0f52ba00,0 10px 28px #0f52ba73}to{box-shadow:0 0 #0f52ba00,0 10px 28px #0f52ba73}}@media (width<=480px){.royal-chat-fab-wrapper{right:14px;bottom:calc(var(--bottom-nav-height,60px) + var(--safe-area-bottom,0px) + 14px)}.royal-chat-fab{width:54px;height:54px}}.share-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);display:flex}.share-btn:hover{background-color:var(--color-primary);color:#fff}.share-feedback{padding:var(--space-2) var(--space-4);background-color:var(--color-success-light);color:#047857;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;border-bottom:1px solid var(--color-border)}.shop-search-bar{align-items:center;gap:var(--space-2);margin:0 var(--space-1);padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);color:var(--color-muted);display:flex}.shop-search-bar svg{flex-shrink:0}.shop-search-bar input{min-width:0;font-size:var(--font-size-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.shop-search-bar input::placeholder{color:var(--color-muted)}.shop-search-clear{border-radius:var(--radius-full);background-color:var(--color-background);width:24px;height:24px;color:var(--color-muted);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.shop-chat-fab{left:16px;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 14px);z-index:var(--z-sticky);border-radius:var(--radius-full);background:var(--gradient-royal-primary);color:#fff;width:56px;height:56px;transition:transform var(--transition-base), box-shadow var(--transition-base);border:1px solid #fff3;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 12px 28px #0f52ba66}.shop-chat-fab:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 18px 45px #0d948873}.shop-chat-fab:active{transform:scale(.95)}@media (width<=360px){.share-btn span{display:none}.shop-chat-fab{width:52px;height:52px}}.confirm-overlay{background:var(--color-scrim,#0009);-webkit-backdrop-filter:blur(4px);z-index:10000;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:360px;box-shadow:var(--shadow-xl,0 20px 40px #0000004d);border-radius:20px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) dialog-slide-in}@keyframes dialog-slide-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-dialog--danger .confirm-title{color:var(--color-danger,#ef4444)}.confirm-header{margin-bottom:10px}.confirm-title{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.confirm-message{color:var(--color-muted);white-space:pre-wrap;margin:0 0 24px;font-size:14px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:12px;display:flex}.confirm-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.confirm-btn:active{transform:scale(.97)}.confirm-btn--cancel{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text)}.confirm-btn--cancel:hover{background:var(--color-surface)}.confirm-btn--confirm{background:var(--gradient-royal-primary,#0f52ba);color:#fff;box-shadow:0 4px 12px #0f52ba40}.confirm-btn--confirm:hover{opacity:.92}.confirm-btn--confirm.confirm-btn--danger{background:var(--color-danger,#dc2626);box-shadow:0 4px 12px #dc143c40}.confirm-btn--confirm.confirm-btn--danger:hover{background:#b91c1c}.coming-overlay{z-index:99999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.coming-modal{background:var(--color-surface,#fff);text-align:center;border:1px solid var(--color-border,#e5e7eb);border-radius:20px;width:380px;max-width:90%;padding:30px;animation:.3s cubic-bezier(.16,1,.3,1) popup;box-shadow:0 20px 50px #00000040}.coming-icon{color:#f59e0b;background:#f59e0b26;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto;font-size:34px;display:flex}.coming-modal h2{color:var(--color-text,#111827);margin-top:16px;font-size:22px;font-weight:700}.coming-modal p{color:var(--color-text-secondary,#6b7280);margin:14px 0;font-size:14px;line-height:1.5}.coming-badge{color:#d97706;background:#f59e0b1f;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.coming-buttons{gap:12px;display:flex}.coming-buttons .close-btn{cursor:pointer;background:var(--color-primary,#2563eb);color:#fff;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:opacity .2s}.coming-buttons .close-btn:hover{opacity:.9}@keyframes popup{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.royal-chat-container{min-height:calc(100vh - var(--bottom-nav-height,60px) - var(--safe-area-bottom,0px));background:var(--color-background,#f8fafc);padding-bottom:calc(var(--bottom-nav-height,60px) + var(--safe-area-bottom,0px) + 12px);flex-direction:column;display:flex}.royal-chat-list-header{z-index:30;background:var(--color-frosted,#fffffff0);-webkit-backdrop-filter:blur(14px);padding:calc(var(--safe-area-top,0px) + 14px) 16px 12px;border-bottom:1px solid var(--color-border,#0f52ba14);position:sticky;top:0;box-shadow:0 4px 14px #0f52ba08}.chat-list-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chat-list-title-group{align-items:center;gap:10px;display:flex}.chat-list-title{letter-spacing:-.4px;color:var(--color-text,#1e1b4b);margin:0;font-size:22px;font-weight:800}.chat-unread-pill{background:var(--gradient-royal-primary,linear-gradient(135deg, #0f52ba 0%, #7851a9 100%));color:#fff;border-radius:12px;padding:3px 9px;font-size:11.5px;font-weight:700;box-shadow:0 2px 8px #0f52ba40}.chat-search-box{align-items:center;width:100%;display:flex;position:relative}.chat-search-box .search-icon{color:var(--color-muted,#6b7280);pointer-events:none;position:absolute;left:14px}.chat-search-box input{background:var(--color-surface,#fff);width:100%;height:42px;color:var(--color-text,#1e1b4b);border:1px solid #0f52ba1f;border-radius:21px;outline:none;padding:0 38px 0 40px;font-size:14px;transition:all .2s}.chat-search-box input:focus{border-color:var(--color-primary,#0f52ba);box-shadow:0 0 0 3px #0f52ba1a}.search-clear-btn{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex;position:absolute;right:12px}.chat-list-body{flex:1;padding:12px 16px}.chat-cards-stack{flex-direction:column;gap:10px;display:flex}.chat-conversation-card{background:var(--color-surface,#fff);cursor:pointer;border:1px solid #0f52ba14;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 3px 12px #0f52ba0a}.chat-conversation-card:hover{border-color:#0f52ba33;transform:translateY(-2px);box-shadow:0 6px 18px #0f52ba1a}.chat-conversation-card:active{transform:scale(.98)}.chat-card-avatar{background:var(--gradient-royal-primary,linear-gradient(135deg, #0f52ba 0%, #7851a9 100%));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex;box-shadow:0 3px 10px #0f52ba33}.chat-avatar-inner{justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.chat-card-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chat-card-row-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-card-name{color:var(--color-text,#1e1b4b);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.chat-card-time{color:var(--color-muted,#6b7280);white-space:nowrap;font-size:12px}.chat-card-row-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-card-snippet{color:var(--color-muted,#6b7280);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;line-height:1.35;overflow:hidden}.chat-card-badge{background:var(--gradient-royal-primary,linear-gradient(135deg, #0f52ba 0%, #7851a9 100%));color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.chat-card-arrow{color:#94a3b8;flex-shrink:0}.royal-active-chat-wrapper{z-index:1000;background:var(--color-background,#f8fafc);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.royal-chat-body-scroll{flex-direction:column;flex:1;display:flex;overflow-y:auto}html.dark .royal-chat-list-header,[data-theme=dark] .royal-chat-list-header{background:var(--color-frosted,#0f172af0);border-bottom-color:var(--color-border,#ffffff14)}html.dark .chat-list-title,[data-theme=dark] .chat-list-title{color:var(--color-text,#f8fafc)}html.dark .chat-search-box input,[data-theme=dark] .chat-search-box input{background:var(--color-input-bg,#1e293b);color:var(--color-text,#f8fafc);border-color:var(--color-input-border,#ffffff1f)}html.dark .chat-conversation-card,[data-theme=dark] .chat-conversation-card{background:var(--color-surface,#1e293b);border-color:var(--color-border,#ffffff14);box-shadow:0 4px 16px #00000040}html.dark .chat-card-name,[data-theme=dark] .chat-card-name{color:var(--color-text,#f8fafc)}html.dark .chat-card-snippet,[data-theme=dark] .chat-card-snippet{color:var(--color-muted,#94a3b8)}html.dark .royal-active-chat-wrapper,[data-theme=dark] .royal-active-chat-wrapper{background:var(--color-background,#0f172a)}.auth-layout{background:var(--color-background);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem 1rem;display:flex}.auth-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-sizing:border-box;width:100%;max-width:440px;padding:2rem 1.5rem;box-shadow:0 12px 32px -4px #0f52ba1f}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-header__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:var(--color-primary-light);border:1px solid #0f52ba26;border-radius:9999px;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-block}.auth-header__title{color:var(--color-text);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.5rem;font-weight:800}.auth-header__subtitle{color:var(--color-muted);margin:0;font-size:.875rem;line-height:1.4}.role-selector{background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:1.25rem;padding:4px;display:grid}.role-selector__tab{color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.6rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.role-selector__tab--active{background:var(--color-surface);color:var(--color-primary);font-weight:700;box-shadow:0 2px 8px #0000001f}.role-selector__icon{font-size:.875rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-field__label{color:var(--color-text);font-size:.8rem;font-weight:600}.form-field__control{align-items:center;display:flex;position:relative}.form-field__icon{color:var(--color-muted);pointer-events:none;font-size:.95rem;position:absolute;left:.85rem}.form-field__input{border:1px solid var(--color-input-border,var(--color-border));border-radius:var(--radius-md);background:var(--color-input-bg,var(--color-surface));width:100%;min-height:44px;color:var(--color-text);box-sizing:border-box;outline:none;padding:.65rem .85rem .65rem 2.4rem;font-size:.925rem;transition:border-color .2s,box-shadow .2s}.form-field__input--has-action{padding-right:2.5rem}.form-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f52ba26}.form-field__action{color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:.95rem;display:flex;position:absolute;right:.75rem}.form-field__action:hover{color:var(--color-text)}.alert--error{background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);border:1px solid #dc143c40;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.75rem .85rem;font-size:.825rem;display:flex}.alert__message{white-space:pre-wrap}.btn{border-radius:var(--radius-full);cursor:pointer;box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:46px;padding:.75rem 1rem;font-size:.925rem;font-weight:600;transition:all .2s;display:inline-flex}.btn--primary{background:var(--gradient-royal-primary);color:#fff;box-shadow:0 4px 14px #0f52ba4d}.btn--primary:hover{background:var(--gradient-royal-hover);box-shadow:0 6px 18px #0f52ba66}.btn--secondary{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-surface)}.btn--social{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--social:hover{background:var(--color-background);border-color:var(--color-primary)}.btn__social-icon{color:#ea4335}.auth-divider{text-align:center;align-items:center;margin:.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--color-border);flex:1}.auth-divider__text{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 .75rem;font-size:.75rem}.auth-footer{text-align:center;margin-top:1.25rem}.auth-footer__text{color:var(--color-muted);margin:0;font-size:.875rem}.auth-footer__link{color:var(--color-primary);font-weight:700;text-decoration:none}.auth-footer__link:hover{text-decoration:underline}.verify-pending-box{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.verify-pending-icon-wrapper{background:var(--color-primary-light);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.verify-pending-icon{color:var(--color-primary);font-size:1.5rem}.verify-pending-text{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.verify-pending-actions{flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.google-login-wrapper{width:100%}.spin{animation:1s linear infinite spin}.fullscreen-loader{z-index:10000;pointer-events:all;opacity:0;visibility:hidden;background:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.fullscreen-loader--visible{opacity:1;visibility:visible}.fullscreen-loader .fullscreen-loader__page.page-loader{background:0 0;flex:none;min-height:0}.fullscreen-loader__title{color:#1a1a2e;text-align:center;margin:0;font-family:Poppins,sans-serif;font-size:17px;font-weight:600;line-height:1.3}.fullscreen-loader__subtitle{color:#6b7280;text-align:center;margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:1.5}body.loader-lock{overflow:hidden}@media (prefers-reduced-motion:reduce){.fullscreen-loader{transition:opacity .1s}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.map-page{width:100%;max-width:var(--max-width);height:calc(100vh - var(--bottom-nav-total));height:calc(100dvh - var(--bottom-nav-total));background-color:var(--color-background);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.buyer-map-header{align-items:center;gap:var(--space-2);height:calc(64px + var(--safe-area-top));padding:0 var(--space-3);padding-top:var(--safe-area-top);background-color:var(--color-surface);z-index:var(--z-sticky);flex-shrink:0;display:flex;position:relative;box-shadow:0 2px 8px #00000014}.buyer-map-header .back-button{border-radius:var(--radius-full);background-color:var(--color-background);width:40px;height:40px;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.buyer-map-header h2{min-width:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.buyer-map-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.02em;flex-shrink:0}.map-container{background-color:var(--color-background);flex:1 1 0;min-height:0;position:relative}.map-container .leaflet-container{background-color:var(--color-background);width:100%;height:100%}.map-style-toggle{z-index:1000;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full,999px);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-bold,700);color:var(--color-text);cursor:pointer;padding:8px 14px;transition:all .2s;position:absolute;top:14px;right:14px;box-shadow:0 4px 12px #00000026}.map-style-toggle:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.leaflet-control-attribution{color:#444;background:#ffffffe6;border-radius:3px;max-width:55%;padding:2px 6px;font-size:11px;line-height:1.2}.leaflet-control-attribution a{color:#444;text-decoration:none}.leaflet-touch .leaflet-control-attribution{box-shadow:none}.shop-preview{background-color:var(--color-surface);border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;flex-shrink:0;max-height:38vh;display:flex;overflow:hidden;box-shadow:0 -8px 20px #00000026}.shop-table{min-height:0;padding:var(--space-3);flex:1;overflow-y:auto}.shop-table-header{align-items:center;gap:var(--space-2);padding:0 10px var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary);border-bottom:2px solid var(--color-border);z-index:1;background-color:var(--color-surface);grid-template-columns:1fr 1fr 1.5fr 50px;display:grid;position:sticky;top:0}.shop-row{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);cursor:pointer;font-size:var(--font-size-sm);border-radius:10px;grid-template-columns:1fr 1fr 1.5fr 50px;min-width:0;padding:6px 10px;transition:all .25s;display:grid}.shop-row>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.shop-row:hover{background-color:var(--color-primary-light)}.shop-row.active-shop{background-color:var(--color-primary-light);border:2px solid var(--color-primary);color:var(--color-primary-dark);font-weight:var(--font-weight-bold);transform:scale(1.02);box-shadow:0 5px 14px #0f52ba40}.shop-row.active-shop>span{color:var(--color-primary-dark)}.shop-row.empty-row{padding:var(--space-6) var(--space-3);color:var(--color-muted);cursor:default;border-bottom:none;justify-content:center;display:flex}.direction-btn{border:1px solid var(--color-danger);background-color:var(--color-surface);width:32px;height:32px;color:var(--color-danger);border-radius:var(--radius-md);justify-content:center;justify-self:center;align-items:center;transition:all .2s;display:flex}.direction-btn:hover{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.shop-row-skeleton{cursor:default}.shop-row-skeleton:hover{background-color:#0000}.shop-row-skeleton-shop{align-items:center;gap:10px;min-width:0;display:flex}.skeleton-avatar{border-radius:var(--radius-full);background-color:var(--color-background);flex-shrink:0;width:32px;height:32px}.skeleton-text{border-radius:var(--radius-sm);background-color:var(--color-background);flex:1;min-width:0;height:14px}.shop-popup .leaflet-popup-content-wrapper{border:1px solid var(--color-border);padding:4px;background:var(--color-surface)!important;color:var(--color-text)!important;border-radius:var(--radius-lg,12px)!important;box-shadow:0 10px 25px #00000040!important}.shop-popup .leaflet-popup-tip{background:var(--color-surface)!important}.shop-popup .leaflet-popup-close-button{color:var(--color-text)!important;top:8px!important;right:8px!important}.shop-popup .leaflet-popup-content{min-width:220px;margin:8px 12px}.popup-content{flex-direction:column;gap:8px;display:flex}.popup-shop-code{font-size:22px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.popup-content h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.popup-content p{font-size:13px;color:var(--color-muted)!important;margin:0!important}.popup-product{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:14px;font-weight:var(--font-weight-semibold);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:4px 0;display:flex}.popup-product span{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-text);overflow:hidden}.popup-product strong{color:var(--color-primary);flex-shrink:0;font-size:18px;font-weight:700}.popup-btn{border-radius:var(--radius-md);background-color:var(--color-primary);color:#fff;width:100%;height:38px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;border:none;justify-content:center;align-items:center;margin-top:4px;transition:all .2s;display:flex}.popup-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.shop-identity{align-items:center;gap:6px;min-width:0;display:flex}.shop-identity strong{color:var(--color-primary);flex-shrink:0;font-weight:700}.shop-subname{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}html.dark .shop-table-header,[data-theme=dark] .shop-table-header{background-color:var(--color-surface);color:var(--color-primary)}html.dark .shop-row,[data-theme=dark] .shop-row{color:var(--color-text)}html.dark .shop-row.active-shop,[data-theme=dark] .shop-row.active-shop{border-color:var(--color-primary);color:var(--color-text);background-color:#2563eb2e}html.dark .shop-row.active-shop>span,[data-theme=dark] .shop-row.active-shop>span{color:var(--color-text)}html.dark .direction-btn,[data-theme=dark] .direction-btn{background-color:var(--color-background);border-color:var(--color-border);color:var(--color-primary)}.map-loading{padding:var(--space-4);flex:1;justify-content:center;align-items:center;display:flex}.map-error-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--color-warning-light);color:#92400e;font-size:var(--font-size-sm);flex-shrink:0;display:flex}.map-error-banner button{padding:var(--space-1) var(--space-3);background-color:var(--color-warning);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}@media (width<=360px){.buyer-map-header h2{font-size:var(--font-size-xl)}}.addresses-page{background:var(--color-background);min-height:100vh;color:var(--color-text);padding-bottom:calc(var(--bottom-nav-height,64px) + 24px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.addresses-header{z-index:20;background:var(--color-header-bg,var(--color-frosted));-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.addresses-header .back-button{border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.addresses-header .back-button:active{background:var(--color-neutral-100);transform:scale(.95)}.addresses-header h2{color:var(--color-text);text-align:center;margin:0;font-size:18px;font-weight:700}.addresses-header-spacer{width:40px}.addresses-content-wrap{box-sizing:border-box;max-width:520px;margin:0 auto;padding:16px}.add-address-action-bar{width:100%;margin-bottom:16px}.add-address-btn{box-sizing:border-box;background:var(--gradient-royal-primary,linear-gradient(135deg, #0d9488 0%, #0f766e 100%));color:#fff;letter-spacing:.2px;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 18px;font-size:15px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #0f52ba40}.add-address-btn:active{transform:scale(.98);box-shadow:0 2px 6px #0f52ba33}.empty-addresses-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;box-shadow:var(--shadow-sm);border-radius:20px;margin-top:8px;padding:44px 24px}.empty-addresses-icon-wrap{color:#10b981;background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:32px;display:flex;box-shadow:0 2px 8px #10b98126}.empty-addresses-card h3{color:var(--color-text);margin:0 0 8px;font-size:18px;font-weight:700}.empty-addresses-card p{color:var(--color-muted);max-width:320px;margin:0 auto 24px;font-size:14px;line-height:1.5}.empty-add-btn{background:var(--gradient-royal-primary,#0f52ba);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #0f52ba40}.empty-add-btn:active{transform:scale(.97)}.addresses-list{flex-direction:column;gap:12px;display:flex}.address-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:16px;padding:18px;transition:all .15s}.address-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.address-type{text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);background:var(--color-primary-light);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.default-badge{color:#10b981;background:#10b98126;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.address-card-name{color:var(--color-text);margin:0 0 6px;font-size:16px;font-weight:700}.address-card-phone{color:var(--color-muted);align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:500;display:flex}.address-card-text{color:var(--color-text-secondary);margin:0 0 14px;font-size:14px;line-height:1.5}.address-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.address-actions button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.address-actions button:active{transform:scale(.96)}.address-actions button.default-btn{color:#10b981;background:#10b9811f;border-color:#10b9814d}.address-actions button.delete{color:var(--color-danger);background:#dc143c1a;border-color:#dc143c40;margin-left:auto}.address-overlay{background:var(--color-scrim,#00000080);z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.2s ease-out fade-in;position:fixed;inset:0}.address-sheet{background:var(--color-surface);border:1px solid var(--color-border);z-index:101;border-radius:24px 24px 0 0;max-width:560px;max-height:90vh;margin:0 auto;animation:.25s cubic-bezier(.16,1,.3,1) sheet-up;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 24px #00000040}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:2;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.sheet-header h3{color:var(--color-text);margin:0;font-size:17px;font-weight:700}.close-sheet{border:1px solid var(--color-border);background:var(--color-neutral-100);cursor:pointer;width:34px;height:34px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.close-sheet:active{background:var(--color-neutral-200)}.sheet-body{padding:20px 18px 32px}.location-btn,.map-btn{border:1px solid var(--color-border);background:var(--color-surface-secondary);width:100%;color:var(--color-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.location-btn:hover,.map-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.map-wrapper{border:1px solid var(--color-border);border-radius:14px;margin-bottom:16px;overflow:hidden}.map-helper-text{color:var(--color-muted);text-align:center;margin:6px 0 0;font-size:12px}.input-group label{color:var(--color-text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-group input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-input-bg);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:all .15s}.input-group input:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px #0f52ba2e}.row-2{gap:12px;display:flex}.row-2 .input-group{flex:1}.type-buttons,.address-types{gap:10px;margin-bottom:16px;display:flex}.type-buttons button,.type-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.type-buttons button:hover,.type-chip:hover{background:var(--color-neutral-100);border-color:var(--color-primary-300,var(--color-border))}.type-buttons button.active,.type-chip.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 12px #0f52ba4d;color:#fff!important}.checkbox-label,.default-checkbox{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:500;display:flex}.checkbox-label input,.default-checkbox input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.save-address-btn{background:var(--gradient-royal-primary,linear-gradient(135deg, #0d9488 0%, #0f766e 100%));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .15s;box-shadow:0 4px 14px #0f52ba4d}.save-address-btn:active{transform:scale(.98)}.error-banner{background:var(--color-danger-light);color:var(--color-danger);border:1px solid #dc143c40;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.delete-overlay{background:var(--color-scrim,#00000080);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-modal{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;width:100%;max-width:320px;box-shadow:var(--shadow-xl);border-radius:20px;padding:24px}.delete-modal h3{color:var(--color-text);margin:0 0 10px;font-size:18px;font-weight:700}.delete-modal p{color:var(--color-muted);margin:0 0 20px;font-size:14px;line-height:1.5}.delete-actions{gap:10px;display:flex}.cancel-btn,.confirm-delete-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:all .15s}.cancel-btn{background:var(--color-neutral-100);border:1px solid var(--color-border);color:var(--color-text)}.confirm-delete-btn{background:var(--color-danger);color:#fff}.tab-notifications-page{background:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.tab-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.tab-header-left{align-items:center;gap:12px;display:flex}.action-circle-btn{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--color-text);justify-content:center;align-items:center;transition:all .2s;display:flex}.action-circle-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.action-circle-btn.active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.action-circle-btn.small{width:32px;height:32px}.tab-header h2{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.tab-pill-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:9;scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:8px 16px;display:flex;position:sticky;top:64px;overflow-x:auto}.tab-pill-bar::-webkit-scrollbar{display:none}.tab-pill{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-full);color:var(--color-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tab-pill:hover{background:var(--color-neutral-100);color:var(--color-text)}.tab-pill--active{background:var(--gradient-royal-primary);color:#fff;border-color:#0000;box-shadow:0 4px 12px #0f52ba4d}.tab-count{background:#fff3;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;display:flex}.tab-pill--active .tab-count{background:#ffffff4d}.feed-container{flex:1;padding:16px;overflow-y:auto}.tab-status-card{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.tab-status-card .status-icon{font-size:48px}.tab-status-card p{margin:0;font-size:15px}.tab-retry-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.tab-retry-btn:hover{background:#2563eb}.tab-notifications-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tab-notification-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:box-shadow .2s}.tab-notification-card.unread{border-left:3px solid var(--color-primary);box-shadow:0 2px 8px #0f52ba1f}.tab-notification-card.unread:hover{box-shadow:0 4px 12px #0f52ba2e}.tab-card-action{cursor:pointer;text-align:left;background:0 0;border:none;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;display:flex}.card-icon-wrapper{flex-shrink:0;align-items:flex-start;padding-top:2px;display:flex}.type-icon{color:#6b7280;width:22px;height:22px}.icon-order{color:#3b82f6}.icon-otp{color:#f59e0b}.icon-recharge{color:#8b5cf6}.card-body{flex:1;min-width:0}.card-top-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.card-title{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.4}.card-time{color:var(--color-muted);white-space:nowrap;flex-shrink:0;font-size:12px}.tab-notification-card.unread .card-title{color:var(--color-text)}.tab-notification-card:not(.unread) .card-title{color:var(--color-muted)}.card-message{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-badge-row{flex-wrap:wrap;gap:6px;display:flex}.status-chip{background:var(--color-neutral-100);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.tab-unread-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.drawer-backdrop{opacity:0;visibility:hidden;z-index:100;background:#00000080;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer-panel{background:var(--color-surface);border-left:1px solid var(--color-border);z-index:101;border-radius:20px 0 0 20px;flex-direction:column;width:100%;max-width:360px;transition:transform .3s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #0003}.drawer-backdrop.open .drawer-panel{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.drawer-header h3{color:var(--color-text);margin:0;font-size:18px;font-weight:600}.drawer-body{flex:1;padding:20px;overflow-y:auto}.drawer-toggle-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.drawer-toggle-row:last-child{border-bottom:none}.drawer-toggle-text{flex:1}.toggle-title{color:var(--color-text);margin-bottom:2px;font-size:15px;font-weight:500;display:block}.toggle-description{color:var(--color-muted);font-size:12px;display:block}.switch{flex-shrink:0;width:48px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#d1d5db;border-radius:28px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(20px)}.contact-page{background:var(--color-background);min-height:100vh;padding-bottom:calc(var(--bottom-nav-height,64px) + 24px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.contact-nav-header{z-index:20;background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.contact-nav-back{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.contact-nav-back:active{background:var(--color-neutral-100);transform:scale(.95)}.contact-nav-title{color:var(--color-text);text-align:center;margin:0;font-size:18px;font-weight:700}.contact-nav-space{width:40px}.contact-content{box-sizing:border-box;flex-direction:column;gap:16px;max-width:520px;margin:0 auto;padding:16px;display:flex}.contact-hero-card{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-radius:16px;align-items:center;gap:16px;padding:18px 20px;display:flex;box-shadow:0 4px 14px #0d948840}.contact-hero-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.contact-hero-text h3{margin:0 0 4px;font-size:16px;font-weight:700}.contact-hero-text p{color:#ccfbf1;margin:0;font-size:13px;line-height:1.4}.contact-channels-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-channel-item{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);color:inherit;border-radius:14px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:all .2s;display:flex}.contact-channel-item:active{background:var(--color-neutral-100);transform:translateY(1px)}.full-width-channel{grid-column:span 2}.channel-icon-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.channel-phone{color:#10b981;background:#10b9811f}.channel-email{color:var(--color-primary);background:#0f52ba1f}.channel-clock{color:#d97706;background:#f59e0b1f}.channel-info{flex-direction:column;display:flex;overflow:hidden}.channel-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);margin-bottom:2px;font-size:11px;font-weight:600}.channel-value{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.contact-form-section{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px 18px}.form-card-header{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:12px}.form-card-header h3{color:var(--color-text);margin:0 0 4px;font-size:17px;font-weight:700}.form-card-header p{color:var(--color-muted);margin:0;font-size:13px}.contact-form{flex-direction:column;gap:16px;display:flex}.contact-input-field{flex-direction:column;gap:6px;display:flex}.contact-input-field label{color:var(--color-text-secondary);font-size:13px;font-weight:600}.contact-input-field label .req{color:#ef4444}.input-with-icon,.textarea-with-icon{align-items:center;width:100%;display:flex;position:relative}.field-icon{color:var(--color-muted);pointer-events:none;font-size:15px;transition:color .15s;position:absolute;left:14px}.textarea-icon{top:14px}.prefix-badge{color:var(--color-text-secondary);border-right:1px solid var(--color-border);pointer-events:none;padding-right:8px;font-size:14px;font-weight:600;position:absolute;left:12px}.contact-input-field input{box-sizing:border-box;width:100%;color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:12px;outline:none;padding:13px 14px 13px 40px;font-family:inherit;font-size:15px;transition:all .15s}.contact-input-field input#mobile{padding-left:56px}.contact-input-field textarea{box-sizing:border-box;width:100%;color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-border);resize:vertical;border-radius:12px;outline:none;min-height:100px;padding:12px 14px 12px 40px;font-family:inherit;font-size:15px;line-height:1.5;transition:all .15s}.contact-input-field input:focus,.contact-input-field textarea:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px #0f52ba2e}.contact-input-field input:focus+.field-icon,.input-with-icon:focus-within .field-icon,.textarea-with-icon:focus-within .field-icon{color:var(--color-primary)}.contact-input-field input::placeholder,.contact-input-field textarea::placeholder{color:var(--color-muted);font-size:14px}.contact-field-error{color:#ef4444;margin-top:2px;font-size:12px;font-weight:500}.contact-submit-btn{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:6px;padding:15px;font-size:16px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #0d94884d}.contact-submit-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 6px #0d948840}.contact-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.contact-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin-contact}@keyframes spin-contact{to{transform:rotate(360deg)}}.contact-success-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;box-shadow:var(--shadow-sm);border-radius:20px;padding:36px 24px}.success-icon-badge{color:#10b981;background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:36px;display:flex}.contact-success-card h2{color:var(--color-text);margin:0 0 10px;font-size:22px;font-weight:700}.contact-success-card p{color:var(--color-muted);margin:0 0 24px;font-size:14px;line-height:1.6}.faq-page{background:var(--color-background);min-height:100vh;padding-bottom:calc(var(--bottom-nav-height,64px) + 24px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.faq-nav-header{z-index:20;background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.faq-nav-back{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.faq-nav-back:active{background:var(--color-neutral-100);transform:scale(.95)}.faq-nav-title{color:var(--color-text);text-align:center;margin:0;font-size:18px;font-weight:700}.faq-nav-space{width:40px}.faq-content-wrap{box-sizing:border-box;flex-direction:column;gap:14px;max-width:520px;margin:0 auto;padding:16px;display:flex}.faq-search-box{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);border-radius:14px;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.faq-search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f52ba2e}.faq-search-icon{color:var(--color-primary);flex-shrink:0;font-size:16px}.faq-search-box input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.faq-search-box input::placeholder{color:var(--color-muted)}.faq-category-pills{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.faq-category-pills::-webkit-scrollbar{display:none}.category-pill{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.category-pill:hover{background:var(--color-neutral-100)}.category-pill:active{transform:scale(.96)}.category-pill.active{background:var(--gradient-royal-primary,#0f52ba);color:#fff;border-color:#0000;box-shadow:0 2px 8px #0f52ba40}.faq-accordion-list{flex-direction:column;gap:10px;display:flex}.faq-accordion-item{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);border-radius:14px;transition:all .2s;overflow:hidden}.faq-accordion-item.is-open{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.faq-accordion-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.faq-question-text{color:var(--color-text);flex:1;font-size:15px;font-weight:600;line-height:1.4}.faq-chevron{color:var(--color-muted);flex-shrink:0;font-size:14px;transition:transform .2s}.faq-chevron.rotate{color:var(--color-primary);transform:rotate(180deg)}.faq-accordion-body{border-top:1px solid var(--color-border);padding:12px 16px 16px}.faq-accordion-body p{color:var(--color-text-secondary);margin:0 0 10px;font-size:14px;line-height:1.6}.faq-badge{background:var(--color-primary-light);color:var(--color-primary);text-transform:uppercase;border-radius:14px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.faq-support-banner{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-top:8px;padding:18px;display:flex}.support-banner-icon{color:#10b981;background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.support-banner-text h4{color:var(--color-text);margin:0 0 4px;font-size:16px;font-weight:700}.support-banner-text p{color:var(--color-muted);margin:0;font-size:13px}.faq-contact-btn{background:var(--gradient-royal-primary,linear-gradient(135deg, #0d9488 0%, #0f766e 100%));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 4px 12px #0f52ba40}.faq-contact-btn:active{transform:scale(.97)}.faq-loading-card{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:10px;padding:30px;font-size:14px;display:flex}.faq-spinner{border:2px solid #e2e8f0;border-top-color:#0d9488;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite faq-spin}@keyframes faq-spin{to{transform:rotate(360deg)}}.faq-error-notice{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.faq-empty-state{text-align:center;color:var(--color-muted);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:14px;padding:32px 16px;font-size:14px}.deletion-page{background:var(--color-background);min-height:100vh;color:var(--color-text);padding-bottom:calc(var(--bottom-nav-height,64px) + 24px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.deletion-nav-header{z-index:20;background:var(--color-header-bg,var(--color-frosted));-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.deletion-nav-back{border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.deletion-nav-back:active{background:var(--color-neutral-100);transform:scale(.95)}.deletion-nav-title{color:var(--color-text);text-align:center;margin:0;font-size:18px;font-weight:700}.deletion-nav-space{width:40px}.deletion-content{box-sizing:border-box;flex-direction:column;gap:16px;max-width:520px;margin:0 auto;padding:16px;display:flex}.deletion-warning-card{background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:16px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.warning-icon{color:#f59e0b;flex-shrink:0;margin-top:2px;font-size:22px}.warning-text h4{color:var(--color-text);margin:0 0 4px;font-size:15px;font-weight:700}.warning-text p{color:var(--color-muted);margin:0;font-size:13px;line-height:1.5}.deletion-form-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px 18px}.deletion-input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.deletion-input-group label{color:var(--color-text-secondary);font-size:13px;font-weight:600}.deletion-input-group label .req{color:#ef4444}.deletion-input-group input,.deletion-input-group textarea{box-sizing:border-box;border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-input-bg);border-radius:12px;outline:none;padding:13px 14px;font-family:inherit;font-size:15px;transition:all .15s}.deletion-input-group input:focus,.deletion-input-group textarea:focus{background:var(--color-surface);border-color:#ef4444;box-shadow:0 0 0 3px #ef44442e}.deletion-input-group textarea{resize:vertical;min-height:85px;line-height:1.5}.deletion-error-msg{color:var(--color-danger);margin:0 0 14px;font-size:13px;font-weight:500}.deletion-submit-btn{background:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #dc143c40}.deletion-submit-btn:active:not(:disabled){transform:scale(.98)}.deletion-submit-btn:disabled{opacity:.65;cursor:not-allowed}.deletion-success-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;box-shadow:var(--shadow-sm);border-radius:20px;padding:40px 24px}.deletion-success-icon{color:#10b981;background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:32px;display:flex}.deletion-success-card h2{color:var(--color-text);margin:0 0 10px;font-size:20px;font-weight:700}.deletion-success-card p{color:var(--color-muted);margin:0 0 24px;font-size:14px;line-height:1.6}.deletion-home-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.tracking-page{--primary:var(--color-primary);--primary-hover:var(--color-primary-dark);--primary-light:var(--color-primary-light);--text-main:var(--color-text);--text-muted:var(--color-muted);--bg-page:var(--color-background);--bg-surface:var(--color-surface);--border-color:var(--color-border);--success:var(--color-success);--success-light:var(--color-success-light);--radius-lg:var(--radius-lg);--radius-md:var(--radius-md);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--transition:all .2s cubic-bezier(.4, 0, .2, 1);max-width:600px;padding:12px 16px calc(var(--bottom-nav-height) + var(--spacing-4) + env(safe-area-inset-bottom,0px));background-color:var(--bg-page);min-height:100vh;color:var(--text-main);box-sizing:border-box;margin:0 auto}.tracking-header{background:var(--bg-page);z-index:10;align-items:center;gap:12px;margin-bottom:16px;padding:8px 0;display:flex;position:sticky;top:0}.tracking-header h2{margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.tracking-header p{color:var(--text-muted);word-break:break-word;margin:2px 0 0;font-size:.8rem}.tracking-back{background:var(--bg-surface);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-main);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tracking-back:hover{background-color:#f1f5f9;transform:translate(-2px)}.tracking-loading{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:1rem;font-weight:600}.tracking-error{color:#dc2626;padding:40px 20px 10px}.tracking-retry-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;margin:16px auto 0;padding:12px 24px;font-size:.9rem;font-weight:600;display:block}.tracking-status-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:14px;margin-bottom:14px;padding:14px 16px;display:flex}.tracking-status-icon{background:var(--primary-light);width:46px;height:46px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.tracking-status-info{flex:1;min-width:0}.tracking-status-info h3{color:var(--text-main);margin:0;font-size:1rem;font-weight:700}.tracking-status-info p{color:var(--text-muted);margin:2px 0 0;font-size:.78rem}.tracking-status-badge{border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.tracking-status-badge.delivered{background-color:var(--success-light);color:var(--success)}.tracking-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:14px 16px}.tracking-section-title{color:var(--text-main);align-items:center;gap:8px;margin:0 0 12px;font-size:.95rem;font-weight:700;display:inline-flex}.tracking-progress{flex-direction:column;padding-top:4px;display:flex}.tracking-step{align-items:center;gap:12px;display:flex;position:relative}.tracking-step:not(:last-child){padding-bottom:24px}.tracking-step:not(:last-child):after{content:"";background-color:var(--border-color);width:2px;position:absolute;top:20px;bottom:4px;left:9px}.tracking-step.completed:not(:last-child):after{background-color:var(--success)}.tracking-step-dot{background-color:var(--bg-surface);border:2px solid var(--border-color);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex}.tracking-step.completed .tracking-step-dot{background-color:var(--success);border-color:var(--success)}.tracking-step.current .tracking-step-dot{background-color:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.tracking-step-dot-inner{background-color:var(--primary);border-radius:50%;width:8px;height:8px}.tracking-step-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.875rem;font-weight:500}.tracking-step.completed .tracking-step-label,.tracking-step.current .tracking-step-label{color:var(--text-main);font-weight:600}.tracking-shipment-meta{flex-wrap:wrap;gap:6px 12px;margin-bottom:10px;display:flex}.tracking-carrier{color:var(--text-main);font-size:.875rem;font-weight:700}.tracking-awb,.tracking-eta{color:var(--text-muted);font-size:.78rem}.tracking-timeline{flex-direction:column;margin-top:8px;padding-left:8px;display:flex}.tracking-timeline-item{align-items:center;gap:14px;padding-bottom:20px;display:flex;position:relative}.tracking-timeline-item:last-child{padding-bottom:0}.tracking-timeline-item:not(:last-child):after{content:"";background-color:var(--border-color);width:2px;position:absolute;top:16px;bottom:4px;left:6px}.tracking-timeline-dot{background-color:var(--bg-surface);border:2px solid var(--border-color);width:14px;height:14px;color:var(--text-muted);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;line-height:1;display:flex}.tracking-timeline-dot.active{background-color:var(--success);border-color:var(--success);color:#fff}.tracking-timeline-dot.current{background-color:var(--bg-surface);border-color:var(--primary);color:var(--primary)}.tracking-timeline-item span{color:var(--text-muted);font-size:.875rem;font-weight:500}.tracking-timeline-item:has(.tracking-timeline-dot.active) span{color:var(--text-main);font-weight:600}.tracking-empty{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.5}.tracking-delivery{border-bottom:1px solid var(--border-color);color:var(--text-main);align-items:center;gap:10px;padding:10px 0;font-size:.9rem;display:flex}.tracking-delivery:last-child{border-bottom:none}.tracking-delivery.delivered{color:var(--success)}.tracking-delivery.otp{flex-direction:column;align-items:flex-start;gap:2px}.tracking-otp-code{color:var(--text-main);font-size:1rem;font-weight:700}.tracking-details-link{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--primary);cursor:pointer;transition:var(--transition);text-align:left;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9rem;font-weight:600;display:flex}.tracking-details-link:hover{background-color:var(--primary-light)}.tracking-chevron{flex-shrink:0;font-size:.85rem;transition:transform .2s}.tracking-details-link:hover .tracking-chevron{transform:translate(3px)}@media (width<=420px){.tracking-page{padding:10px 12px 80px}.tracking-status-card,.tracking-card{padding:12px 14px}.tracking-step-label{font-size:.82rem}}.seller-onboarding-page{background-color:var(--color-background);flex-direction:column;width:100%;max-width:100vw;min-height:100dvh;display:flex;overflow-x:clip}.onboarding-top-nav{z-index:100;background:var(--color-surface);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));justify-content:space-between;align-items:center;height:auto;display:flex;position:sticky;top:0}.top-back-btn{border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.top-back-btn:active{background-color:var(--color-background);transform:scale(.95)}.top-nav-center{flex-direction:column;align-items:center;gap:2px;display:flex}.brand-badge-row{align-items:center;gap:6px;display:flex}.brand-logo-text{color:var(--color-text);letter-spacing:-.02em;font-size:15px;font-weight:800}.brand-accent{color:var(--color-accent,#e80202)}.seller-hub-tag{background-color:var(--color-primary-light,#eff6ff);color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--color-primary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.step-counter-chip{color:var(--color-muted);font-size:11px;font-weight:500}.top-nav-right{justify-content:flex-end;width:38px;display:flex}.security-mini-badge{background-color:var(--color-background);width:30px;height:30px;color:var(--color-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.onboarding-screen-body{flex:1;justify-content:center;width:100%;padding:12px 14px 32px;display:flex}.onboarding-card-container{flex-direction:column;width:100%;max-width:520px;display:flex}.onboarding-rejection-banner{background-color:var(--color-warning-50,#fffbeb);border:1px solid var(--color-warning-500,#f59e0b);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px;display:flex;box-shadow:0 2px 8px #f59e0b1a}.rejection-banner-icon{color:var(--color-warning-600,#d97706);flex-shrink:0;margin-top:2px}.rejection-banner-content strong{color:#92400e;font-size:13px;font-weight:700;display:block}.rejection-banner-content p{color:#b45309;margin-top:4px;font-size:12px;line-height:1.4}.rejection-hint{color:var(--color-neutral-600,#475569);margin-top:6px;font-size:11px;font-style:italic;display:block}.onboarding-error-banner{background-color:var(--color-danger-50,#fef2f2);border:1px solid var(--color-danger-100,#fee2e2);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.error-banner-icon{color:var(--color-danger-500,#ef4444);flex-shrink:0;margin-top:2px}.error-banner-content strong{color:var(--color-danger-600,#dc2626);font-size:13px;display:block}.error-banner-content p{color:var(--color-danger-500,#ef4444);margin-top:2px;font-size:12px;line-height:1.4}.step-welcome-container{flex-direction:column;gap:16px;display:flex}.welcome-hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl,18px);text-align:center;flex-direction:column;align-items:center;padding:24px 18px;display:flex;box-shadow:0 4px 16px #0000000d}.verified-icon-ring{background:var(--color-success-light,#ecfdf5);border:4px solid var(--color-success);width:68px;height:68px;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;animation:2.5s ease-in-out infinite pulse-ring;display:flex}@keyframes pulse-ring{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.welcome-title{color:var(--color-text);margin-bottom:6px;font-size:20px;font-weight:700}.welcome-subtitle{color:var(--color-muted);max-width:380px;margin-bottom:14px;font-size:13px;line-height:1.5}.user-email-chip{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.checklist-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,14px);flex-direction:column;gap:14px;padding:18px 16px;display:flex}.checklist-heading{color:var(--color-text);font-size:14px;font-weight:600}.checklist-item{align-items:flex-start;gap:12px;display:flex}.checklist-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.checklist-icon-box.blue{background:var(--color-primary-light,#eff6ff);color:var(--color-primary)}.checklist-icon-box.purple{color:#a855f7;background:#7c3aed1f}.checklist-icon-box.emerald{background:var(--color-success-light,#ecfdf5);color:var(--color-success)}.checklist-text strong{color:var(--color-text);font-size:13px;font-weight:600;line-height:1.3;display:block}.checklist-text p{color:var(--color-muted);margin-top:2px;font-size:12px;line-height:1.35}.seller-benefits-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.benefit-pill{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;display:flex}.benefit-icon{color:var(--color-primary)}.benefit-pill span{color:var(--color-text);font-size:11px;font-weight:600}.btn-start-onboarding{background:linear-gradient(135deg, var(--color-primary-600,#2563eb) 0%, var(--color-primary-700,#1d4ed8) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:52px;margin-top:4px;padding:16px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb40}.btn-start-onboarding:active{transform:scale(.98)}.business-form-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.form-intro{margin-bottom:4px}.form-main-heading{color:var(--color-text);margin-bottom:4px;font-size:18px;font-weight:700}.form-sub-heading{color:var(--color-muted);font-size:13px;line-height:1.4}.form-card-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,14px);flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.section-header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding-bottom:10px;display:flex}.section-icon-badge{background-color:var(--color-primary-light,#eff6ff);width:36px;height:36px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.section-title{color:var(--color-text);font-size:15px;font-weight:600;line-height:1.2}.section-desc{color:var(--color-muted);margin-top:2px;font-size:12px}.field-group{flex-direction:column;gap:6px;width:100%;display:flex}.field-label{color:var(--color-text);align-items:center;gap:3px;font-size:13px;font-weight:500;display:flex}.req-star{color:var(--color-danger);font-weight:700}.input-container{background-color:var(--color-input-bg,var(--color-surface));border:1.5px solid var(--color-input-border,var(--color-border));border-radius:10px;align-items:center;min-height:46px;padding:0 12px;transition:all .2s;display:flex;position:relative}.input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb33}.input-container.has-error{border-color:var(--color-danger);background-color:var(--color-danger-light,#fef2f2)}.input-container.has-error:focus-within{box-shadow:0 0 0 3px #ef444433}.input-leading-icon{color:var(--color-muted);flex-shrink:0;margin-right:10px}.input-container:focus-within .input-leading-icon{color:var(--color-primary)}.input-container input{width:100%;color:var(--color-text);background:0 0;border:none;outline:none;padding:8px 0;font-family:inherit;font-size:14px;font-weight:500}.input-container input::placeholder{color:var(--color-muted);font-weight:400}.mobile-input-container{padding-left:8px}.country-prefix{background-color:var(--color-background);color:var(--color-text);-webkit-user-select:none;user-select:none;border-radius:6px;margin-right:10px;padding:4px 8px;font-size:13px;font-weight:600}.input-success-chip{background-color:var(--color-success-light,#ecfdf5);width:22px;height:22px;color:var(--color-success);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;animation:.2s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.input-container.readonly-container{background-color:var(--color-background);border-color:var(--color-border)}.verified-chip{background-color:var(--color-success-light,#ecfdf5);color:var(--color-success);border:1px solid var(--color-success);white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.select-container{cursor:pointer;padding-right:10px}.select-container select{width:100%;color:var(--color-text);appearance:none;cursor:pointer;background:0 0;border:none;outline:none;padding:8px 0;font-family:inherit;font-size:14px;font-weight:500}.select-container select option{background-color:var(--color-surface);color:var(--color-text)}.select-arrow-icon{color:var(--color-muted);pointer-events:none}.textarea-container{border:1.5px solid var(--color-border);background-color:var(--color-input-bg,var(--color-surface));border-radius:10px;padding:10px 12px;transition:all .2s}.textarea-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb33}.textarea-container.has-error{border-color:var(--color-danger);background-color:var(--color-danger-light,#fef2f2)}.textarea-container textarea{resize:none;width:100%;color:var(--color-text);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px;line-height:1.4}.textarea-container textarea::placeholder{color:var(--color-muted)}.char-count-row{color:var(--color-neutral-400,#94a3b8);justify-content:space-between;align-items:center;font-size:11px;display:flex}.field-hint{color:var(--color-neutral-500,#64748b);font-size:11px}.field-error-msg{color:var(--color-danger-500,#ef4444);align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:500;display:flex}.grid-2-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input-trailing-spinner{color:var(--color-primary-600,#2563eb);animation:1s linear infinite spin}.gps-card-box{background:var(--color-background);border:1px dashed var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:12px;display:flex}.gps-info-left{align-items:center;gap:10px;min-width:0;display:flex}.gps-icon{color:var(--color-primary);flex-shrink:0}.gps-title{color:var(--color-text);font-size:13px;font-weight:600;line-height:1.2}.gps-desc{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:11px;overflow:hidden}.gps-map-preview-link{color:var(--color-primary);align-items:center;gap:4px;margin-top:3px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.gps-map-preview-link:hover{text-decoration:underline}.gps-action-btn{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.gps-action-btn:active{transform:scale(.96)}.gps-action-btn.captured{background:var(--color-success-light,#ecfdf5);border-color:var(--color-success);color:var(--color-success)}.spinner-icon{animation:1s linear infinite spin}.toggle-section{padding:14px}.toggle-switch-card{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-content{align-items:center;gap:12px;display:flex}.toggle-icon-wrap{background-color:var(--color-warning-light,#fffbeb);width:38px;height:38px;color:var(--color-warning);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toggle-title{color:var(--color-text);font-size:14px;font-weight:600;display:block}.toggle-desc{color:var(--color-muted);font-size:11px;line-height:1.3;display:block}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.switch-track{background-color:var(--color-neutral-300,#cbd5e1);border-radius:9999px;flex-shrink:0;width:44px;height:24px;transition:background-color .25s;position:relative}.switch-track.active{background-color:var(--color-success-500,#10b981)}.switch-thumb{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch-track.active .switch-thumb{transform:translate(20px)}.form-action-bar{gap:10px;margin-top:8px;padding-bottom:20px;display:flex}.btn-back{background:var(--color-neutral-100,#f1f5f9);color:var(--color-neutral-700,#334155);border:1px solid var(--color-neutral-200,#e2e8f0);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:14px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-back:active{background:var(--color-neutral-200,#e2e8f0)}.btn-continue{background:linear-gradient(135deg, var(--color-primary-600,#2563eb) 0%, var(--color-primary-700,#1d4ed8) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb33}.btn-continue:active{transform:scale(.98);box-shadow:0 2px 6px #2563eb4d}@media (width<=360px){.grid-2-col{grid-template-columns:1fr}}.document-upload-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.doc-intro{margin-bottom:2px}.doc-main-heading{color:var(--color-text);margin-bottom:4px;font-size:18px;font-weight:700}.doc-sub-heading{color:var(--color-muted);font-size:13px;line-height:1.4}.doc-status-banner{background:var(--color-primary-light,#eff6ff);border:1px solid var(--color-primary);border-radius:var(--radius-md,10px);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.doc-counter-info{justify-content:space-between;align-items:center;font-size:13px;display:flex}.counter-label{color:var(--color-primary);font-weight:600}.counter-fraction{color:var(--color-primary)}.counter-fraction strong{font-size:15px;font-weight:700}.counter-track{background-color:var(--color-border);border-radius:9999px;width:100%;height:6px;overflow:hidden}.counter-fill{background:var(--color-primary);border-radius:9999px;height:100%;transition:width .3s}.doc-cards-list{flex-direction:column;gap:12px;display:flex}.doc-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg,14px);flex-direction:column;gap:12px;padding:14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.doc-card.is-uploaded{border-color:var(--color-success);background-color:#10b9810f}.doc-card.has-error{border-color:var(--color-danger);background-color:var(--color-danger-light,#fef2f2)}.doc-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.doc-card-title-group{align-items:flex-start;gap:10px;min-width:0;display:flex}.doc-icon-badge{background-color:var(--color-background);width:34px;height:34px;color:var(--color-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-card.is-uploaded .doc-icon-badge{background-color:var(--color-success-light,#ecfdf5);color:var(--color-success)}.doc-card-title{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.3}.doc-card-hint{color:var(--color-muted);margin-top:2px;font-size:11px;line-height:1.3}.req-star{color:var(--color-danger)}.doc-ready-chip{background-color:var(--color-success-light,#ecfdf5);color:var(--color-success);border:1px solid var(--color-success);border-radius:9999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.doc-required-chip{background-color:var(--color-background);color:var(--color-muted);border-radius:9999px;flex-shrink:0;align-items:center;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.hidden-file-input{display:none}.upload-dropzone{border:1.5px dashed var(--color-border);background-color:var(--color-background);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 12px;display:flex}.dropzone-guide{color:var(--color-muted);font-size:12px;font-weight:500}.dropzone-actions-row{gap:8px;width:100%;display:flex}.btn-camera-trigger,.btn-browse-trigger{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 8px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-camera-trigger{background-color:var(--color-primary-light,#eff6ff);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-camera-trigger:active{background-color:var(--color-primary);color:#fff;transform:scale(.97)}.btn-browse-trigger{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-browse-trigger:active{background-color:var(--color-background);transform:scale(.97)}.dropzone-subtext{color:var(--color-neutral-400,#94a3b8);font-size:10px}.doc-preview-box{border:1px solid var(--color-neutral-200,#e2e8f0);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.thumbnail-wrapper{border:1.5px solid var(--color-primary-200,#bfdbfe);background-color:var(--color-neutral-100,#f1f5f9);cursor:pointer;border-radius:8px;flex-shrink:0;width:54px;height:54px;padding:0;display:block;position:relative;overflow:hidden}.doc-thumbnail{object-fit:cover;width:100%;height:100%}.thumb-zoom-overlay{color:#fff;opacity:0;background:#0f172a66;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.thumbnail-wrapper:hover .thumb-zoom-overlay,.thumbnail-wrapper:active .thumb-zoom-overlay{opacity:1}.pdf-thumbnail-placeholder{color:#dc2626;background-color:#fee2e2;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:54px;height:52px;font-size:9px;font-weight:700;display:flex}.file-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-name{color:var(--color-neutral-800,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.file-size{color:var(--color-neutral-400,#94a3b8);font-size:11px}.file-actions{flex-direction:column;gap:4px;display:flex}.btn-replace-doc,.btn-remove-doc{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-replace-doc{color:var(--color-primary-600,#2563eb)}.btn-replace-doc:hover{background-color:var(--color-primary-50,#eff6ff)}.btn-remove-doc{color:var(--color-danger-500,#ef4444)}.btn-remove-doc:hover{background-color:var(--color-danger-50,#fef2f2)}.doc-error-msg{color:var(--color-danger-500,#ef4444);align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:500;display:flex}.security-guarantee-card{background-color:var(--color-neutral-50,#f8fafc);border:1px solid var(--color-neutral-200,#e2e8f0);border-radius:var(--radius-md,10px);align-items:flex-start;gap:12px;margin-top:4px;padding:12px 14px;display:flex}.shield-icon{color:var(--color-success-600,#059669);flex-shrink:0;margin-top:2px}.security-text{color:var(--color-neutral-600,#475569);font-size:11px;line-height:1.4}.security-text strong{color:var(--color-neutral-800,#1e293b)}.doc-action-bar{gap:10px;margin-top:8px;padding-bottom:24px;display:flex}.btn-submit-kyc{background:linear-gradient(135deg, var(--color-primary-600,#2563eb) 0%, var(--color-primary-700,#1d4ed8) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb33}.btn-submit-kyc:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.btn-submit-kyc:not(:disabled):active{transform:scale(.98)}.doc-lightbox-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0f172ad9;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.doc-lightbox-card{border-radius:var(--radius-xl,18px);background:#fff;flex-direction:column;width:100%;max-width:440px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lightbox-header{border-bottom:1px solid var(--color-neutral-200,#e2e8f0);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.lightbox-title{color:var(--color-neutral-900,#0f172a);font-size:15px;font-weight:600}.lightbox-size{color:var(--color-neutral-500,#64748b);font-size:11px}.lightbox-close-btn{background:var(--color-neutral-100,#f1f5f9);width:32px;height:32px;color:var(--color-neutral-600,#475569);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.lightbox-close-btn:hover{background:var(--color-neutral-200,#e2e8f0)}.lightbox-img-wrap{background:var(--color-neutral-900,#0f172a);flex:1;justify-content:center;align-items:center;max-height:55vh;padding:12px;display:flex;overflow:hidden}.lightbox-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:52vh}.lightbox-footer{border-top:1px solid var(--color-neutral-200,#e2e8f0);gap:10px;padding:12px 16px;display:flex}.lightbox-replace-btn{background:var(--color-neutral-100,#f1f5f9);color:var(--color-neutral-700,#334155);border:1px solid var(--color-neutral-300,#cbd5e1);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.lightbox-replace-btn:active{background:var(--color-neutral-200,#e2e8f0)}.lightbox-done-btn{background:var(--color-primary-600,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s}.lightbox-done-btn:active{transform:scale(.98)}.onboarding-progress-container{width:100%;margin:12px 0 20px;position:relative}.progress-track-bg{background-color:var(--color-neutral-200,#e2e8f0);border-radius:9999px;width:100%;height:4px;margin-bottom:14px;position:relative;overflow:hidden}.progress-track-fill{background:linear-gradient(90deg, var(--color-primary-500,#3b82f6), var(--color-primary-600,#2563eb));border-radius:9999px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.progress-steps-row{justify-content:space-between;align-items:center;padding:0 4px;display:flex;position:relative}.progress-step-item{z-index:1;flex-direction:column;align-items:center;gap:6px;transition:all .25s;display:flex;position:relative}.step-circle{background-color:var(--color-surface);border:2px solid var(--color-border);width:34px;height:34px;color:var(--color-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d}.step-icon{stroke-width:2.2px}.progress-step-item.active .step-circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.08);box-shadow:0 0 0 4px #2563eb33}.progress-step-item.completed .step-circle{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-label{color:var(--color-muted);letter-spacing:-.01em;white-space:nowrap;font-size:12px;font-weight:500;transition:color .25s}.progress-step-item.active .step-label{color:var(--color-primary);font-weight:600}.progress-step-item.completed .step-label{color:var(--color-text)}@media (width<=360px){.step-circle{width:30px;height:30px}.step-icon{width:14px;height:14px}.step-label{font-size:11px}}.verification-page{background-color:var(--color-background);flex-direction:column;width:100%;max-width:100vw;min-height:100dvh;display:flex;overflow-x:clip}.verification-top-nav{z-index:100;background:var(--color-surface);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));justify-content:center;align-items:center;display:flex;position:sticky;top:0}.verification-scroll-body{flex:1;justify-content:center;width:100%;padding:16px 14px 36px;display:flex}.verification-card-container{flex-direction:column;gap:16px;width:100%;max-width:520px;display:flex}.verification-hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl,18px);text-align:center;flex-direction:column;align-items:center;padding:24px 18px;display:flex;box-shadow:0 4px 16px #0000000a}.success-badge-ring{background:var(--color-success-light,#ecfdf5);border:4px solid var(--color-success);width:72px;height:72px;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.verification-title{color:var(--color-text);margin-bottom:6px;font-size:20px;font-weight:700}.verification-subtitle{color:var(--color-muted);max-width:380px;margin-bottom:14px;font-size:13px;line-height:1.5}.submitted-store-chip{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:9999px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 14px;font-size:13px;display:inline-flex}.eta-chip{background-color:var(--color-primary-light,#eff6ff);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;display:inline-flex}.eta-chip strong{font-weight:700}.status-timeline-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,14px);flex-direction:column;gap:14px;padding:18px 16px;display:flex}.timeline-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-title{color:var(--color-text);font-size:15px;font-weight:600}.submitted-date-tag{color:var(--color-muted);background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.timeline-steps{flex-direction:column;display:flex;position:relative}.timeline-step{align-items:flex-start;gap:12px;padding-bottom:20px;display:flex;position:relative}.timeline-step:last-child{padding-bottom:0}.timeline-step:not(:last-child):before{content:"";background-color:var(--color-border);width:2px;position:absolute;top:32px;bottom:0;left:15px}.timeline-step.completed:not(:last-child):before{background-color:var(--color-success)}.timeline-indicator{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.timeline-step.completed .timeline-indicator{background-color:var(--color-success-light,#ecfdf5);color:var(--color-success);border:2px solid var(--color-success)}.timeline-step.in-progress .timeline-indicator{background-color:var(--color-primary-light,#eff6ff);color:var(--color-primary);border:2px solid var(--color-primary);animation:2s ease-in-out infinite pulse-ring}.timeline-step.upcoming .timeline-indicator{background-color:var(--color-background);color:var(--color-muted);border:2px solid var(--color-border)}.timeline-content{flex-direction:column;gap:2px;padding-top:4px;display:flex}.timeline-step-title{color:var(--color-text);font-size:13px;font-weight:600;line-height:1.3}.timeline-step-desc{color:var(--color-muted);font-size:12px;line-height:1.35}.refresh-status-wrap{border-top:1px solid var(--color-border);flex-direction:column;align-items:center;gap:8px;padding-top:12px;display:flex}.btn-refresh-status{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-refresh-status:active{background-color:var(--color-background);transform:scale(.97)}.btn-refresh-status:disabled{opacity:.65;cursor:not-allowed}.spin-icon{animation:1s linear infinite spin}.status-refresh-note{color:var(--color-primary);text-align:center;background-color:var(--color-primary-light,#eff6ff);border-radius:8px;width:100%;padding:6px 12px;font-size:12px;line-height:1.4}.notification-alert-box{background-color:var(--color-primary-light,#eff6ff);border:1px solid var(--color-primary);border-radius:var(--radius-md,10px);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.alert-box-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.alert-box-text strong{color:var(--color-primary);font-size:13px;display:block}.alert-box-text p{color:var(--color-text);margin-top:2px;font-size:12px;line-height:1.4}.support-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md,10px);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.support-info{align-items:center;gap:10px;min-width:0;display:flex}.support-icon{color:var(--color-muted);flex-shrink:0}.support-info strong{color:var(--color-text);font-size:12px;font-weight:600;line-height:1.3;display:block}.support-info p{color:var(--color-muted);font-size:11px}.support-action-btn{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.support-action-btn:active{background-color:var(--color-surface)}.verification-action-bar{margin-top:4px;display:flex}.btn-primary-action{background:linear-gradient(135deg, var(--color-primary-600,#2563eb) 0%, var(--color-primary-700,#1d4ed8) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:16px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb40}.btn-primary-action:active{transform:scale(.98)}.seller-dashboard{background:var(--color-background);min-height:100vh;padding-bottom:calc(var(--bottom-nav-total) + 20px)}.theme-toggle-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background-color .2s;display:flex;position:relative}.theme-toggle-btn:hover{background:#ffffff4d}.dashboard-hero{color:#fff;background:linear-gradient(135deg,#0a1128 0%,#0f52ba 55%,#7851a9 100%);padding:24px 16px 28px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0f52ba4d}.hero-overlay{background:radial-gradient(circle at 100% 0,#d4af3726,#0000 70%);position:absolute;inset:0}.hero-top{z-index:1;position:relative}.seller-profile{align-items:center;gap:14px;margin-bottom:16px;display:flex}.seller-profile .profile-avatar{border:2.5px solid #d4af3799;border-radius:50%;width:58px;height:58px;overflow:hidden;box-shadow:0 4px 12px #00000040}.seller-profile .profile-avatar img{object-fit:cover;width:100%;height:100%}.seller-info .hero-subtitle{opacity:.85;color:#e0ebff;margin:0;font-size:12px}.seller-info h2{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:800}.seller-status{border-radius:999px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.seller-status.active{color:#50c878;background:#50c87840;border:1px solid #50c87866}.seller-status.inactive{color:#fca5a5;background:#dc143c40;border:1px solid #dc143c66}.hero-actions{align-items:center;gap:12px;display:flex}.shop-status-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.shop-status-box.is-open{color:#6ee7b7;background:#50c87833;border:1px solid #50c8784d}.shop-status-box.is-closed{color:#fca5a5;background:#dc143c33;border:1px solid #dc143c4d}.status-dot{border-radius:50%;width:8px;height:8px}.shop-status-box.is-open .status-dot{background:#50c878;box-shadow:0 0 8px #50c878}.shop-status-box.is-closed .status-dot{background:#dc143c}.shop-switch .switch-slider{cursor:pointer;background:#ffffff4d;border-radius:20px;transition:all .2s;position:absolute;inset:0}.shop-switch .switch-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.chat-icon-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:relative}.notification-badge{color:#fff;background:#dc143c;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #dc143c66}.overview-section{padding:16px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header h3{color:var(--color-text);margin:0;font-size:16px;font-weight:700}.section-header span{color:var(--color-muted);font-size:12px}.overview-slider{scrollbar-width:none;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.overview-slider::-webkit-scrollbar{display:none}.overview-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);min-width:140px;box-shadow:var(--shadow-sm);flex-shrink:0;padding:16px;transition:transform .2s,box-shadow .2s}.overview-card:hover{box-shadow:var(--shadow-md);border-color:#0f52ba40;transform:translateY(-2px)}.overview-card>p{color:var(--color-muted);margin:0 0 8px;font-size:12px;font-weight:600}.overview-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:10px;font-size:18px;display:flex}.overview-icon.blue{color:#fff;background:linear-gradient(135deg,#0f52ba,#4169e1)}.overview-icon.green{color:#fff;background:linear-gradient(135deg,#059669,#10b981)}.overview-icon.orange{color:#fff;background:linear-gradient(135deg,#d97706,#f59e0b)}.overview-icon.yellow{color:#fff;background:linear-gradient(135deg,#aa7f2e,#d4af37)}.overview-content h2{color:var(--color-text);margin:0;font-size:22px;font-weight:800}.dashboard-section{padding:16px}.dashboard-section .section-header{margin-bottom:12px}.action-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dashboard-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex}.dashboard-card:hover{box-shadow:var(--shadow-md);border-color:#0f52ba4d;transform:translateY(-2px)}.card-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.card-icon.blue{background:linear-gradient(135deg,#0f52ba,#4169e1)}.card-icon.green{background:linear-gradient(135deg,#059669,#10b981)}.card-icon.orange{background:linear-gradient(135deg,#d97706,#f59e0b)}.card-icon.teal{background:linear-gradient(135deg,#0f52ba,#7851a9)}.card-icon.purple{background:linear-gradient(135deg,indigo,#7851a9)}.card-icon.sky{background:linear-gradient(135deg,#0284c7,#38bdf8)}.card-icon.indigo{background:linear-gradient(135deg,#3730a3,#6366f1)}.card-icon.red{background:linear-gradient(135deg,#b91c1c,#dc143c)}.card-icon.yellow{color:#0b132b;background:linear-gradient(135deg,#aa7f2e,#fada5e)}.card-icon.gold{background:linear-gradient(135deg,#d4af37,#aa7f2e)}.card-content h4{color:var(--color-text);margin:0 0 4px;font-size:14px;font-weight:700}.card-content p{color:var(--color-muted);margin:0;font-size:12px}.dashboard-card.logout-card{border-color:#dc143c33}.dashboard-card.logout-card:hover{border-color:#dc143c}.dashboard-card.logout-card .card-icon.red{background:#dc143c}.seller-order-details-page{padding-bottom:24px}.seller-order-details-page .page-container{padding:12px 16px}.seller-order-details-page .card{border-radius:12px;box-shadow:0 1px 3px #00000014}.seller-order-details-page .card-body{padding:16px}.seller-order-details-page .detail-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:8px 0;display:flex}.seller-order-details-page .detail-row:last-child{border-bottom:none}.seller-order-details-page .detail-label{color:#6b7280;font-size:14px}.seller-order-details-page .detail-value{font-size:14px}.seller-order-details-page .detail-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.seller-order-details-page .detail-header h4{margin:0;font-size:16px;font-weight:600}.seller-order-details-page .section-icon{color:#2563eb;font-size:16px}.seller-order-details-page .order-item-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:12px 0;display:flex}.seller-order-details-page .order-item-image{object-fit:cover;border-radius:8px;width:56px;height:56px}.seller-order-details-page .order-item-details{flex:1}.seller-order-details-page .order-item-name{margin:0;font-size:14px;font-weight:600}.seller-order-details-page .order-item-qty{color:#6b7280;margin:4px 0 0;font-size:12px}.seller-order-details-page .order-item-price{font-size:14px;font-weight:600}.seller-order-details-page .order-items-total{border-top:1px solid #f0f0f0;justify-content:space-between;padding-top:12px;font-weight:600;display:flex}.seller-order-details-page .order-actions{margin-top:16px}@media (prefers-color-scheme:dark){.seller-order-details-page .detail-row,.seller-order-details-page .detail-header,.seller-order-details-page .order-item-row{border-bottom-color:#2a2a2a}.seller-order-details-page .order-items-total{border-top-color:#2a2a2a}}.subscription-page{background:var(--color-background);min-height:100vh;padding-bottom:calc(var(--bottom-nav-total) + 16px)}.subscription-tabs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:4px;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.subscription-tabs .tab{border-radius:var(--radius-md);min-width:100px;color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.subscription-tabs .tab.active{background:var(--color-primary);color:#fff}.subscription-tabs .tab:hover:not(.active){background:var(--color-background)}.tab-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.alert-success{background:var(--color-success-light);color:var(--color-success)}.summary-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.summary-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.plan-badge{background:var(--color-primary-light);color:var(--color-primary);text-transform:capitalize;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.status-badge{text-transform:capitalize;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.status-badge.active{background:var(--color-success-light);color:var(--color-success)}.status-badge.inactive{background:var(--color-danger-light);color:var(--color-danger)}.status-badge.pending{background:var(--color-warning-light);color:var(--color-warning)}.summary-details .detail-row{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:8px 0;display:flex}.summary-details .detail-label{color:var(--color-muted);font-size:14px}.summary-details .detail-value{color:var(--color-text);align-items:center;gap:6px;font-weight:600;display:flex}.detail-value.expiring{color:var(--color-danger)}.detail-value .font-bold{font-weight:700}.renewal-warning{background:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-lg);align-items:center;gap:8px;margin:16px 0;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.auto-renew-toggle{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.auto-renew-toggle span{color:var(--color-text);font-size:14px;font-weight:600}.toggle-btn{border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.toggle-btn.on{border-color:var(--color-success);color:var(--color-success)}.toggle-btn.off{border-color:var(--color-muted);color:var(--color-muted)}.no-subscription-card{text-align:center;padding:40px 20px}.no-sub-icon{opacity:.5;margin-bottom:16px}.no-subscription-card h4{color:var(--color-text);margin-bottom:8px;font-size:18px;font-weight:700}.no-subscription-card p{color:var(--color-muted);margin-bottom:20px;font-size:14px}.plans-section h4{color:var(--color-text);margin-bottom:4px;font-size:16px;font-weight:700}.plans-subtitle{color:var(--color-muted);margin-bottom:20px;font-size:13px}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.plan-card{border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);padding:20px;position:relative}.plan-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.plan-card.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.plan-card-header{margin-bottom:12px}.plan-label{margin:0 0 4px;font-size:16px;font-weight:700}.plan-price{color:var(--color-primary);font-size:20px;font-weight:700}.plan-per-day{color:var(--color-muted);margin-left:4px;font-size:12px;font-weight:400}.plan-features{margin:12px 0}.feature-item{color:var(--color-text-secondary);align-items:center;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.feature-item svg{color:var(--color-success)}.selected-check{color:var(--color-success);position:absolute;top:12px;right:12px}.premium-addon-section{margin-top:20px}.addon-card{border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);justify-content:space-between;align-items:center;padding:16px;display:flex}.addon-card:hover{border-color:var(--color-primary)}.addon-card.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.addon-info h4{margin:0 0 4px;font-size:14px;font-weight:600}.addon-description{color:var(--color-muted);margin:0 0 4px;font-size:12px}.addon-price{color:var(--color-primary);font-size:14px;font-weight:700}.checkbox{border:2px solid var(--color-border);width:24px;height:24px;color:var(--color-primary);transition:all var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.checkbox.checked{border-color:var(--color-primary);background:var(--color-primary-light)}.payment-form-section{border-top:1px solid var(--color-border);margin-top:24px;padding-top:20px}.payment-form-section h4{margin-bottom:16px;font-size:16px;font-weight:700}.form-group label{color:var(--color-text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.payment-methods{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.method-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-size:13px;font-weight:600;display:flex}.method-btn:hover:not(.active){border-color:var(--color-primary);background:var(--color-background)}.method-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #2563eb4d}.method-icon{font-size:16px}.payment-details-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:16px 0;padding:16px}.payment-details-card h5{color:var(--color-text);margin-bottom:14px;font-size:14px;font-weight:700}.payment-details-card .detail-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.payment-details-card .detail-label{color:var(--color-muted);flex-shrink:0;font-size:13px;font-weight:500}.payment-details-card .detail-value{color:var(--color-text);word-break:break-all;text-align:right;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.payment-details-card .input,.payment-form-section .input{background:var(--color-input-bg,var(--color-surface));border:1px solid var(--color-input-border,var(--color-border));border-radius:var(--radius-md);width:100%;color:var(--color-text);box-sizing:border-box;transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-size:14px}.payment-details-card .input:focus,.payment-form-section .input:focus{border-color:var(--color-primary)}.copy-btn{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;padding:5px 8px;display:inline-flex}.copy-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.auto-renew-group .checkbox-label{cursor:pointer;color:var(--color-text);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex}.auto-renew-group .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.payment-summary{background:var(--color-background);border-radius:var(--radius-lg);margin:16px 0;padding:16px}.summary-row{justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.summary-row.total{border-top:1px solid var(--color-border);margin-top:8px;padding-top:12px;font-size:16px;font-weight:700}.empty-state{text-align:center;padding:40px 20px}.empty-icon{opacity:.3;margin-bottom:16px}.table-header{background:var(--color-background);border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:12px;margin-bottom:8px;padding:12px 16px;font-size:12px;font-weight:700;display:grid}.table-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;font-size:14px;display:grid}@media (width<=480px){.table-header,.table-row{grid-template-columns:1fr;gap:4px}.table-header{display:none}}html.dark .plan-label,[data-theme=dark] .plan-label{color:var(--color-text)}html.dark .plan-card.selected,[data-theme=dark] .plan-card.selected,html.dark .addon-card.selected,[data-theme=dark] .addon-card.selected{border-color:var(--color-primary);background:#2563eb26}html.dark .payment-details-card,[data-theme=dark] .payment-details-card{border-color:var(--color-border);background:#ffffff08}html.dark .payment-summary,[data-theme=dark] .payment-summary{border:1px solid var(--color-border);background:#ffffff08}html.dark .table-header,[data-theme=dark] .table-header{color:var(--color-muted);background:#ffffff0a}.analytics-page{background:var(--color-background);min-height:100vh;padding-bottom:calc(var(--bottom-nav-total) + 16px)}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.analytics-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:box-shadow var(--transition-fast);align-items:center;gap:16px;padding:20px;display:flex}.analytics-card:hover{box-shadow:var(--shadow-md)}.analytics-card-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.analytics-card-icon.blue{background:#3b82f6}.analytics-card-icon.green{background:#10b981}.analytics-card-icon.orange{background:#f59e0b}.analytics-card-icon.purple{background:#8b5cf6}.analytics-card-icon.teal{background:var(--color-primary)}.analytics-card-icon.indigo{background:#6366f1}.analytics-card-content{flex:1}.analytics-card-content p{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:12px}.analytics-card-content h2{color:var(--color-text);font-size:20px;font-weight:700}.analytics-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:16px;padding:20px}.analytics-section h4{color:var(--color-text);margin-bottom:12px;font-size:16px;font-weight:700}.period-info{color:var(--color-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.alert{border-radius:var(--radius-lg);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.alert-error{background:var(--color-danger-light);color:var(--color-danger)}.forgot-page{background:var(--color-background);min-height:100vh;color:var(--color-text);justify-content:center;align-items:flex-start;padding-top:80px;display:flex;position:relative}.back-btn1{border:1px solid var(--color-border);background:var(--color-surface);width:46px;height:46px;color:var(--color-text);box-shadow:var(--shadow-sm);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .25s;display:flex;position:absolute;top:20px;left:20px}.forgot-container{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);width:100%;max-width:460px;box-shadow:var(--shadow-xl);border-radius:28px;padding:36px 30px;animation:.45s fadeUp}.hero-circle{background:var(--gradient-royal-primary,linear-gradient(135deg, #0d9488, var(--color-primary-dark)));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 28px;font-size:42px;animation:3s ease-in-out infinite floating;display:flex;box-shadow:0 18px 35px #0f52ba59}.forgot-container h1{text-align:center;color:var(--color-text);margin-bottom:12px;font-size:30px;font-weight:700}.subtitle{text-align:center;color:var(--color-muted);margin-bottom:34px;font-size:15px;line-height:1.7}.input-wrapper{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:18px;align-items:center;transition:all .25s;display:flex;overflow:hidden}.input-wrapper:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 4px #0f52ba2e}.error-message{background:var(--color-danger-light);color:var(--color-danger);border:1px solid #dc143c40;border-radius:14px;margin-bottom:20px;padding:14px;font-size:14px}.primary-btn{background:var(--gradient-royal-primary,linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)));color:#fff;cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;height:58px;font-size:16px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 14px 30px #0f52ba40}.primary-btn:disabled{cursor:not-allowed;opacity:.75}.help-card{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:18px;margin-top:28px;padding:20px}.help-card h4{color:var(--color-text);margin:0 0 12px;font-size:15px}.help-card ul{margin:0;padding-left:18px}.help-card li{color:var(--color-muted);margin-bottom:8px;font-size:14px;line-height:1.5}.login-link{cursor:pointer;width:100%;color:var(--color-muted);background:0 0;border:none;margin-top:28px;font-size:15px}.login-link span{color:var(--color-primary);font-weight:700}.login-link:hover span{text-decoration:underline}.success-container{text-align:center}.success-text{color:var(--color-muted);margin-top:12px;line-height:1.7}.email-preview{background:var(--color-surface-secondary);color:var(--color-primary);word-break:break-word;border-radius:16px;margin:22px 0;padding:15px;font-weight:700}.success-note{color:var(--color-muted);margin-bottom:28px;font-size:14px;line-height:1.6}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.forgot-container{border-radius:24px;padding:28px 22px}.hero-circle{width:90px;height:90px;font-size:36px}.forgot-container h1{font-size:25px}.subtitle{font-size:14px}}.reset-page{background:var(--color-background);min-height:100vh;color:var(--color-text);justify-content:center;align-items:flex-start;padding:80px 24px 24px;display:flex;position:relative}.back-btn1{border:1px solid var(--color-border);background:var(--color-surface);width:46px;height:46px;color:var(--color-text);box-shadow:var(--shadow-sm);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;left:20px}.reset-card{background:var(--color-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--color-border);width:100%;max-width:470px;box-shadow:var(--shadow-xl);border-radius:28px;padding:36px 30px;animation:.45s fadeUp}.lock-circle{background:var(--gradient-royal-primary,linear-gradient(135deg, #0d9488, var(--color-primary-dark)));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:105px;height:105px;margin:0 auto 28px;font-size:40px;animation:3s ease-in-out infinite floating;display:flex;box-shadow:0 18px 35px #0f52ba47}.reset-card h1{text-align:center;color:var(--color-text);margin-bottom:10px;font-size:30px}.subtitle{text-align:center;color:var(--color-muted);margin-bottom:32px;line-height:1.7}.input-group{margin-bottom:22px}.input-wrapper{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:18px;align-items:center;transition:all .25s;display:flex}.input-wrapper:focus-within{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 4px #0f52ba2e}.input-wrapper input{height:58px;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.eye-btn{cursor:pointer;width:52px;height:58px;color:var(--color-muted);background:0 0;border:none;font-size:18px}.eye-btn:hover{color:var(--color-primary)}.error-box{background:var(--color-danger-light);color:var(--color-danger);border:1px solid #dc143c40;border-radius:14px;margin-bottom:22px;padding:14px;font-size:14px}.primary-btn{background:var(--gradient-royal-primary,linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)));color:#fff;cursor:pointer;border:none;border-radius:18px;width:100%;height:58px;font-size:16px;font-weight:700;transition:all .25s;box-shadow:0 15px 30px #0f52ba40}.primary-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 22px 40px #0f52ba59}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.success-card{text-align:center}.success-icon{color:#10b981;background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 24px;font-size:56px;display:flex;box-shadow:0 15px 35px #10b9812e}.success-card p{color:var(--color-muted);line-height:1.6}@media (width<=600px){.reset-card{border-radius:24px;padding:28px 22px}.lock-circle{width:90px;height:90px;font-size:34px}}.seller-profile-page{background:var(--color-background);color:var(--color-text);min-height:100vh}.seller-profile-page .page-header{z-index:20;background:var(--color-header-bg,var(--color-frosted));-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.seller-profile-page .page-header-title{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.seller-profile-page .back-button{border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;display:flex}.seller-profile-page .back-button:hover{background:var(--color-neutral-100)}.seller-profile-page .page-container{box-sizing:border-box;max-width:520px;margin:0 auto;padding:16px}.profile-hero-card{background:var(--gradient-royal-primary,linear-gradient(135deg, var(--color-primary,#0d9488), var(--color-primary-dark,#0f766e)));text-align:center;color:#fff;box-shadow:var(--shadow-royal);border-radius:18px;margin-bottom:16px;padding:28px 20px}.profile-avatar-large{border:3px solid #fff6;border-radius:50%;width:80px;height:80px;margin:0 auto 12px;overflow:hidden}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-name{color:#fff;margin:0;font-size:20px;font-weight:700}.profile-email{opacity:.9;color:#ffffffe6;margin:4px 0 16px;font-size:13px}.shop-toggle{color:#fff;background:#fff3;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:inline-flex}.shop-toggle.open{background:#10b98159}.shop-toggle.closed{background:#ef444459}.shop-switch{width:40px;height:22px;display:inline-block;position:relative}.shop-switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background:#fff6;border-radius:22px;transition:all .2s;position:absolute;inset:0}.switch-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.shop-switch input:checked+.switch-slider{background:var(--color-success,#10b981)}.shop-switch input:checked+.switch-slider:before{transform:translate(18px)}.profile-info-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:18px;margin-bottom:16px;overflow:hidden}.profile-info-section{border-bottom:1px solid var(--color-border);padding:16px}.profile-info-section:last-child{border-bottom:none}.profile-info-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.profile-info-header .section-icon{color:var(--color-primary)}.profile-info-header h4{color:var(--color-text);margin:0;font-size:14px;font-weight:700}.profile-info-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.info-label{color:var(--color-muted);font-size:13px}.info-value{text-align:right;max-width:60%;color:var(--color-text);font-size:13px;font-weight:500}.kyc-status.approved{color:var(--color-success);font-weight:700}.kyc-status.pending{color:var(--color-warning);font-weight:700}.kyc-status.rejected{color:var(--color-danger);font-weight:700}.profile-actions{padding-bottom:calc(var(--bottom-nav-height,64px) + 16px);flex-direction:column;gap:10px;display:flex}.seller-products-page{background:var(--color-background);min-height:100vh}.products-search-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.products-search-bar .search-icon{color:var(--color-muted);flex-shrink:0}.products-search-bar input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.seller-product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);overflow:hidden}.seller-product-card .product-image-wrapper{border-radius:12px 12px 0 0;overflow:hidden}.seller-product-card .product-image{object-fit:cover;width:100%;height:160px}.seller-product-card .product-name{color:var(--color-text);margin:0 0 4px;font-size:14px;font-weight:600}.seller-product-card .product-price{color:var(--color-primary);margin:0 0 8px;font-size:16px;font-weight:700}.product-meta{color:var(--color-muted);justify-content:space-between;align-items:center;display:flex}.page-header .btn-sm{padding:6px 10px;font-size:12px}.seller-orders-page{background:var(--color-background);min-height:100vh;padding-bottom:calc(var(--bottom-nav-total,60px) + 16px)}.orders-filter-bar{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.orders-filter-bar::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;white-space:nowrap;color:var(--color-text);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.filter-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.orders-list{flex-direction:column;gap:12px;display:flex}.order-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:14px;padding:14px;transition:box-shadow .15s}.order-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.order-info{flex-direction:column;gap:2px;display:flex}.order-id{color:var(--color-text);font-size:14px;font-weight:600}.order-date{color:var(--color-muted);font-size:12px}.order-status{text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.status-placed{background:var(--color-info-light,#e0f2fe);color:var(--color-info,#0284c7)}.status-confirmed{color:#8b5cf6;background:#7c3aed1f}.status-processing{background:var(--color-warning-light,#fef3c7);color:var(--color-warning,#d97706)}.status-shipped{background:var(--color-primary-light,#eff6ff);color:var(--color-primary,#2563eb)}.status-delivered{background:var(--color-success-light,#ecfdf5);color:var(--color-success,#10b981)}.status-cancelled{background:var(--color-danger-light,#fef2f2);color:var(--color-danger,#ef4444)}.order-card-body{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.order-items-count{color:var(--color-muted);align-items:center;gap:6px;font-size:13px;display:flex}.order-total{color:var(--color-primary);align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.order-card-footer{border-top:1px solid var(--color-border);color:var(--color-primary);align-items:center;gap:4px;padding-top:8px;font-size:12px;font-weight:500;display:flex}.seller-add-product{background:var(--color-background);min-height:100dvh;padding:18px;padding-bottom:calc(var(--bottom-nav-height,60px) + var(--spacing-8,32px) + env(safe-area-inset-bottom,0px))}.add-product-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.add-product-header .back-button{border:1px solid var(--color-border);background:var(--color-surface);width:42px;height:42px;color:var(--color-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d}.add-product-header .back-button:hover{background:var(--color-background)}.add-product-header h2{color:var(--color-text);margin:0;font-size:22px;font-weight:700}.upload-section{margin-bottom:24px}.image-upload{background:var(--color-surface);border:2px dashed var(--color-border);cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:180px;transition:all .25s;display:flex}.image-upload:hover{border-color:var(--color-primary);background:var(--color-background)}.image-upload svg{color:var(--color-primary);font-size:46px}.image-upload p{color:var(--color-muted);font-size:15px;font-weight:600}.product-form{flex-direction:column;gap:12px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--color-text);margin-bottom:6px;font-size:14px;font-weight:600}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--color-input-border,var(--color-border));background:var(--color-input-bg,var(--color-surface));width:100%;color:var(--color-text);box-sizing:border-box;border-radius:14px;outline:none;margin-top:4px;padding:14px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}.form-group select option{background-color:var(--color-surface);color:var(--color-text)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb33}.form-group textarea{resize:none}.save-product-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;margin-top:24px;font-size:16px;font-weight:600;transition:all .2s;display:flex;position:static;box-shadow:0 8px 20px #2563eb4d}.save-product-btn:hover{background:var(--color-primary-dark,#1d4ed8);transform:translateY(-2px)}.save-product-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.spinner{animation:1s linear infinite spin}.negotiable-label{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin-top:4px;padding:14px 16px;font-size:15px;font-weight:600;display:flex;box-shadow:0 2px 8px #0000000a}.negotiable-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.ai-suggestion-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;margin:18px 0;padding:16px;box-shadow:0 4px 14px #0000000f}.ai-header{color:var(--color-text);align-items:center;gap:8px;margin-bottom:14px;font-size:17px;font-weight:700;display:flex}.ai-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ai-grid div{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:12px}.ai-grid span{color:var(--color-muted);margin-bottom:4px;font-size:12px;display:block}.ai-grid p{color:var(--color-text);word-break:break-word;margin:0;font-size:14px;font-weight:600}@media (width<=480px){.ai-grid{grid-template-columns:1fr}}.image-uploader{flex-direction:column;gap:14px;display:flex}.image-uploader-primary{width:100%}.image-uploader-additional{flex-wrap:wrap;gap:12px;display:flex}.image-upload-dropzone{background:var(--color-surface);border:2px dashed var(--color-border);cursor:pointer;width:100%;height:180px;color:inherit;box-sizing:border-box;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:all .25s;display:flex}.image-upload-dropzone:hover{border-color:var(--color-primary);background:var(--color-background)}.image-upload-dropzone svg{color:var(--color-primary);font-size:46px}.image-upload-dropzone p{color:var(--color-text);margin:0;font-size:15px;font-weight:600}.image-upload-dropzone small{color:var(--color-muted);font-size:12px}.image-upload-dropzone:disabled{opacity:.5;cursor:not-allowed}.image-preview{border:1px solid var(--color-border);background:var(--color-background);border-radius:14px;width:96px;height:96px;position:relative;overflow:hidden}.image-preview.primary{width:100%;height:200px}.image-preview img{object-fit:cover;width:100%;height:100%}.image-badge{background:var(--color-primary);color:#fff;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.image-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex;position:absolute;top:6px;right:6px}.image-remove:hover{background:#dc2626e6}.image-add-more{border:2px dashed var(--color-border);background:var(--color-surface);cursor:pointer;width:96px;height:96px;color:var(--color-primary);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .25s;display:flex}.image-add-more svg{font-size:22px}.image-add-more p{color:var(--color-text);margin:0;font-size:12px;font-weight:600}.image-add-more:hover{border-color:var(--color-primary);background:var(--color-background)}.image-add-more:disabled{opacity:.5;cursor:not-allowed}.image-uploader-error{color:var(--color-danger);margin:0;font-size:13px;font-weight:600}.seller-update-page{background:var(--color-background);min-height:100dvh;padding-bottom:calc(var(--bottom-nav-height,60px) + var(--spacing-4,16px) + env(safe-area-inset-bottom,0px))}.seller-update-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;box-shadow:0 2px 8px #0000000d}.seller-update-header button{border:1px solid var(--color-border);background:var(--color-background);width:40px;height:40px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.seller-update-header h2{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.existing-banner{background:var(--color-warning-light,#fff3cd);color:var(--color-warning);border:1px solid var(--color-warning);text-align:center;border-radius:12px;margin:10px;padding:10px;font-weight:600}.update-image{object-fit:contain;background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;border-radius:16px;width:calc(100% - 32px);height:220px;margin:0 16px}.update-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;margin:10px;padding:14px;box-shadow:0 4px 14px #0000000d}.update-card input{border:1px solid var(--color-input-border,var(--color-border));background:var(--color-input-bg,var(--color-surface));width:100%;height:48px;color:var(--color-text);box-sizing:border-box;border-radius:12px;margin-bottom:10px;padding:0 14px;font-size:15px}.update-card input:disabled{background:var(--color-background);color:var(--color-muted)}.update-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;height:50px;font-size:16px;font-weight:600;transition:all .2s}.update-btn:active{transform:scale(.98)}.spqr-page{min-height:100vh;padding:10px;padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-4) + env(safe-area-inset-bottom,0px));background:#fff8f2}.spqr-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.spqr-back-btn{cursor:pointer;color:#222;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:inline-flex;box-shadow:0 6px 18px #0000000f}.spqr-header-title{flex:1;min-width:0}.spqr-header-title h2{color:#222;margin:0;font-size:22px;font-weight:700}.spqr-tabs{background:#f1f5f9;border-radius:14px;gap:8px;margin-bottom:16px;padding:4px;display:flex}.spqr-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.spqr-tab.active{color:#222;background:#fff;box-shadow:0 2px 6px #0000000f}.spqr-filter-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.spqr-date-input,.spqr-select{color:#222;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:14px}.spqr-date-input:focus,.spqr-select:focus{border-color:#ff6200}.spqr-clear-filter{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}.spqr-clear-filter:hover{background:#f8fafc}.spqr-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.spqr-section-header h3{color:#222;margin:0;font-size:16px;font-weight:700}.spqr-section-header span{color:#64748b;font-size:13px;font-weight:500}.spqr-search-box{align-items:center;margin-bottom:12px;display:flex;position:relative}.spqr-search-icon{color:#64748b;pointer-events:none;font-size:.95rem;position:absolute;left:14px}.spqr-search-box input{color:#222;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.75rem 2.25rem .75rem 2.6rem;font-size:14px}.spqr-search-box input:focus{border-color:#ff6200}.spqr-clear-search{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem;line-height:1;position:absolute;right:10px}.spqr-orders-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.spqr-order-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000a}.spqr-order-card.selected{background:#fff7f2;border-color:#ff6200}.spqr-order-radio{padding-top:2px}.spqr-radio{color:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:flex}.spqr-radio.checked{color:#fff;background:#ff6200;border-color:#ff6200}.spqr-order-content{flex:1;min-width:0}.spqr-order-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.spqr-order-id{color:#222;font-size:14px;font-weight:700}.spqr-status-chip{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.spqr-status-chip.payment_verified{color:#047857;background:#ecfdf5}.spqr-status-chip.placed{color:#1d4ed8;background:#eff6ff}.spqr-status-chip.confirmed{color:#15803d;background:#f0fdf4}.spqr-status-chip.processing{color:#c2410c;background:#fff7ed}.spqr-status-chip.packed{color:#7e22ce;background:#faf5ff}.spqr-status-chip.ready_for_shipment{color:#b91c1c;background:#fef2f2}.spqr-status-chip.shipped{color:#0e7490;background:#ecfeff}.spqr-status-chip.out_for_delivery{color:#be123c;background:#fff1f2}.spqr-status-chip.delivered{color:#047857;background:#ecfdf5}.spqr-status-chip.cancelled{color:#b91c1c;background:#fef2f2}.spqr-order-meta{color:#64748b;margin:0;font-size:13px}.spqr-packing-section{background:#fff;border-radius:20px;margin-top:8px;padding:18px;box-shadow:0 8px 24px #0000000f}.spqr-packing-section h3{color:#222;margin:0 0 14px;font-size:16px;font-weight:700}.spqr-packing-options{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.spqr-packing-option{cursor:pointer;border:2px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex}.spqr-packing-option.selected{background:#fff7f2;border-color:#ff6200}.spqr-packing-option strong{color:#222;margin-bottom:2px;font-size:14px;display:block}.spqr-packing-option p{color:#64748b;margin:0;font-size:12px}.spqr-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8b1f,#ff6200);border:none;border-radius:14px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:transform .2s;box-shadow:0 8px 20px #ff620033}.spqr-create-btn:hover{transform:translateY(-2px)}.spqr-create-btn:disabled{opacity:.6;cursor:not-allowed}.spqr-history-list{flex-direction:column;gap:12px;display:flex}.spqr-history-card{background:#fff;border-radius:20px;padding:16px;box-shadow:0 8px 24px #0000000f}.spqr-history-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.spqr-history-order{color:#222;font-size:14px;font-weight:700}.spqr-history-body{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.spqr-history-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.spqr-history-row span{color:#64748b}.spqr-history-row strong{color:#222;text-align:right;word-break:break-word;max-width:60%;font-weight:600}.spqr-delivery-status{border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.spqr-delivery-status.ready_for_pickup{color:#1d4ed8;background:#eff6ff}.spqr-delivery-status.assigned{color:#a16207;background:#fef9c3}.spqr-delivery-status.picked_up{color:#15803d;background:#f0fdf4}.spqr-delivery-status.out_for_delivery{color:#0e7490;background:#ecfeff}.spqr-delivery-status.qr_verified{color:#7e22ce;background:#faf5ff}.spqr-delivery-status.otp_sent{color:#c2410c;background:#fff7ed}.spqr-delivery-status.delivered{color:#047857;background:#ecfdf5}.spqr-delivery-status.delivery_failed{color:#b91c1c;background:#fef2f2}.spqr-delivery-status.cancelled{color:#991b1b;background:#fee2e2}.spqr-history-actions{gap:8px;display:flex}.spqr-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.spqr-action-btn:hover{color:#ff6200;border-color:#ff6200}.spqr-loading{flex-direction:column;gap:12px;padding:10px;display:flex}.spqr-error{text-align:center;padding:3rem 1.5rem}.spqr-error p{color:#777;margin:0 0 20px;font-size:14px}.spqr-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8b1f,#ff6200);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700}.spqr-empty{text-align:center;padding:3rem 1.5rem}.spqr-empty-icon{color:#cbd5e1;margin-bottom:12px;font-size:3rem}.spqr-empty p{color:#64748b;margin:0;font-size:14px}@media (width<=480px){.spqr-page{padding:8px 8px calc(var(--bottom-nav-height) + var(--spacing-4) + env(safe-area-inset-bottom,0px))}.spqr-header-title h2{font-size:20px}.spqr-history-row{flex-direction:column;align-items:flex-start;gap:2px}.spqr-history-row strong{text-align:left;max-width:100%}.spqr-card{padding:14px}}.spqr-modal-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.spqr-modal{background:#fff;border-radius:20px;width:100%;max-width:400px;max-height:90vh;animation:.2s ease-out spqr-modal-in;overflow-y:auto;box-shadow:0 20px 60px #00000040}@keyframes spqr-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.spqr-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.spqr-modal-header h3{color:#222;margin:0;font-size:16px;font-weight:700}.spqr-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:inline-flex}.spqr-modal-close:hover{color:#222;background:#e2e8f0}.spqr-modal-body{padding:18px}.spqr-modal-loading{text-align:center;padding:2rem 0}.spqr-modal-spinner{border:4px solid #e2e8f0;border-top-color:#ff6200;border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:.8s linear infinite spqr-spin}@keyframes spqr-spin{to{transform:rotate(360deg)}}.spqr-modal-loading p{color:#64748b;margin:0;font-size:14px}.spqr-modal-error{text-align:center;padding:1rem 0}.spqr-modal-error p{color:#b91c1c;margin:0 0 16px;font-size:14px}.spqr-modal-error-actions{justify-content:center;gap:10px;display:flex}.spqr-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.spqr-qr-image-wrapper{justify-content:center;margin-bottom:16px;display:flex}.spqr-qr-image{object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:220px;height:220px;padding:8px}.spqr-qr-details{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.spqr-qr-detail-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.spqr-qr-detail-row span{color:#64748b}.spqr-qr-detail-row strong{color:#222;text-align:right;word-break:break-word;max-width:60%;font-weight:600}.spqr-modal-print-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8b1f,#ff6200);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #ff620033}.spqr-modal-print-btn:disabled{opacity:.6;cursor:not-allowed}.spqr-modal-print-btn:hover:not(:disabled){transform:translateY(-1px)}.qr-print-area,.label-print-area{display:none}@media print{.mobile-app-shell>:not(.qr-print-area):not(.label-print-area){display:none!important}.qr-print-area,.label-print-area{z-index:99999;background:#fff;width:100%;height:100%;padding:40px;position:fixed;top:0;left:0;display:block!important}.qr-print-content,.label-print-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.qr-print-brand,.label-print-brand{color:#ff6200;margin-bottom:4px;font-size:24px;font-weight:800}.qr-print-title,.label-print-title{color:#222;margin-bottom:24px;font-size:18px;font-weight:700}.qr-print-img,.label-print-img{object-fit:contain;border:1px solid #e2e8f0;border-radius:8px;width:280px;height:280px;margin-bottom:24px;padding:8px}.qr-print-meta,.label-print-meta{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.qr-print-row,.label-print-row{color:#444;justify-content:space-between;font-size:14px;display:flex}.qr-print-row span,.label-print-row span{color:#666}.qr-print-row strong,.label-print-row strong{color:#222;font-weight:700}}@media (width<=480px){.spqr-page{padding:8px 8px calc(var(--bottom-nav-height) + var(--spacing-4) + env(safe-area-inset-bottom,0px))}.spqr-header-title h2{font-size:20px}.spqr-history-row{flex-direction:column;align-items:flex-start;gap:2px}.spqr-history-row strong{text-align:left;max-width:100%}.spqr-card{padding:14px}.spqr-modal{max-width:100%;max-height:85vh}.spqr-qr-image{width:180px;height:180px}}.seller-disputes-page{background-color:var(--color-background);max-width:800px;color:var(--color-text);min-height:100vh;padding:16px;padding-bottom:calc(var(--bottom-nav-height,60px) + var(--spacing-2,8px) + env(safe-area-inset-bottom,0px));margin:0 auto}.disputes-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.disputes-header-content{flex:1}.disputes-header-content h2{color:var(--color-text);margin:0;font-size:1.25rem}.disputes-header-content p{color:var(--color-muted);margin:0;font-size:.875rem}.create-dispute-btn{background:var(--color-success,#16a34a);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:600;display:flex}.create-dispute-btn:disabled{opacity:.6;cursor:not-allowed}.disputes-loading,.disputes-empty,.disputes-error{text-align:center;color:var(--color-muted);padding:48px 16px}.disputes-empty svg,.disputes-error svg{opacity:.5;margin-bottom:12px;font-size:3rem}.disputes-empty h3,.disputes-error h3{color:var(--color-text);margin:0 0 8px}.disputes-error button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:12px;padding:8px 16px}.disputes-list{flex-direction:column;gap:16px;display:flex}.dispute-card{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:12px;padding:16px}.dispute-card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.dispute-card-top strong{color:var(--color-text);font-size:1rem}.dispute-status{text-transform:uppercase;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.dispute-status.open{background:var(--color-warning-light,#fef3c7);color:var(--color-warning,#92400e)}.dispute-status.closed{background:var(--color-success-light,#d1fae5);color:var(--color-success,#065f46)}.dispute-description{color:var(--color-text);margin:0 0 8px;font-size:.9rem;line-height:1.5}.dispute-meta{color:var(--color-muted);flex-wrap:wrap;gap:12px;margin-bottom:8px;font-size:.8rem;display:flex}.dispute-order-link{color:var(--color-primary);cursor:pointer;text-decoration:underline}.dispute-evidence{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.dispute-evidence-link{color:var(--color-primary);background:var(--color-primary-light,#eff6ff);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;text-decoration:none;display:inline-flex}.dispute-admin-comment{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:.875rem}.dispute-delete-btn{border:1px solid var(--color-danger);background:var(--color-surface);color:var(--color-danger);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.875rem}.dispute-delete-btn:hover{background:var(--color-danger-light)}.create-dispute-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.create-dispute-modal{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:16px 16px 0 0;width:100%;max-width:600px;max-height:90vh;padding:20px;overflow-y:auto}.create-dispute-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.create-dispute-header h3{color:var(--color-text);margin:0}.create-dispute-close{cursor:pointer;color:var(--color-muted);background:0 0;border:none;font-size:1.2rem}.dispute-field{margin-bottom:16px}.dispute-field label{color:var(--color-text);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.dispute-field input,.dispute-field textarea{border:1px solid var(--color-input-border,var(--color-border));background:var(--color-input-bg,var(--color-surface));width:100%;color:var(--color-text);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 12px;font-size:1rem}.dispute-field input:focus,.dispute-field textarea:focus{border-color:var(--color-primary)}.dispute-field textarea{resize:vertical}.evidence-attach-btn{border:1px dashed var(--color-border);background:var(--color-background);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;display:inline-flex}.evidence-attach-btn:disabled{opacity:.5;cursor:not-allowed}.evidence-list{margin:8px 0 0;padding:0;list-style:none}.evidence-list li{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 10px;font-size:.875rem;display:flex}.evidence-remove-btn{color:var(--color-danger);cursor:pointer;background:0 0;border:none;font-size:.875rem}.dispute-form-error{color:var(--color-danger);margin:0 0 12px;font-size:.875rem}.dispute-form-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.dispute-cancel-btn,.dispute-submit-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:.95rem;font-weight:600}.dispute-cancel-btn{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.dispute-submit-btn{background:var(--color-success,#16a34a);color:#fff}.dispute-submit-btn:disabled,.dispute-cancel-btn:disabled{opacity:.6;cursor:not-allowed}:root{--primary:var(--color-primary);--primary-hover:var(--color-primary-dark);--bg-page:var(--color-background);--surface:var(--color-surface);--text-main:var(--color-text);--text-muted:var(--color-muted);--border:var(--color-border);--success:var(--color-success);--success-bg:var(--color-success-light);--warning:var(--color-warning);--warning-bg:var(--color-warning-light);--danger:var(--color-danger);--danger-bg:var(--color-danger-light);--radius:var(--radius-md)}.wallet-page{max-width:900px;padding:24px 16px calc(var(--bottom-nav-height) + var(--spacing-6) + env(safe-area-inset-bottom,0px));color:var(--text-main);margin:0 auto;font-family:inherit}.wallet-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.back-button{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--text-main);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.back-button:hover{background:#f1f5f9;border-color:#cbd5e1}.header-info h2{margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.header-info p{color:var(--text-muted);margin:2px 0 0;font-size:.875rem}.wallet-balance-card{color:#fff;border-radius:var(--radius-xl);background:linear-gradient(135deg,#0a1128 0%,#0f52ba 50%,#7851a9 100%);border:1px solid #d4af374d;margin-bottom:28px;padding:28px;position:relative;overflow:hidden;box-shadow:0 14px 30px -5px #0f52ba59}.wallet-balance-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4af3740 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.balance-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.balance-label{color:#c7d2fe;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:500}.balance-amount{align-items:center;margin-top:6px;font-size:2.25rem;font-weight:700;display:flex}.currency-icon{margin-right:2px;font-size:1.75rem}.wallet-action-buttons{gap:12px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#312e81;background:#fff}.btn-primary:hover{background:#f8fafc;transform:translateY(-1px)}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f}.btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.wallet-tabs-container{border-bottom:1px solid var(--border);margin-bottom:20px}.wallet-tabs{gap:8px;display:flex;overflow-x:auto}.wallet-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.wallet-tab:hover{color:var(--text-main)}.wallet-tab.active{color:var(--primary)}.wallet-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tx-list{flex-direction:column;gap:12px;display:flex}.tx-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:16px;transition:border-color .2s,box-shadow .2s;display:flex}.tx-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000008}.tx-left{align-items:center;gap:14px;display:flex}.tx-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;display:flex}.tx-icon-wrapper.income{background:var(--success-bg);color:var(--success)}.tx-icon-wrapper.expense{background:var(--danger-bg);color:var(--danger)}.tx-icon-wrapper.document{color:#3b82f6;background:#eff6ff}.tx-details{flex-direction:column;display:flex}.tx-amount{font-size:1rem;font-weight:700}.tx-credit{color:var(--success)}.tx-debit{color:var(--danger)}.tx-description{color:var(--text-main);margin:2px 0 0;font-size:.875rem;font-weight:500}.tx-date{color:var(--text-muted);margin:2px 0 0;font-size:.75rem}.status-pill{text-transform:capitalize;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-completed,.status-approved,.status-paid{background:var(--success-bg);color:var(--success)}.status-pending{background:var(--warning-bg);color:var(--warning)}.status-failed,.status-rejected,.status-overdue,.status-cancelled{background:var(--danger-bg);color:var(--danger)}.status-refunded{color:#6d28d9;background:#ede9fe}.tx-right-actions{align-items:center;gap:10px;display:flex}.invoice-download-btn{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.invoice-download-btn:hover{background:var(--primary);color:#fff}.tx-state{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;padding:48px 16px;display:flex}.state-icon{color:#cbd5e1;margin-bottom:12px;font-size:2.5rem}.state-title{color:var(--text-main);margin:0;font-size:1rem;font-weight:600}.state-subtitle{color:var(--text-muted);margin-top:4px;font-size:.875rem}.tx-state.error p{color:var(--danger);margin-bottom:12px}.tx-retry-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text-main);border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.tx-retry-btn:hover{background:#f8fafc}.wallet-page .wallet-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);padding:16px;padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-4) + env(safe-area-inset-bottom,0px));background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.wallet-page .wallet-modal{background:var(--surface);box-sizing:border-box;border-radius:16px;width:100%;max-width:400px;max-height:86vh;margin:auto;padding:20px;overflow-y:auto;box-shadow:0 16px 40px #0f172a40,0 2px 8px #0f172a1a}.wallet-page .wallet-modal-header{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.wallet-page .wallet-modal-header h3{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:700;display:inline-flex}.wallet-page .wallet-modal-close{width:36px;min-width:36px;height:36px;color:var(--text-main);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;line-height:1;transition:background-color .2s,color .2s;display:inline-flex}.wallet-page .wallet-modal-close:hover,.wallet-page .wallet-modal-close:focus-visible{color:#475569;background:#e2e8f0}.wallet-page .wallet-modal-close:active{background:#cbd5e1}.wallet-page .wallet-modal-body{flex-direction:column;gap:16px;display:flex}.wallet-page .payment-details-box{border:1px solid var(--border);background:#f1f5f9;border-radius:12px;padding:12px 14px}.wallet-page .payment-details-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px;font-size:.8rem;font-weight:700}.wallet-page .payment-detail-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.wallet-page .payment-detail-row+.payment-detail-row{margin-top:8px}.wallet-page .payment-detail-row>span:first-child{color:var(--text-muted);flex-shrink:0;font-size:.85rem;font-weight:500}.wallet-page .payment-detail-value{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.wallet-page .payment-detail-value>span{min-width:0;color:var(--text-main);word-break:break-all;flex:1;font-size:.85rem;font-weight:600}.wallet-page .copy-btn{background:var(--surface);border:1px solid var(--border);width:32px;min-width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.wallet-page .copy-btn:hover,.wallet-page .copy-btn:focus-visible{background:var(--primary);border-color:var(--primary);color:#fff}.wallet-page .wallet-form-group{flex-direction:column;gap:8px;display:flex}.wallet-page .wallet-form-group label{color:var(--text-main);margin:0;font-size:.85rem;font-weight:600;display:block}.wallet-page .wallet-form-group input,.wallet-page .wallet-form-group select{background:var(--surface);width:100%;height:46px;color:var(--text-main);box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:0 14px;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.wallet-page .wallet-form-group input[type=number]{-moz-appearance:textfield}.wallet-page .wallet-form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wallet-page .wallet-form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wallet-page .wallet-form-group input::placeholder{color:#94a3b8}.wallet-page .wallet-form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'12'%20height%3D'8'%20viewBox%3D'0%200%2012%208'%3E%3Cpath%20fill%3D'none'%20stroke%3D'%2364748b'%20stroke-width%3D'2'%20d%3D'M2%202%20L10%202%20M2%206%20L10%206'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:40px}.wallet-page .wallet-form-group input:focus,.wallet-page .wallet-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.wallet-page .wallet-form-note{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.wallet-page .wallet-modal-footer{justify-content:center;margin-top:20px;display:flex}.wallet-page .wallet-modal-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;min-height:48px;padding:0 16px;font-family:inherit;font-size:.95rem;font-weight:700;transition:background-color .2s,transform .1s}.wallet-page .wallet-modal-submit:hover:not(:disabled){background:var(--primary-hover)}.wallet-page .wallet-modal-submit:active:not(:disabled){transform:translateY(1px)}.wallet-page .wallet-modal-submit:disabled{opacity:.55;cursor:not-allowed}@media (width<=390px){.wallet-page .wallet-modal{padding:16px}.wallet-page .wallet-modal-header{margin:0 0 14px}.wallet-page .wallet-modal-close{width:32px;min-width:32px;height:32px}.wallet-page .wallet-form-group input,.wallet-page .wallet-form-group select{height:44px}.wallet-page .copy-btn{width:30px;min-width:30px;height:30px}.wallet-page .wallet-modal-footer{margin-top:16px}}:root{--color-primary-50:#f0f5ff;--color-primary-100:#e0ebff;--color-primary-200:#c7dcfe;--color-primary-300:#96befc;--color-primary-400:#609bfa;--color-primary-500:#4169e1;--color-primary-600:#0f52ba;--color-primary-700:#0c4196;--color-primary-800:#093375;--color-primary-900:#0a1128;--color-royal-purple:#7851a9;--color-indigo-purple:indigo;--color-amethyst:#96c;--color-lavender:#e6e6fa;--color-gold-50:#fffdf5;--color-gold-100:#fef9e2;--color-gold-200:#fdf1be;--color-gold-300:#fbe58f;--color-gold-400:#fada5e;--color-gold-500:#d4af37;--color-gold-600:#aa7f2e;--color-gold-700:#8c6720;--color-gold-800:#6d4f18;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#50c878;--color-success-600:#10b981;--color-success-700:#059669;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-danger-50:#fff1f2;--color-danger-100:#ffe4e6;--color-danger-500:#dc143c;--color-danger-600:#b91c1c;--color-danger-700:#800020;--color-info-50:#f0f5ff;--color-info-100:#e0ebff;--color-info-500:#4169e1;--color-info-600:#0f52ba;--color-info-700:#0c4196;--color-neutral-0:#fff;--color-neutral-50:#f8fafe;--color-neutral-100:#f1f5fd;--color-neutral-200:#e2e8f4;--color-neutral-300:#cbd5e5;--color-neutral-400:#94a3be;--color-neutral-500:#64748f;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0b132b;--color-primary:#0f52ba;--color-primary-dark:#0c4196;--color-primary-light:#e0ebff;--color-secondary:#d4af37;--color-secondary-dark:#aa7f2e;--color-secondary-light:#fef9e2;--color-accent:#7851a9;--color-background:#f8fafe;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-secondary:#f1f5fd;--color-text:#0b132b;--color-text-secondary:#334155;--color-muted:#64748f;--color-border:#e2e8f4;--color-border-subtle:#0f52ba14;--color-success:#10b981;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#dc143c;--color-danger-light:#ffe4e6;--color-info:#0f52ba;--color-info-light:#e0ebff;--color-disabled:#e2e8f4;--color-on-primary:#fff;--color-scrim:#0b132b94;--color-overlay:#0b132b6b;--color-frosted:#ffffffe0;--color-camera-bg:#070b16;--color-camera-text:#fff;--gradient-royal-primary:linear-gradient(135deg, #0f52ba 0%, #4169e1 50%, #7851a9 100%);--gradient-royal-hover:linear-gradient(135deg, #0c4196 0%, #0f52ba 50%, #683f99 100%);--gradient-royal-gold:linear-gradient(135deg, #fada5e 0%, #d4af37 50%, #aa7f2e 100%);--gradient-royal-velvet:linear-gradient(135deg, #0a1128 0%, #172347 100%);--gradient-royal-card:linear-gradient(145deg, #fffffffa 0%, #f0f5ff99 100%);--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family:var(--font-family-base);--font-family-mono:"SF Mono", "Fira Code", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:.9375rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--spacing-0:0;--spacing-1:var(--space-1);--spacing-2:var(--space-2);--spacing-3:var(--space-3);--spacing-4:var(--space-4);--spacing-5:var(--space-5);--spacing-6:var(--space-6);--spacing-8:var(--space-8);--spacing-10:var(--space-10);--spacing-12:var(--space-12);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px #0b132b0a;--shadow-sm:0 2px 4px #0b132b0d, 0 1px 2px #0b132b08;--shadow-md:0 6px 14px -2px #0f52ba1a, 0 2px 5px -1px #0b132b0a;--shadow-lg:0 12px 28px -4px #0f52ba29, 0 4px 10px -2px #0b132b0d;--shadow-xl:0 20px 40px -6px #0f52ba38, 0 8px 16px -3px #0b132b0f;--shadow-royal:0 8px 22px -3px #0f52ba52;--shadow-gold:0 8px 20px -3px #d4af3759;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--z-index-dropdown:100;--z-index-sticky:200;--z-index-modal:300;--z-index-popover:400;--z-index-toast:500;--header-height:56px;--bottom-nav-height:64px;--checkout-bar-height:72px;--container-max-width:480px;--container-padding:16px}@media (width>=768px){:root{--container-padding:24px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px}}html.dark,[data-theme=dark]{--color-background:#070b16;--color-surface:#0d1527;--color-surface-elevated:#141f36;--color-surface-secondary:#0f182c;--color-text:#f8fafe;--color-text-secondary:#cbd5e5;--color-muted:#8ea3c7;--color-border:#4169e133;--color-border-subtle:#4169e11f;--color-neutral-0:#0d1527;--color-neutral-50:#070b16;--color-neutral-100:#0f182c;--color-neutral-200:#1a2744;--color-neutral-300:#2a3c63;--color-neutral-400:#57709c;--color-neutral-500:#8ea3c7;--color-neutral-600:#cbd5e5;--color-neutral-700:#e2e8f4;--color-neutral-800:#f1f5fd;--color-neutral-900:#fff;--color-primary-light:#0f52ba47;--color-secondary-light:#d4af3733;--color-frosted:#0d1527e0;--color-scrim:#000000bf;--color-overlay:#070b16a6;--gradient-royal-card:linear-gradient(145deg, #131f36f2 0%, #0d1527d9 100%);--shadow-royal:0 8px 24px -3px #4169e166;--shadow-gold:0 8px 20px -3px #d4af3766}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);overscroll-behavior-y:none;margin:0}@supports (height:100dvh){#root{min-height:100dvh}}button,input,textarea,select{font-family:inherit;font-size:inherit}input:focus,textarea:focus,select:focus{scroll-margin-bottom:calc(var(--bottom-nav-height) + 16px)}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only,.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.page{background-color:var(--color-background);min-height:100vh}.page__header{padding:var(--spacing-3) 0;background-color:var(--color-frosted);-webkit-backdrop-filter:blur(14px);z-index:var(--z-index-sticky);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.page__subtitle{font-size:var(--font-size-sm);color:var(--color-muted);margin-top:var(--spacing-1)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;min-height:44px;line-height:1.2;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary,.btn-primary{background:var(--gradient-royal-primary);color:#fff;box-shadow:var(--shadow-royal);border:none}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--gradient-royal-hover);box-shadow:var(--shadow-lg)}.btn--gold,.btn-gold{background:var(--gradient-royal-gold);color:#0b132b;box-shadow:var(--shadow-gold);border:none;font-weight:700}.btn--secondary,.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-100);border-color:var(--color-primary-300)}.btn--outline,.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background-color:#0000}.btn--outline:hover:not(:disabled),.btn-outline:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--ghost,.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn--ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--color-primary)}.btn--danger,.btn-danger{background-color:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn--sm,.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);min-height:36px}.btn--lg,.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}.btn--full,.btn-full{width:100%}.btn--icon,.btn-icon{padding:var(--spacing-2);border-radius:var(--radius-full);min-width:44px;min-height:44px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:#0f52ba33}.card--royal{background:var(--gradient-royal-card);box-shadow:var(--shadow-royal-sm);border:1px solid #4169e133}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-2px)}.card--interactive:active{transition-duration:50ms;transform:translateY(0)}.icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);width:42px;height:42px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.icon-btn--primary{background:var(--gradient-royal-primary);color:#fff;box-shadow:var(--shadow-royal-sm);border:none}.icon-btn--primary:hover{background:var(--gradient-royal-hover);color:#fff}.badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);align-items:center;line-height:1;display:inline-flex}.badge--success{background-color:var(--color-success-light);color:var(--color-success)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge--danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge--info,.badge--primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge--gold{background:var(--color-gold-100);color:var(--color-gold-700);border:1px solid #d4af374d}.badge--neutral{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.input{width:100%;min-height:44px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0f52ba2e}.input:disabled{background-color:var(--color-neutral-100);color:var(--color-muted);cursor:not-allowed}.divider{background-color:var(--color-border);height:1px;margin:var(--spacing-4) 0;border:none}.flex--center{justify-content:center;align-items:center}.flex--between{justify-content:space-between;align-items:center}.flex--column{flex-direction:column}.gap-1{gap:var(--spacing-1)}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.truncate-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:root{--color-primary:#0f52ba;--color-primary-dark:#0c4196;--color-primary-light:#e0ebff;--color-secondary:#d4af37;--color-secondary-dark:#aa7f2e;--color-royal-purple:#7851a9;--color-indigo-purple:indigo;--color-amethyst:#96c;--color-gold:#d4af37;--color-accent:#7851a9;--color-background:#f8fafe;--color-surface:#fff;--color-surface-elevated:#fff;--color-text:#0b132b;--color-text-secondary:#334155;--color-muted:#64748f;--color-border:#e2e8f4;--color-success:#10b981;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#dc143c;--color-danger-light:#ffe4e6;--color-info:#0f52ba;--color-info-light:#e0ebff;--primary:var(--color-primary);--primary-hover:var(--color-primary-dark);--primary-light:var(--color-primary-light);--bg-page:var(--color-background);--bg-surface:var(--color-surface);--surface:var(--color-surface);--text-main:var(--color-text);--text-muted:var(--color-muted);--border-color:var(--color-border);--border:var(--color-border);--color-input-bg:var(--color-surface);--color-input-border:var(--color-border);--color-card-bg:var(--color-surface);--color-card-border:var(--color-border);--color-header-bg:var(--color-frosted);--color-header-border:var(--color-border);--color-pill-bg:var(--color-surface);--color-pill-border:var(--color-border);--color-pill-text:var(--color-muted);--color-sheet-bg:var(--color-surface);--color-scrim:#0b132b94;--color-frosted:#ffffffe0;--color-overlay:#0b132b6b;--color-camera-bg:#070b16;--color-camera-text:#fff;--gradient-royal-primary:linear-gradient(135deg, #0f52ba 0%, #4169e1 50%, #7851a9 100%);--gradient-royal-hover:linear-gradient(135deg, #0c4196 0%, #0f52ba 50%, #683f99 100%);--gradient-royal-gold:linear-gradient(135deg, #fada5e 0%, #d4af37 50%, #aa7f2e 100%);--gradient-royal-velvet:linear-gradient(135deg, #0a1128 0%, #172347 100%);--gradient-royal-card:linear-gradient(145deg, #fffffffa 0%, #f0f5ff99 100%);--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px #0b132b0a;--shadow-sm:0 2px 4px #0b132b0d, 0 1px 2px #0b132b08;--shadow-md:0 6px 14px -2px #0f52ba1a, 0 2px 5px -1px #0b132b0a;--shadow-lg:0 12px 28px -4px #0f52ba29, 0 4px 10px -2px #0b132b0d;--shadow-xl:0 20px 40px -6px #0f52ba38, 0 8px 16px -3px #0b132b0f;--shadow-royal:0 8px 22px -3px #0f52ba52;--shadow-gold:0 8px 20px -3px #d4af3759;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--max-width:480px;--header-height:56px;--bottom-nav-height:64px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--bottom-nav-total:calc(var(--bottom-nav-height) + var(--safe-area-bottom))}html.dark,[data-theme=dark]{--color-background:#070b16;--color-surface:#0d1527;--color-surface-elevated:#141f36;--color-surface-secondary:#0f182c;--color-text:#f8fafe;--color-text-secondary:#cbd5e5;--color-muted:#8ea3c7;--color-border:#4169e133;--color-input-bg:#0f182c;--color-input-border:#4169e140;--color-card-bg:#0d1527;--color-card-border:#4169e133;--color-header-bg:#0d1527eb;--color-header-border:#4169e133;--color-pill-bg:#0d1527;--color-pill-border:#4169e140;--color-pill-text:#8ea3c7;--color-sheet-bg:#0d1527;--color-neutral-0:#0d1527;--color-neutral-50:#070b16;--color-neutral-100:#0f182c;--color-neutral-200:#1a2744;--color-neutral-300:#2a3c63;--color-neutral-400:#57709c;--color-neutral-500:#8ea3c7;--color-neutral-600:#cbd5e5;--color-neutral-700:#e2e8f4;--color-neutral-800:#f1f5fd;--color-neutral-900:#fff;--color-primary-light:#0f52ba47;--color-secondary-light:#d4af3733;--color-frosted:#0d1527e0;--color-scrim:#000000bf;--color-overlay:#070b16a6;--gradient-royal-card:linear-gradient(145deg, #131f36f2 0%, #0d1527d9 100%);--shadow-royal:0 8px 24px -3px #4169e166;--shadow-gold:0 8px 20px -3px #d4af3766}html.dark body,[data-theme=dark] body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base);overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;min-height:42px;padding:10px 18px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-royal-primary);color:#fff;border:none;box-shadow:0 4px 14px #0f52ba4d}.btn-primary:hover:not(:disabled){background:var(--gradient-royal-hover);box-shadow:0 6px 18px #0f52ba66}.btn-gold{background:var(--gradient-royal-gold);color:#0b132b;border:none;font-weight:700;box-shadow:0 4px 14px #d4af3759}.btn-gold:hover:not(:disabled){box-shadow:0 6px 18px #d4af3773}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-100);border-color:var(--color-neutral-300)}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.btn-ghost{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--color-text)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-50)}.btn-sm{font-size:var(--font-size-sm);border-radius:var(--radius-sm);min-height:34px;padding:6px 12px}.btn-lg{font-size:var(--font-size-md);border-radius:var(--radius-md);min-height:46px;padding:12px 22px}.btn-full{width:100%}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast), transform var(--transition-fast);overflow:hidden}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-sm);border-color:var(--color-neutral-300)}.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background-color:var(--color-neutral-50)}.input{width:100%;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;min-height:42px;padding:10px 14px}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.input::placeholder{color:var(--color-muted)}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}.badge{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;align-items:center;display:inline-flex}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-background) 50%, var(--color-border) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loader{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.page-container{min-width:0;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-total) + var(--space-4));max-width:var(--max-width);flex:1;width:100%;margin:0 auto}.page-container:not(.page-full-width)>.page-header{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4)}.page-header{align-items:center;gap:var(--space-3);height:calc(var(--header-height) + var(--safe-area-top));padding:0 var(--space-4);padding-top:var(--safe-area-top);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);box-sizing:border-box;display:flex;position:sticky;top:0}.page-header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.back-button{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.back-button:hover{background-color:var(--color-neutral-100)}.back-button:active{background-color:var(--color-neutral-200);transform:scale(.95)}.back-button svg{width:20px;height:20px}.empty-state{padding:var(--space-12) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;font-size:3rem}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-muted);max-width:280px}.error-state{padding:var(--space-12) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-state-icon{margin-bottom:var(--space-4);font-size:3rem}.error-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-danger);margin-bottom:var(--space-2)}.error-state-description{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-4)}.divider{background-color:var(--color-border);height:1px;margin:var(--space-4) 0}.text-center{text-align:center}.text-muted{color:var(--color-muted)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.p-4{padding:var(--space-4)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.hidden{display:none!important}.centered{justify-content:center;align-items:center;display:flex}.min-h-300{min-height:300px}.page-full-width{padding:0;padding-bottom:calc(var(--bottom-nav-total) + var(--space-4));max-width:100%}.header-space{flex-shrink:0;width:40px}.mobile-layout{background-color:var(--color-background);flex-direction:column;width:100%;min-height:100dvh;display:flex}.mobile-main{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.bottom-nav{height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background-color:var(--color-frosted);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);z-index:var(--z-sticky);max-width:var(--max-width);box-sizing:border-box;justify-content:space-around;align-items:center;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0b132b14}.bottom-nav-item{z-index:0;min-width:0;height:100%;padding:0 var(--space-1);color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:inherit;line-height:1.1;text-decoration:none;display:flex;position:relative}.bottom-nav-item:before{content:"";border-radius:var(--radius-full);opacity:0;width:48px;height:28px;transition:opacity var(--transition-fast), transform var(--transition-fast);z-index:-1;background:linear-gradient(135deg,#0f52ba29 0%,#7851a929 100%);border:1px solid #0f52ba26;position:absolute;top:8px;left:50%;transform:translate(-50%)scale(.72)}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item.active:before{opacity:1;transform:translate(-50%)scale(1)}.bottom-nav-item.active svg{filter:drop-shadow(0 2px 6px #0f52ba59)}.bottom-nav-item.active span{font-weight:var(--font-weight-bold);color:var(--color-primary)}.bottom-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav-item svg{z-index:1;flex-shrink:0;width:22px;height:22px;position:relative}.product-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-grid>*{min-width:0}.skeleton-card{gap:var(--space-2);flex-direction:column;display:flex}.skeleton-image{aspect-ratio:1;border-radius:var(--radius-lg);width:100%}.skeleton-text{border-radius:var(--radius-sm);width:100%;height:16px}.skeleton-text.short{width:60%}.product-card{min-width:0;height:100%;color:inherit;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);flex-direction:column;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 2px 6px #0b132b0a}.product-card:hover{border-color:#0f52ba40;transform:translateY(-2px);box-shadow:0 8px 20px -4px #0f52ba1f}.product-card-image{aspect-ratio:1;background-color:var(--color-neutral-100);width:100%;position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-smooth);display:block}.product-card:hover .product-card-image img{transform:scale(1.03)}.product-card-placeholder{background-color:var(--color-neutral-100);width:100%;height:100%;color:var(--color-muted);font-size:var(--font-size-xs);justify-content:center;align-items:center;display:flex}.product-card-distance{top:var(--space-2);left:var(--space-2);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.6875rem;font-weight:var(--font-weight-semibold);padding:3px var(--space-2);border-radius:var(--radius-full);background:linear-gradient(135deg,#0b132bd9 0%,#0f52bad9 100%);border:1px solid #ffffff2e;line-height:1.2;position:absolute;box-shadow:0 2px 6px #0003}.product-card-body{padding:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.product-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);-webkit-line-clamp:2;margin-bottom:var(--space-1);-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-shop{font-size:var(--font-size-xs);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--space-1);overflow:hidden}.product-card-price{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-top:auto;line-height:1.2}.shop-card{flex-direction:column;display:flex}.shop-card-header{padding:var(--space-4);padding-bottom:0}.shop-card-logo{border-radius:var(--radius-full);background-color:var(--color-primary-light);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.shop-card-logo img{object-fit:cover;width:100%;height:100%}.shop-card-logo-placeholder{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.shop-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.category-card{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);transition:all var(--transition-fast);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;min-height:84px;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.category-card:active{transform:scale(.98)}.category-card-icon{font-size:1.75rem;line-height:1}.category-card-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.categories-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.search-bar{align-items:center;gap:var(--space-2);width:100%;display:flex}.search-bar-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-bar-icon{left:var(--space-3);color:var(--color-muted);pointer-events:none;width:18px;height:18px;position:absolute}.search-bar-input{width:100%;padding-left:38px}.search-bar-clear{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-bar-clear:hover{background-color:var(--color-neutral-100);color:var(--color-text)}.loader-container{padding:var(--space-12) var(--space-4);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.loader-text{font-size:var(--font-size-sm);color:var(--color-muted)}.home-header{padding:var(--space-5) var(--space-4) var(--space-4);text-align:center}.home-logo{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:inline-flex}.home-logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.home-logo-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);background-color:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-full)}.home-subtitle{font-size:var(--font-size-sm);color:var(--color-muted)}.home-search{padding:0 var(--space-4) var(--space-4)}.home-section{margin-bottom:var(--space-6)}.home-section-header{padding:0 var(--space-4) var(--space-3)}.home-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.product-card-actions{top:var(--space-2);right:var(--space-2);gap:var(--space-1);z-index:1;display:flex;position:absolute}.product-card-favorite{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-muted);border:1px solid var(--color-border);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#ffffffeb;justify-content:center;align-items:center;padding:0;display:flex}.product-card-favorite svg{width:18px;height:18px}.product-card-favorite:hover{color:var(--color-danger);background-color:#fff}.product-card-favorite.active{color:var(--color-danger);background-color:#fffffff2}.product-details-content{min-width:0;padding-bottom:calc(var(--space-16) + var(--bottom-nav-height) + var(--safe-area-bottom));flex-direction:column;display:flex}.product-gallery{gap:var(--space-3);padding:var(--space-3);flex-direction:column;padding-bottom:0;display:flex}.product-gallery-main{aspect-ratio:1;background-color:var(--color-background);border-radius:var(--radius-xl);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.product-gallery-main img{object-fit:cover;width:100%;height:100%}.gallery-nav{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background-color:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.gallery-nav--prev{left:var(--space-3)}.gallery-nav--next{right:var(--space-3)}.product-gallery-thumbs{gap:var(--space-2);scrollbar-width:none;padding:var(--space-1) 0;display:flex;overflow-x:auto}.product-gallery-thumbs::-webkit-scrollbar{display:none}.product-gallery-thumb{border-radius:var(--radius-lg);border:2px solid var(--color-border);cursor:pointer;width:56px;height:56px;transition:all var(--transition-fast);background:0 0;flex-shrink:0;padding:0;overflow:hidden}.product-gallery-thumb:hover{border-color:var(--color-primary)}.product-gallery-thumb--active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.product-gallery-thumb img{object-fit:cover;width:100%;height:100%}.product-details-placeholder{width:100%;height:100%;color:var(--color-muted);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.product-details-info{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.product-details-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.3}.product-details-price-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.product-details-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);line-height:1.2}.product-details-shop-link{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.product-details-shop-link:hover{text-decoration:underline}.product-details-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.product-details-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.product-details-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.product-details-shop-card{gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.product-details-shop-card-header{align-items:center;gap:var(--space-3);display:flex}.product-details-shop-avatar{border-radius:var(--radius-full);background-color:var(--color-primary-light);width:40px;height:40px;color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.product-details-shop-info{gap:var(--space-1);flex-direction:column;display:flex}.product-details-shop-name{font-weight:var(--font-weight-semibold);color:var(--color-text)}.product-details-shop-actions{gap:var(--space-2);display:flex}.product-details-quantity{align-items:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:inline-flex}.quantity-btn{width:36px;height:36px;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.quantity-btn:hover:not(:disabled){background-color:var(--color-background)}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}.quantity-value{text-align:center;min-width:32px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.product-details-actions{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-frosted);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border);bottom:var(--bottom-nav-total);z-index:var(--z-sticky);max-width:var(--max-width);margin:0 auto;display:flex;position:fixed;left:0;right:0;box-shadow:0 -8px 24px #0b132b1a}@media (width<=360px){.product-details-actions{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.product-details-favorite{width:44px;height:44px}.quantity-btn{width:32px;height:32px}.quantity-value{min-width:28px}.product-details-actions .btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.product-details-favorite{border-radius:var(--radius-full);background-color:var(--color-surface);width:48px;height:48px;color:var(--color-muted);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.product-details-favorite:hover{color:var(--color-danger);border-color:var(--color-danger)}.product-details-favorite.active{color:var(--color-danger);background-color:var(--color-danger-light);border-color:var(--color-danger)}.product-details-skeleton{gap:var(--space-4);flex-direction:column;display:flex}.product-details-skeleton .skeleton-image{aspect-ratio:1;border-radius:var(--radius-xl);width:100%}.shop-page{flex-direction:column;display:flex}.shop-header-meta{align-items:center;gap:var(--space-2);display:flex}.cart-page{gap:var(--space-4);flex-direction:column;display:flex}.cart-items{gap:var(--space-3);flex-direction:column;display:flex}.cart-item{gap:var(--space-3);padding:var(--space-3);display:flex}.cart-item-image{border-radius:var(--radius-md);background-color:var(--color-neutral-100);flex-shrink:0;width:72px;height:72px;overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-placeholder{width:100%;height:100%;font-size:var(--font-size-xs);color:var(--color-muted);justify-content:center;align-items:center;display:flex}.cart-item-details{flex-direction:column;justify-content:center;display:flex}.cart-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.cart-item-price{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.cart-item-quantity{font-size:var(--font-size-sm);color:var(--color-muted)}.cart-summary{bottom:calc(var(--bottom-nav-total) + var(--space-3));padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0;position:sticky}.cart-summary-row{justify-content:space-between;align-items:center;display:flex}.cart-actions{justify-content:space-between;align-items:center;padding:0;display:flex}.cart-actions-count{font-size:var(--font-size-sm);color:var(--color-muted)}.cart-item-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.cart-quantity-control{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);align-items:center;display:inline-flex;overflow:hidden}.qty-btn{width:34px;height:34px;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.qty-btn:active{background-color:var(--color-neutral-100)}.qty-value{text-align:center;min-width:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.cart-item-remove{width:34px;height:34px;color:var(--color-muted);font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast), background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.cart-item-remove:hover{color:var(--color-danger);background-color:var(--color-danger-light)}.cart-item-remove:active{background-color:var(--color-neutral-100)}.cart-item-subtotal{width:100%;margin-top:var(--space-1)}@media (width<=480px){.cart-item{padding:var(--space-3)}.cart-item-image{width:64px;height:64px}.cart-item-row{gap:var(--space-1)}.qty-btn,.cart-item-remove{width:32px;height:32px}}.cart-item-summary{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.checkout-form{gap:var(--space-4);flex-direction:column;display:flex}.form-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-4)}.form-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.form-group{margin-bottom:var(--space-3)}.form-group:last-child{margin-bottom:0}.form-row{gap:var(--space-3);display:flex}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.alert-error{background-color:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}.orders-list{gap:var(--space-3);flex-direction:column;display:flex}.order-card-link{color:inherit;text-decoration:none}.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast);overflow:hidden}.order-card:hover{box-shadow:var(--shadow-sm)}.product-section{gap:var(--space-3);padding:var(--space-3);display:flex}.product-image{border-radius:var(--radius-md);object-fit:cover;background-color:var(--color-neutral-100);flex-shrink:0;width:72px;height:72px}.product-details{justify-content:center;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.product-details h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.qty{font-size:var(--font-size-xs);color:var(--color-muted);margin:0}.product-details h2{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin:0}.status{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);width:fit-content;display:inline-flex}.status svg{width:12px;height:12px}.status.pending{background:var(--color-warning-light);color:var(--color-warning)}.status.packing{background:var(--color-info-light);color:var(--color-info)}.status.shipped{background:var(--color-primary-light);color:var(--color-primary)}.status.delivered{background:var(--color-success-light);color:var(--color-success)}.delivery-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);width:fit-content;display:inline-flex}.delivery-badge.delivered{background:var(--color-success-light);color:var(--color-success)}.delivery-badge.otp{background:var(--color-warning-light);color:var(--color-warning)}.divider{background:var(--color-border);height:1px;margin:0 var(--space-3)}.order-info{padding:var(--space-3);background:var(--color-background);justify-content:space-between;display:flex}.info-item label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);display:block}.info-item p{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}.action-section{padding:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.action-buttons{gap:var(--space-2);display:flex}.action-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.action-btn:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.action-btn.invoice-btn,.action-btn.track-btn{color:var(--color-primary);border-color:var(--color-primary)}.details-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex}.details-chevron{color:var(--color-muted);flex-shrink:0}.badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;display:inline-flex}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.order-details{gap:var(--space-4);flex-direction:column;display:flex}.order-details-actions{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.profile-page{gap:var(--space-4);flex-direction:column;display:flex}.profile-header{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);display:flex}.profile-avatar{border-radius:var(--radius-full);background-color:var(--color-primary-light);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar span{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.profile-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.profile-menu{gap:var(--space-2);flex-direction:column;display:flex}.profile-menu-item{padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.account-profile-card{padding:var(--space-4)}.account-profile-header{align-items:center;gap:var(--space-3);display:flex}.account-profile-info{flex:1;min-width:0}.account-menu-section{gap:var(--space-2);flex-direction:column;display:flex}.account-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-muted);padding:0 var(--space-1);text-transform:uppercase;letter-spacing:.06em;margin:0}.account-menu-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;gap:0;display:flex;overflow:hidden}.account-menu-item{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;width:100%;transition:background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;border-radius:0;display:flex}.account-menu-item:last-child{border-bottom:none}.account-menu-item:hover{background-color:var(--color-neutral-100)}.account-menu-item:active{background-color:var(--color-neutral-200)}.account-menu-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;font-size:1.125rem;line-height:1;display:inline-flex}.account-menu-label{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.account-menu-arrow{color:var(--color-muted);flex-shrink:0;width:18px;height:18px}.account-footer{align-items:center;gap:var(--space-2);padding:var(--space-4) 0;flex-direction:column;display:flex}.account-version,.account-copyright{font-size:var(--font-size-xs);color:var(--color-muted)}.order-success{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.order-success-icon{margin-bottom:var(--space-2);font-size:3rem}.order-success-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.order-success-message{font-size:var(--font-size-sm);color:var(--color-muted);max-width:320px;line-height:var(--line-height-relaxed)}.order-success-actions{gap:var(--space-3);width:100%;max-width:400px;margin-top:var(--space-4);flex-direction:column;display:flex}.conversations-list{gap:var(--space-3);flex-direction:column;display:flex}.conversation-card{align-items:center;gap:var(--space-3);padding:var(--space-4);color:inherit;text-decoration:none;display:flex}.conversation-avatar{border-radius:var(--radius-full);background-color:var(--color-primary-light);width:48px;height:48px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.conversation-details{gap:var(--space-1);flex-direction:column;display:flex}.conversation-shop{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.auth-page{min-height:100dvh;padding:var(--space-4);padding-top:calc(var(--space-6) + var(--safe-area-top));padding-bottom:var(--space-6);background-color:var(--color-background);justify-content:flex-start;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-sm);padding:var(--space-5)}.auth-card--login{max-width:400px}.auth-logo{margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.auth-logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.02em}.auth-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center;margin-bottom:var(--space-1)}.auth-title--sm{font-size:var(--font-size-lg);letter-spacing:.02em;color:var(--color-primary);margin-bottom:var(--space-1)}.auth-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center;margin-bottom:var(--space-1)}.auth-subtitle{font-size:var(--font-size-sm);color:var(--color-muted);text-align:center;margin-bottom:var(--space-5)}.auth-error{padding:var(--space-3);background-color:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);text-align:center}.auth-form{gap:var(--space-4);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-actions{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.auth-forgot{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--color-border);flex:1;height:1px}.auth-divider span{font-size:var(--font-size-xs);color:var(--color-muted);font-weight:var(--font-weight-medium);letter-spacing:.05em}.auth-footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-muted);margin-top:var(--space-4)}.auth-footer a{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.auth-google-btn{justify-content:center;align-items:center;gap:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-weight:var(--font-weight-medium);display:inline-flex}.auth-google-btn:hover:not(:disabled){background-color:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.auth-promo{border-radius:var(--radius-2xl);border:1px solid var(--color-border);width:100%;max-width:420px;overflow:hidden}.auth-promo-image{object-fit:cover;aspect-ratio:16/9;width:100%;height:auto;display:block}.field-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-1);display:block}.text-danger{color:var(--color-danger)}.password-field{align-items:center;display:flex;position:relative}.password-field .input{padding-right:var(--space-10)}.password-toggle{right:var(--space-3);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-muted);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.password-toggle:hover{color:var(--color-text)}.role-selector{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.role-option{cursor:pointer}.role-option input{opacity:0;width:0;height:0;position:absolute}.role-label{align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);display:flex}.role-option input:checked+.role-label{border-color:var(--color-primary);background-color:var(--color-primary-light)}.role-icon{flex-shrink:0;font-size:1.5rem}.role-text{gap:var(--space-1);text-align:left;flex-direction:column;display:flex}.role-text strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.role-text small{font-size:var(--font-size-xs);color:var(--color-muted)}.seller-fields{gap:var(--space-4);padding:var(--space-4);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex}.form-row{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=380px){.auth-card{padding:var(--space-4);border-radius:var(--radius-xl)}.auth-logo-text{font-size:var(--font-size-2xl)}.auth-title,.auth-heading{font-size:var(--font-size-xl)}}.search-filters{padding:0 var(--space-4) var(--space-3);align-items:center;gap:var(--space-2);display:flex}.search-filters .input{flex:1;min-width:0}@media (width<=480px){.search-filters{flex-direction:column;align-items:stretch}.search-filters .input{width:100%}}.search-results-count{padding:0 var(--space-4)}.empty-state-action{justify-content:center;display:flex}.home-topbar{justify-content:space-between;align-items:center;gap:var(--space-2);height:calc(var(--header-height) + var(--safe-area-top));padding:0 var(--space-4);padding-top:var(--safe-area-top);background-color:var(--color-frosted);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);box-sizing:border-box;display:flex;position:sticky;top:0}.location-btn{min-height:36px;padding:6px var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;align-items:center;gap:6px;max-width:62%;display:inline-flex;box-shadow:0 1px 4px #0b132b0d}.location-btn:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-primary-light)}.location-btn svg{color:var(--color-secondary);flex-shrink:0;width:16px;height:16px}.location-btn span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.location-btn:disabled{opacity:.6;cursor:default}.home-brand{background:linear-gradient(135deg,#0f52ba 0%,#4169e1 45%,#7851a9 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;flex-shrink:0;margin-left:auto;font-size:1.3rem;font-weight:800}.home-hero{padding:var(--space-3) var(--space-4);gap:var(--space-2);align-items:center;display:flex}.hero-search-bar{align-items:center;gap:var(--space-2);min-width:0;min-height:44px;padding:0 var(--space-4);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);text-align:left;-webkit-tap-highlight-color:transparent;flex:1;display:flex;box-shadow:0 2px 8px #0f52ba0f}.hero-search-bar:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f52ba26}.hero-search-bar svg{width:18px;height:18px;color:var(--color-primary);flex-shrink:0}.hero-search-bar span{min-width:0;font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hero-actions{gap:var(--space-2);flex-shrink:0;display:flex}.hero-action-btn{border-radius:var(--radius-full);background-color:var(--color-surface);border:1.5px solid var(--color-border);width:44px;height:44px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 2px 6px #0f52ba0f}.hero-action-btn svg{width:20px;height:20px}.hero-action-btn:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.hero-action-btn:active{transform:scale(.95)}.voice-search-overlay{background-color:var(--color-scrim);z-index:var(--z-modal);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.voice-search-card{background-color:var(--color-surface);padding:var(--space-8) var(--space-6);border-radius:var(--radius-2xl);text-align:center;width:100%;max-width:320px}.voice-pulse{border-radius:var(--radius-full);background-color:var(--color-primary);width:80px;height:80px;margin:0 auto var(--space-4);justify-content:center;align-items:center;animation:1.5s infinite voice-pulse;display:flex}@keyframes voice-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.voice-search-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.voice-search-subtitle{font-size:var(--font-size-sm);color:var(--color-muted)}.banner-section{padding:0 var(--space-4) var(--space-4)}.banner-slider{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.banner-slider::-webkit-scrollbar{display:none}.banner-slide{scroll-snap-align:start;border-radius:var(--radius-lg);color:#fff;flex:0 0 100%;justify-content:center;align-items:center;height:132px;display:flex;overflow:hidden}.banner-content{align-items:center;gap:var(--space-1);text-align:center;padding:var(--space-4);flex-direction:column;display:flex}.banner-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.banner-subtitle{font-size:var(--font-size-sm);opacity:.92}.banner-dots{justify-content:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.banner-dot{border-radius:var(--radius-full);background-color:var(--color-neutral-300);cursor:pointer;width:6px;height:6px;transition:all var(--transition-fast);border:none;padding:0}.banner-dot.active{background-color:var(--color-primary);width:20px}.camera-page{gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.camera-preview{aspect-ratio:4/3;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.camera-preview img{object-fit:cover;width:100%;height:100%}.camera-placeholder{align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:var(--font-size-sm);flex-direction:column;display:flex}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.camera-page-full .camera-page{background-color:#000;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.camera-page-full .camera-preview{background-color:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.camera-page-full .camera-video{object-fit:cover;width:100%;height:100%}.camera-page-full .camera-captured-image{object-fit:contain;width:100%;height:100%}.camera-page-full .camera-result{background-color:#000;flex-direction:column;flex:1;display:flex}.camera-page-full .camera-result .camera-preview{flex:1}.camera-page-full .camera-actions{gap:var(--space-3);padding:var(--space-4);background-color:#000c;display:flex}.camera-page-full .camera-error{color:#fff;padding:var(--space-6);border-radius:var(--radius-xl);text-align:center;z-index:50;max-width:320px;width:calc(100% - var(--space-8));background-color:#000c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-page-full .camera-error p{margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.camera-page-full .scan-frame{z-index:20;pointer-events:none;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-page-full .corner{filter:drop-shadow(0 0 8px #4d8dffcc);border:4px solid #4d8dff;width:50px;height:50px;position:absolute}.camera-page-full .top-left{border-bottom:none;border-right:none;border-radius:16px 0 0;top:0;left:0}.camera-page-full .top-right{border-bottom:none;border-left:none;border-radius:0 16px 0 0;top:0;right:0}.camera-page-full .bottom-left{border-top:none;border-right:none;border-radius:0 0 0 16px;bottom:0;left:0}.camera-page-full .bottom-right{border-top:none;border-left:none;border-radius:0 0 16px;bottom:0;right:0}.camera-page-full .scan-line{background:linear-gradient(90deg,#0000,#5ddcff,#0000);border-radius:10px;height:3px;animation:2.4s linear infinite scanner;position:absolute;left:30px;right:30px;box-shadow:0 0 18px #5ddcff}@keyframes scanner{0%{top:25px}50%{top:255px}to{top:25px}}.camera-page-full .camera-tip{background:var(--color-frosted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;width:calc(100% - 40px);max-width:360px;color:var(--color-camera-text);z-index:50;border-radius:16px;padding:12px 16px;font-size:13px;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.camera-page-full .camera-controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;background:#00000073;border-radius:30px;justify-content:space-between;align-items:center;width:calc(100% - 24px);max-width:400px;padding:14px 20px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.camera-page-full .control-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;width:64px;font-size:13px;transition:all .25s;display:flex}.camera-page-full .control-btn:disabled{opacity:.4;cursor:not-allowed}.camera-page-full .capture-btn{cursor:pointer;background:0 0;border:4px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:all .25s;display:flex}.camera-page-full .capture-btn:disabled{opacity:.4;cursor:not-allowed}.camera-page-full .capture-inner{color:#111;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:24px;display:flex}.camera-results-page{background:var(--color-background);color:var(--color-text)}.camera-results{gap:var(--space-4);flex-direction:column;display:flex}.camera-results-header{align-items:center;gap:var(--space-3);display:flex}.camera-results-thumb{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border);width:80px;height:80px}.camera-results-tag{font-size:var(--font-size-xs);border-radius:var(--radius-full);margin-left:auto;padding:4px 10px;font-weight:600}.camera-results-tag.found{background:var(--color-success-light);color:var(--color-success)}.camera-results-tag.scanned{background:var(--color-warning-light);color:var(--color-warning)}.camera-results-body{gap:var(--space-4);flex-direction:column;display:flex}.camera-results-ready{gap:var(--space-3);justify-content:center;display:flex}.camera-processing{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-muted);flex-direction:column;display:flex}.camera-processing-spinner{border:4px solid var(--color-border);border-top-color:var(--color-info);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite camera-spin}@keyframes camera-spin{to{transform:rotate(360deg)}}.camera-result-error{padding:var(--space-4);text-align:center;color:var(--color-danger);font-size:var(--font-size-sm)}.camera-result-actions{gap:var(--space-3);flex-direction:column;display:flex}.camera-ai-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4)}.camera-ai-card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-info);display:flex}.camera-ai-card-header h3{font-size:var(--font-size-base);margin:0}.camera-ai-name{font-size:var(--font-size-lg);margin-bottom:var(--space-2);font-weight:600}.camera-ai-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.camera-ai-fields{margin-bottom:var(--space-3);grid-template-columns:auto 1fr;gap:10px 12px;display:grid}.camera-ai-field-label{font-size:var(--font-size-xs);color:var(--color-muted)}.camera-ai-field-value{font-size:var(--font-size-sm);font-weight:500}.camera-confidence{align-items:center;gap:var(--space-2);display:flex}.camera-confidence-label{font-size:var(--font-size-xs);color:var(--color-muted)}.camera-confidence-track{background:var(--color-border);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.camera-confidence-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.camera-confidence-fill.camera-confidence-low{background:var(--color-danger)}.camera-confidence-fill.camera-confidence-med{background:var(--color-warning)}.camera-confidence-fill.camera-confidence-high{background:var(--color-success)}.camera-confidence-value{font-size:var(--font-size-xs);text-align:right;min-width:40px;font-weight:600}.camera-matched-product{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4)}.camera-matched-badge{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-success);margin-bottom:var(--space-3);font-weight:600;display:flex}.camera-matched-inner{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.camera-matched-image{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-background);flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.camera-matched-image img{object-fit:cover;width:100%;height:100%}.camera-matched-placeholder{color:var(--color-muted);font-size:var(--font-size-xs)}.camera-matched-details{flex:1;min-width:0}.camera-matched-name{font-size:var(--font-size-base);margin:0 0 2px;font-weight:600}.camera-matched-category{font-size:var(--font-size-sm);color:var(--color-muted);margin:0 0 4px}.camera-matched-price{font-size:var(--font-size-lg);color:var(--color-info);font-weight:600}.camera-no-match{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-muted);display:flex}.camera-related-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.camera-related-error{color:var(--color-danger);font-size:var(--font-size-sm);text-align:center}.sp-page{background:var(--color-background);width:100%;min-height:100vh;overflow-x:hidden}.sp-header{z-index:100;padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + var(--safe-area-top));background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.sp-search-box{background:var(--color-neutral-100);border-radius:var(--radius-full);width:100%;padding:0 var(--space-3);align-items:center;gap:var(--space-2);box-sizing:border-box;border:1px solid #0000;min-height:44px;display:flex}.sp-search-icon{color:var(--color-muted);flex-shrink:0;font-size:18px}.sp-search-input{width:0;min-width:0;font-size:var(--font-size-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:0}.sp-search-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.sp-camera-btn,.sp-mic-btn{border-radius:var(--radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.sp-camera-btn{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.sp-mic-btn{background:var(--color-primary);color:#fff}.sp-mic-btn.listening{background:var(--color-danger)}.sp-voice-wrapper{align-items:center;display:flex;position:relative}.sp-wave{gap:2px;display:flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.sp-wave span{background:var(--color-primary);border-radius:2px;width:3px;height:12px;animation:.8s infinite wave}.sp-wave span:nth-child(2){animation-delay:.1s}.sp-wave span:nth-child(3){animation-delay:.2s}.sp-wave span:nth-child(4){animation-delay:.3s}.sp-wave span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.3)}}.sp-recent{padding:0 var(--space-4) var(--space-4)}.sp-recent h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text-secondary)}.sp-recent-item{align-items:center;gap:var(--space-3);background:var(--color-surface);min-height:44px;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent;display:flex}.sp-recent-item:hover{border-color:var(--color-primary);background:var(--color-primary-50)}.settings-page{gap:var(--space-5);flex-direction:column;display:flex}.settings-header{justify-content:space-between;align-items:center;gap:var(--space-3);height:calc(var(--header-height) + var(--safe-area-top));padding:0 var(--space-4);padding-top:var(--safe-area-top);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);box-sizing:border-box;display:flex;position:sticky;top:0}.settings-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);flex:1;margin:0}.settings-section{gap:var(--space-3);flex-direction:column;display:flex}.settings-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-muted);padding:0 var(--space-1);text-transform:uppercase;letter-spacing:.06em;margin:0}.settings-section-description{font-size:var(--font-size-sm);color:var(--color-muted);padding:0 var(--space-1);line-height:var(--line-height-relaxed)}.theme-options{gap:var(--space-3);flex-direction:column;padding:0;display:flex}.theme-option{align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);text-align:left;cursor:pointer;width:100%;transition:all var(--transition-fast);display:flex}.theme-option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.theme-option--selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.theme-option-icon{border-radius:var(--radius-full);background-color:var(--color-background);width:48px;height:48px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-option-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.theme-option-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.theme-option-description{font-size:var(--font-size-sm);color:var(--color-muted)}.theme-option-check{border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.shop-highlighted-product{border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-2);background-color:var(--color-primary-light)}.product-card-map{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-primary);border:1px solid var(--color-border);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;justify-content:center;align-items:center;display:flex}.product-card-map:hover{color:var(--color-primary-dark);background-color:#fff}.sp-recent-item svg{color:var(--color-muted);flex-shrink:0}.sp-grid{gap:var(--space-3);padding:0 var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sp-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.sp-image-wrapper{position:relative}.sp-image{aspect-ratio:1;object-fit:contain;width:100%;padding:var(--space-3);background:var(--color-background)}.sp-favorite-btn{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);background:var(--color-surface);width:34px;height:34px;box-shadow:var(--shadow-sm);border:none;border:1px solid var(--color-border);justify-content:center;align-items:center;display:flex;position:absolute}.sp-title{padding:var(--space-2) var(--space-3) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sp-brand{padding:0 var(--space-3);font-size:var(--font-size-xs);color:var(--color-muted)}.sp-price{padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary)}.sp-pagination{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-3);display:flex}.sp-page-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);min-height:42px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;border:none;flex:1}.sp-page-btn:hover:not(:disabled){background:var(--color-primary-dark)}.sp-page-btn:disabled{opacity:.45;cursor:not-allowed}.sp-page-number{white-space:nowrap;font-size:var(--font-size-sm);color:var(--color-muted)}@media (width<=480px){.sp-search-box{padding:0 var(--space-2)}.sp-search-input{font-size:var(--font-size-sm)}.sp-camera-btn,.sp-mic-btn{width:36px;height:36px}.sp-pagination{flex-direction:column}.sp-page-btn{width:100%}}.shop-page{min-width:0;padding-bottom:calc(96px + var(--bottom-nav-total));flex-direction:column;display:flex}.shop-header{padding:var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.shop-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.shop-header-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.shop-header-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.shop-products{padding:var(--space-4)}.shop-products-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.shop-products .product-grid>div{flex-direction:column;min-width:0;display:flex}.shop-highlighted-product .product-card{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary);border-radius:var(--radius-xl)}.shop-chat-fab{will-change:transform}.settings-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);margin:0 var(--space-4)}.settings-card h3{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.settings-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;width:100%;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.settings-item:hover{background-color:var(--color-background)}.settings-item:disabled{opacity:.6;cursor:not-allowed}.settings-item-label{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.settings-item-subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-muted)}.fcm-token-button{background-color:var(--color-primary-light)!important;color:var(--color-primary)!important}.fcm-token-button:hover:not(:disabled){background-color:var(--color-primary)!important;color:#fff!important}.fcm-token-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.deletion-button{color:var(--color-danger);border-left:3px solid var(--color-danger)}.deletion-button:hover:not(:disabled){background-color:var(--color-danger-light)}.deletion-button.variant-pending{color:var(--color-warning);border-left-color:var(--color-warning)}.deletion-button.variant-pending:hover:not(:disabled){background-color:var(--color-warning-light)}.deletion-button.variant-approved{color:var(--color-success);border-left-color:var(--color-success)}.deletion-button.variant-rejected{color:var(--color-danger);border-left-color:var(--color-danger)}.deletion-button.variant-rejected:hover:not(:disabled){background-color:var(--color-danger-light)}.deletion-button.variant-completed{color:var(--color-text-secondary);border-left-color:var(--color-border)}.deletion-note{margin:var(--space-3) var(--space-4) 0;font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--line-height-relaxed)}.fcm-debug-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.fcm-debug-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:80vh;animation:.3s ease-out sheet-slide-up;overflow-y:auto}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fcm-debug-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);z-index:1;background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.fcm-debug-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.fcm-debug-close{background:var(--color-background);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--color-text);border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.fcm-debug-close:hover{background:var(--color-border)}.fcm-debug-body{padding:var(--space-5)}.fcm-debug-loading,.fcm-debug-error,.fcm-debug-success{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.fcm-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.fcm-debug-error p,.fcm-debug-loading p{font-size:var(--font-size-base);color:var(--color-text);margin:0}.fcm-error-hint{max-width:280px;font-size:var(--font-size-sm)!important;color:var(--color-muted)!important}.fcm-token-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0}.fcm-token-container{align-items:center;gap:var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;padding:var(--space-3);display:flex}.fcm-token-text{font-size:var(--font-size-xs);color:var(--color-text);word-break:break-all;flex:1;font-family:monospace;overflow-x:auto}.fcm-copy-btn{background:var(--color-primary);border-radius:var(--radius-full);color:#fff;cursor:pointer;width:36px;height:36px;transition:background var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fcm-copy-btn:hover{background:var(--color-primary-dark)}.fcm-token-hint{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-muted);max-width:280px}.fcm-debug-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);z-index:1;background:#fff;position:sticky;bottom:0}.fcm-debug-done{width:100%;padding:var(--space-3);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;border:none}.fcm-debug-done:hover{background:var(--color-primary-dark)}.addresses-page,.faq-page,.contact-page,.deletion-page,.tab-notifications-page,.royal-chat-container,.royal-active-chat-wrapper,.forgot-page,.reset-page,.spqr-page,.seller-packaging-qr-page,.seller-disputes-page{color:var(--color-text);min-height:100dvh;background-color:var(--color-background)!important}.addresses-header,.faq-nav-header,.contact-nav-header,.deletion-nav-header,.tab-header,.royal-chat-list-header,.sheet-header,.drawer-header,.spqr-header,.spqr-modal-header,.disputes-header{-webkit-backdrop-filter:blur(16px);color:var(--color-text);background-color:var(--color-header-bg)!important;border-bottom:1px solid var(--color-border)!important}.addresses-header h2,.faq-nav-title,.contact-nav-title,.deletion-nav-title,.tab-header h2,.chat-list-title,.sheet-header h3,.drawer-header h3,.spqr-header-title h2,.spqr-modal-header h3,.disputes-header h2{color:var(--color-text)!important}.addresses-header .back-button,.faq-nav-back,.contact-nav-back,.deletion-nav-back,.action-circle-btn,.back-btn1,.close-sheet,.drawer-close-btn,.spqr-back-btn,.spqr-modal-close,.create-dispute-close{transition:all var(--transition-fast);background-color:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important}.addresses-header .back-button:hover,.faq-nav-back:hover,.contact-nav-back:hover,.deletion-nav-back:hover,.action-circle-btn:hover,.back-btn1:hover,.close-sheet:hover,.drawer-close-btn:hover,.spqr-back-btn:hover,.spqr-modal-close:hover,.create-dispute-close:hover{background-color:var(--color-neutral-100)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}.empty-addresses-card,.address-card,.tab-notification-card,.faq-accordion-item,.faq-support-banner,.faq-empty-state,.contact-channel-item,.contact-form-section,.contact-success-card,.deletion-card,.chat-conversation-card,.help-card,.forgot-container,.delete-modal,.address-sheet,.drawer-panel,.qr-card,.dispute-card,.create-dispute-modal,.spqr-order-card,.spqr-history-card,.spqr-modal,.spqr-packing-section{background-color:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important}.empty-addresses-card h3,.address-card-name,.card-title,.faq-question-text,.support-banner-text h4,.channel-value,.form-card-header h3,.contact-success-card h2,.deletion-card h3,.chat-card-name,.delete-modal h3,.toggle-title,.help-card h4,.forgot-container h1{color:var(--color-text)!important}.empty-addresses-card p,.address-card-phone,.card-time,.faq-accordion-body p,.support-banner-text p,.channel-label,.form-card-header p,.contact-success-card p,.deletion-card p,.chat-card-snippet,.chat-card-time,.delete-modal p,.toggle-description,.help-card li,.subtitle,.tab-status-card{color:var(--color-muted)!important}.address-card-text,.card-message,.contact-input-field label,.input-group label,.checkbox-label{color:var(--color-text-secondary)!important}.faq-search-box,.chat-search-box input,.contact-input-field input,.contact-input-field textarea,.input-group input,.input-wrapper,.input-wrapper input{background-color:var(--color-input-bg)!important;border-color:var(--color-input-border)!important;color:var(--color-text)!important}.faq-search-box input{color:var(--color-text)!important;background:0 0!important}.faq-search-box input::placeholder,.chat-search-box input::placeholder,.contact-input-field input::placeholder,.contact-input-field textarea::placeholder,.input-group input::placeholder,.input-wrapper input::placeholder{color:var(--color-muted)!important}.faq-search-box:focus-within,.chat-search-box input:focus,.contact-input-field input:focus,.contact-input-field textarea:focus,.input-group input:focus,.input-wrapper:focus-within{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #0f52ba2e!important}.tab-pill-bar,.faq-category-pills{border-bottom:1px solid var(--color-border);background-color:var(--color-surface)!important}.category-pill,.tab-pill,.type-buttons button{transition:all var(--transition-fast);background-color:var(--color-pill-bg)!important;border:1px solid var(--color-pill-border)!important;color:var(--color-pill-text)!important}.category-pill:hover,.tab-pill:hover,.type-buttons button:hover{background-color:var(--color-neutral-100)!important;color:var(--color-text)!important}.category-pill.active,.tab-pill--active,.type-buttons button.active{background:var(--gradient-royal-primary,#0f52ba)!important;color:#fff!important;border-color:#0000!important}.address-actions,.faq-accordion-body,.form-card-header,.drawer-toggle-row{border-color:var(--color-border)!important}.address-actions button{background-color:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}.address-actions button:hover{background-color:var(--color-neutral-100)!important}.cancel-btn{background-color:var(--color-neutral-200)!important;color:var(--color-text)!important}.tab-notification-card.unread{border-left:3px solid var(--color-primary)!important}.status-chip{background-color:var(--color-neutral-100)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important}.search-clear-btn{background-color:var(--color-neutral-200)!important;color:var(--color-text)!important}html.dark .empty-addresses-icon-wrap,[data-theme=dark] .empty-addresses-icon-wrap,html.dark .support-banner-icon,[data-theme=dark] .support-banner-icon,html.dark .channel-phone,[data-theme=dark] .channel-phone,html.dark .success-icon-badge,[data-theme=dark] .success-icon-badge{color:#34d399!important;background-color:#10b98126!important}html.dark .channel-email,[data-theme=dark] .channel-email{color:#60a5fa!important;background-color:#4169e12e!important}html.dark .channel-clock,[data-theme=dark] .channel-clock{color:#fbbf24!important;background-color:#f59e0b2e!important}html.dark .address-type,[data-theme=dark] .address-type{color:#93c5fd!important;background-color:#0f52ba33!important}html.dark .default-badge,[data-theme=dark] .default-badge{color:#6ee7b7!important;background-color:#10b98133!important}html.dark .faq-badge,[data-theme=dark] .faq-badge{color:#93c5fd!important;background-color:#0f52ba33!important}html.dark .location-btn,html.dark .map-btn,[data-theme=dark] .location-btn,[data-theme=dark] .map-btn{background-color:var(--color-surface-secondary)!important;border-color:var(--color-border)!important;color:#60a5fa!important}.spqr-tabs,.orders-filter-bar{background:var(--color-surface)!important}.spqr-tab{color:var(--color-muted)!important}.spqr-tab.active{background:var(--color-primary)!important;color:#fff!important}.spqr-date-input,.spqr-select,.spqr-clear-filter{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}html.dark .spqr-tab.active,[data-theme=dark] .spqr-tab.active{background:var(--color-primary)!important;color:#fff!important}