@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";.form-textarea{height:auto!important}.css-hlgwow{padding:6px 8px!important}.css-13cymwt-control{border:1px solid #dee2e6!important}.rmdp-shadow{box-shadow:none!important}.rmdp-range{background-color:#0074d9!important;box-shadow:none!important}.rmdp-day span:hover{background-color:#0074d9c9!important}.rmdp-day.rmdp-today span{background-color:#99999952!important}.css-hlgwow{padding-left:24px!important}.item-icon{background-color:#f9f9fb;border-radius:.5rem;display:flex;align-items:center;justify-content:center;height:2.3rem;color:#3d445c;width:2.3rem}.delivery-timeline{display:flex;flex-direction:column;gap:2rem;position:relative;padding-left:20px}.timeline-item{display:flex;align-items:flex-start;position:relative}.timeline-marker{position:absolute;left:0;width:12px;height:12px;border:2px solid;background:#fff}.timeline-marker.start{position:relative;width:14px;height:14px;background:orange;border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:2px}.timeline-marker.start:after{content:"";position:absolute;top:3px;left:3.5px;width:3px;height:3px;background:#000;border-radius:50%}.timeline-marker.end{position:relative;width:14px;height:14px;background:teal;border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:2px}.timeline-marker.end:after{content:"";position:absolute;top:3px;left:3.5px;width:3px;height:3px;background:#000;border-radius:50%}.timeline-item:not(:last-child):after{content:"";position:absolute;left:5px;top:15px;width:0;height:calc(100% + 1.5rem);border-left:1.5px dashed #999}.timeline-content{margin-left:25px}.label_setting{height:70px;justify-content:center;font-size:14px;font-weight:700;padding:15px;cursor:pointer}:root{--primary:#4d194d;--primary-l:#6b2c6b;--primary-light:#6b2c6b;--primary-xl:#f5eaf5;--primary-xlight:#f5eaf5;--primary-2xl:#fbf5fb;--secondary:#da627d;--secondary-l:#f0a0b2;--secondary-light:#f0a0b2;--secondary-xl:rgba(218,98,125,.08);--success:#22c55e;--success-bg:rgba(34,197,94,.1);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.1);--danger:#ef4444;--danger-bg:rgba(239,68,68,.1);--info:#3b82f6;--info-bg:rgba(59,130,246,.1);--bg:#f4f0f4;--surface:#fff;--surface2:#faf7fa;--border:#e8dce8;--border-l:#f1eaf1;--text:#1e0e1e;--text-m:#7a6a7a;--text-muted:#7a6a7a;--text-l:#b0a0b0;--shadow-xs:0 1px 2px rgba(77,25,77,.06);--shadow-sm:0 2px 8px rgba(77,25,77,.08);--shadow:0 4px 20px rgba(77,25,77,.1);--shadow-lg:0 12px 40px rgba(77,25,77,.14);--r:12px;--r-sm:8px;--r-xs:6px;--sidebar-w:72px;--topbar-h:62px;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--transition:.22s cubic-bezier(.4,0,.2,1);--accent:#c77dff;--dark:#1a0d1a;--text-light:#b8a8b8;--bg:#f8f4f8;--surface:#ffffff;--surface2:#fdf8fd;--border:#ede0ed;--border-light:#f4ecf4;--success:#2d9d78;--warning:#e8a020;--danger:#d64045;--shadow-sm:0 1px 3px rgba(77,25,77,.06), 0 1px 2px rgba(77,25,77,.04);--shadow:0 4px 16px rgba(77,25,77,.08), 0 1px 4px rgba(77,25,77,.05);--shadow-lg:0 12px 40px rgba(77,25,77,.12), 0 4px 12px rgba(77,25,77,.06);--radius:16px;--radius-sm:10px;--radius-xs:6px;--text:#2d1f2d;--success:#16a34a;--success-l:#22c55e;--success-bg:rgba(22,163,74,.1);--success-border:rgba(22,163,74,.2);--danger:#dc2626;--danger-l:#ef4444;--danger-bg:rgba(220,38,38,.09);--danger-border:rgba(220,38,38,.2);--warning:#d97706;--warning-l:#f59e0b;--warning-bg:rgba(217,119,6,.1);--warning-border:rgba(217,119,6,.2);--info:#2563eb;--info-l:#3b82f6;--info-bg:rgba(37,99,235,.09);--teal:#0d9488;--teal-bg:rgba(13,148,136,.1);--surface3:#f6f0f6;--border-l:#f0eaf0;--text:#1a0a1a;--text-m:#7a6070;--text-l:#b8a8b8;--shadow-xs:0 1px 3px rgba(77,25,77,.06);--shadow-sm:0 2px 10px rgba(77,25,77,.08);--shadow:0 6px 28px rgba(77,25,77,.11);--shadow-lg:0 18px 52px rgba(77,25,77,.15);--r:14px;--r-sm:10px;--font-d:"Syne",sans-serif;--font-b:"DM Sans",sans-serif;--ease:.22s cubic-bezier(.4,0,.2,1)}.main{margin-left:72px;padding-top:64px;min-height:100vh}.page-content{max-width:1100px;margin:0 auto;padding:32px 28px 60px}.profile-header-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow);overflow:hidden;margin-bottom:24px;position:relative}.profile-banner{height:110px;background:linear-gradient(135deg,var(--primary) 0%,#6b2c6b 40%,var(--secondary) 100%);position:relative;overflow:hidden}.profile-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.06) 0%,transparent 40%)}.banner-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.025) 20px,rgba(255,255,255,.025) 21px)}.profile-header-body{padding:0 28px 24px;display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.company-logo-wrap{width:80px;height:80px;border-radius:18px;background:var(--surface);border:3px solid var(--surface);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;margin-top:-40px;position:relative;z-index:2;flex-shrink:0;overflow:hidden}.company-logo-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:800;font-family:Syne,sans-serif;border-radius:16px;letter-spacing:-1px}.profile-info{flex:1;padding-top:8px;min-width:200px}.profile-company-name{font-family:Syne,sans-serif;font-size:22px;font-weight:700;color:var(--dark);letter-spacing:-.5px;line-height:1.2}.profile-tagline{color:var(--text-muted);font-size:13px;margin-top:4px}.profile-meta{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px}.status-badge.active{background:#2d9d781a;color:var(--success);border:1px solid rgba(45,157,120,.2)}.status-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.profile-since{font-size:12px;color:var(--text-muted)}.profile-actions{display:flex;align-items:center;gap:10px;margin-left:auto;padding-top:8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-family:DM Sans,sans-serif;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 12px #4d194d4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4d194d59}.btn-outline:hover{background:var(--primary-xlight);border-color:var(--primary)}.section-nav{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border-light);border-radius:12px;padding:4px;margin-bottom:24px;overflow-x:auto;box-shadow:var(--shadow-sm)}.section-nav::-webkit-scrollbar{display:none}.snav-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .2s}.snav-item:hover{color:var(--primary);background:var(--primary-xlight)}.snav-item.active{background:var(--primary);color:#fff;font-weight:600}.snav-item i{font-size:12px}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.cards-grid.full{grid-template-columns:1fr}.section-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .2s}.section-card:hover{box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--border-light)}.card-header-left{display:flex;align-items:center;gap:12px}.card-icon{width:36px;height:36px;border-radius:10px;background:var(--primary-xlight);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:15px}.card-icon.secondary{background:#da627d1a;color:var(--secondary)}.card-icon.success{background:#2d9d781a;color:var(--success)}.card-icon.warning{background:#e8a0201a;color:var(--warning)}.card-title{font-family:Syne,sans-serif;font-size:14px;font-weight:700;color:var(--dark);letter-spacing:-.2px}.card-subtitle{font-size:11px;color:var(--text-muted);margin-top:1px}.card-action{font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;padding:5px 12px;border-radius:8px;border:1.5px solid var(--border);transition:all .2s;background:transparent}.card-action:hover{background:var(--primary-xlight);border-color:var(--primary)}.card-body{padding:20px 22px}.info-row{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border-light);gap:12px}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row:first-child{padding-top:0}.info-label{font-size:12px;color:var(--text-muted);font-weight:500;flex:0 0 140px;padding-top:1px}.info-value{font-size:13px;color:var(--text);font-weight:500;flex:1}.info-value.mono{font-family:DM Mono,monospace;letter-spacing:.5px}.info-value .masked{letter-spacing:3px;color:var(--text-muted)}.info-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600}.info-badge.verified{background:#2d9d781a;color:var(--success)}.info-badge.pending{background:#e8a0201a;color:var(--warning)}.info-badge.rejected{background:#d640451a;color:var(--danger)}.kyc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kyc-card{border:1.5px dashed var(--border);border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface2)}.kyc-card:hover{border-color:var(--primary);background:var(--primary-xlight)}.kyc-card.verified-card{border-style:solid;border-color:#2d9d784d;background:#2d9d780a}.kyc-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:20px}.kyc-icon.gst{background:#4d194d1a;color:var(--primary)}.kyc-icon.pan{background:#da627d1a;color:var(--secondary)}.kyc-icon.aadhaar{background:#2d9d781a;color:var(--success)}.kyc-label{font-size:12px;font-weight:600;color:var(--text);margin-bottom:6px}.kyc-status-row{display:flex;align-items:center;justify-content:center;gap:6px}.kyc-file{font-size:11px;color:var(--text-muted);margin-bottom:8px}.toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}.toggle-wrap:last-child{border-bottom:none}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:13px;font-weight:600;color:var(--text)}.toggle-desc{font-size:11px;color:var(--text-muted)}.toggle{position:relative;width:44px;height:24px;cursor:pointer;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:24px;transition:.3s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 4px #0003}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle.on .toggle-slider{background:var(--secondary)}.api-key-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.api-key-value{font-size:12px;color:var(--text-muted);font-family:Courier New,monospace;letter-spacing:.5px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:30px;height:30px;border-radius:8px;background:var(--primary-xlight);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:12px;transition:all .2s;flex-shrink:0}.icon-btn:hover{background:var(--primary);color:#fff}.security-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-light)}.security-item:last-child{border-bottom:none}.security-icon{width:38px;height:38px;border-radius:10px;background:var(--primary-xlight);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:15px;flex-shrink:0}.security-info{flex:1}.security-title{font-size:13px;font-weight:600;color:var(--text)}.security-desc{font-size:11px;color:var(--text-muted);margin-top:2px}.activity-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--success);flex-shrink:0}.activity-dot.old{background:var(--text-light)}.activity-info{flex:1}.activity-device{font-size:12px;font-weight:600;color:var(--text)}.activity-meta{font-size:11px;color:var(--text-muted);margin-top:1px}.activity-time{font-size:11px;color:var(--text-muted);text-align:right}.support-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.support-option{padding:16px;border:1.5px solid var(--border);border-radius:12px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface2)}.support-option:hover{border-color:var(--primary);background:var(--primary-xlight);transform:translateY(-2px);box-shadow:var(--shadow)}.support-option-icon{font-size:22px;margin-bottom:8px}.support-option-label{font-size:12px;font-weight:600;color:var(--text)}.support-option-sub{font-size:11px;color:var(--text-muted);margin-top:3px}.select-styled{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237a6a7a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:1.5px solid var(--border);border-radius:8px;padding:8px 32px 8px 12px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text);cursor:pointer;width:100%;transition:border-color .2s}.select-styled:focus{outline:none;border-color:var(--primary)}.completion-wrap{margin-bottom:20px}.completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.completion-label{font-size:12px;font-weight:600;color:var(--text-muted)}.completion-pct{font-size:13px;font-weight:700;color:var(--primary);font-family:Syne,sans-serif}.progress-bar{height:6px;background:var(--border);border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:6px;width:78%;position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:-3px;width:12px;height:12px;background:var(--secondary);border-radius:50%;border:2px solid var(--surface);box-shadow:var(--shadow-sm)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-sm);transition:all .2s}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stat-label{font-size:11px;color:var(--text-muted);font-weight:500;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:22px;font-weight:800;color:var(--dark);font-family:Syne,sans-serif;letter-spacing:-1px}.stat-sub{font-size:11px;color:var(--text-muted);margin-top:3px}.stat-trend{font-size:11px;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:3px}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--danger)}.notif-category{margin-bottom:20px}.notif-category-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px}.divider{height:1px;background:var(--border-light);margin:16px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.form-input{padding:9px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text);background:var(--surface2);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.help-strip{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 60%,var(--secondary) 100%);border-radius:var(--radius);padding:24px 28px;display:flex;align-items:center;gap:20px;color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;margin-bottom:20px}.help-strip:before{content:"";position:absolute;top:-30px;right:-30px;width:160px;height:160px;border-radius:50%;background:#ffffff14}.help-strip:after{content:"";position:absolute;bottom:-40px;right:100px;width:100px;height:100px;border-radius:50%;background:#ffffff0d}.help-icon{font-size:32px;flex-shrink:0}.help-content{flex:1}.help-title{font-family:Syne,sans-serif;font-size:16px;font-weight:700;margin-bottom:4px}.help-desc{font-size:13px;opacity:.8}.btn-white{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 4px 12px #00000026}.btn-white:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0003}@media (max-width:900px){.cards-grid{grid-template-columns:1fr}.stats-row,.kyc-grid{grid-template-columns:1fr 1fr}.support-options{grid-template-columns:1fr}}@media (max-width:680px){.sidebar{display:none}.main{margin-left:0}.topbar{left:0}.stats-row{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.profile-actions{width:100%}.kyc-grid{grid-template-columns:1fr}.info-label{flex:0 0 100px}.page-content{padding:20px 16px 40px}}.wallet-strip{display:flex;align-items:center;gap:0;background:var(--surface2);border:1.5px solid var(--border-l, var(--border-light, var(--border)));border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xs, var(--shadow-sm));transition:all .2s}.wallet-strip:hover{box-shadow:var(--shadow, var(--shadow))}.wallet-bal{display:flex;align-items:center;gap:8px;padding:6px 14px;border-right:1px solid var(--border-l, var(--border-light, var(--border)));cursor:default}.wallet-bal-icon{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-l,var(--primary-light,#6b2c6b)));display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;box-shadow:0 2px 8px #4d194d47;flex-shrink:0}.wallet-bal-info{display:flex;flex-direction:column;gap:0}.wallet-bal-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-m,var(--text-muted));line-height:1.2}.wallet-bal-amount{font-family:var(--font-display,"Syne",sans-serif);font-size:14px;font-weight:800;color:var(--text);letter-spacing:-.5px;line-height:1.2}.wallet-recharge-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,var(--secondary),#c04060);color:#fff;font-size:12px;font-weight:700;cursor:pointer;border:none;font-family:var(--font-body,"DM Sans",sans-serif);transition:all .2s;white-space:nowrap}.wallet-recharge-btn:hover{background:linear-gradient(135deg,#c04060,var(--secondary));filter:brightness(1.08)}.wallet-recharge-btn i{font-size:11px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0a040e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .28s cubic-bezier(.4,0,.2,1)}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{background:var(--surface);border:1px solid var(--border-l,var(--border-light,var(--border)));border-radius:20px;width:460px;max-width:calc(100vw - 32px);box-shadow:0 24px 80px #4d194d38,0 4px 20px #4d194d1f;overflow:hidden;transform:translateY(22px) scale(.97);transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .28s;opacity:0}.modal-overlay.open .modal-box{transform:translateY(0) scale(1);opacity:1}.modal-header{background:linear-gradient(135deg,var(--primary) 0%,#6b2c6b 50%,var(--secondary) 100%);padding:20px 22px 0;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 60%,rgba(255,255,255,.1) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(255,255,255,.07) 0%,transparent 40%);pointer-events:none}.modal-header-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(255,255,255,.03) 18px,rgba(255,255,255,.03) 19px);pointer-events:none}.modal-close{position:absolute;top:14px;right:16px;width:30px;height:30px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;cursor:pointer;transition:all .2s;z-index:2}.modal-close:hover{background:#ffffff38}.modal-header-top{display:flex;align-items:center;gap:12px;margin-bottom:18px;position:relative;z-index:1}.modal-wallet-icon{width:44px;height:44px;border-radius:14px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 14px #00000026}.modal-header-title{color:#fff}.modal-header-title h3{font-family:var(--font-display,"Syne",sans-serif);font-size:17px;font-weight:800;line-height:1.2;letter-spacing:-.3px}.modal-header-title p{font-size:12px;opacity:.75;margin-top:2px}.modal-balance-card{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:12px 12px 0 0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.modal-bal-left{display:flex;flex-direction:column;gap:2px}.modal-bal-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff9}.modal-bal-amount{font-family:var(--font-display,"Syne",sans-serif);font-size:28px;font-weight:800;color:#fff;letter-spacing:-1.5px;line-height:1}.modal-bal-sub{font-size:11px;color:#ffffff8c;margin-top:3px}.modal-bal-badge{display:flex;align-items:center;gap:5px;background:#22c55e33;border:1px solid rgba(34,197,94,.35);color:#4ade80;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700}.modal-body{padding:20px 22px}.quick-amounts-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-m,var(--text-muted));margin-bottom:10px}.qa-chip.selected{border-color:var(--primary);background:var(--primary-xl,var(--primary-xlight,#f5eaf5));box-shadow:0 0 0 3px #4d194d1a}.qa-chip-amt{font-family:var(--font-display,"Syne",sans-serif);font-size:14px;font-weight:800;color:var(--text);letter-spacing:-.5px}.custom-amount-wrap{margin-bottom:18px}.custom-amount-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-m,var(--text-muted));margin-bottom:8px}.custom-amount-input-wrap{display:flex;align-items:center;background:var(--surface2,#fdf8fd);border:1.5px solid var(--border-l,var(--border-light,var(--border)));border-radius:10px;overflow:hidden;transition:border-color .2s}.custom-amount-input-wrap:focus-within{border-color:var(--primary)}.custom-amount-prefix{padding:10px 14px;font-size:16px;font-weight:700;color:var(--text-m,var(--text-muted));border-right:1px solid var(--border-l,var(--border-light,var(--border)));font-family:var(--font-display,"Syne",sans-serif)}.custom-amount-input{flex:1;padding:10px 14px;border:none;background:transparent;font-family:var(--font-display,"Syne",sans-serif);font-size:18px;font-weight:800;color:var(--text);outline:none;letter-spacing:-.5px}.custom-amount-input::placeholder{font-size:14px;font-weight:400;letter-spacing:0;color:var(--text-l,var(--text-light))}.payment-methods-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-m,var(--text-muted));margin-bottom:10px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.pm-option{padding:10px 8px;border-radius:10px;background:var(--surface2,#fdf8fd);border:1.5px solid var(--border-l,var(--border-light,var(--border)));text-align:center;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:5px}.pm-option:hover{border-color:var(--primary);background:var(--primary-xl,var(--primary-xlight,#f5eaf5))}.pm-option.selected{border-color:var(--primary);background:var(--primary-xl,var(--primary-xlight,#f5eaf5));box-shadow:0 0 0 3px #4d194d1a}.pm-icon{font-size:20px;line-height:1}.pm-label{font-size:11px;font-weight:600;color:var(--text)}.pm-sub{font-size:10px;color:var(--text-m,var(--text-muted))}.offer-strip{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#22c55e14,#22c55e0a);border:1px solid rgba(34,197,94,.2);border-radius:10px;padding:10px 14px;margin-bottom:18px}.offer-strip i{color:var(--success,#22c55e);font-size:14px;flex-shrink:0}.offer-strip-text{font-size:12px;color:var(--text);flex:1}.offer-strip-text strong{color:var(--success,#22c55e)}.modal-footer{padding:0 22px 20px;display:flex;flex-direction:column;gap:10px}.recharge-submit-btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--primary),var(--primary-l,var(--primary-light,#6b2c6b)));color:#fff;border:none;border-radius:12px;font-family:var(--font-display,"Syne",sans-serif);font-size:14px;font-weight:800;letter-spacing:-.3px;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px #4d194d4d;display:flex;align-items:center;justify-content:center;gap:8px}.recharge-submit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #4d194d61}.recharge-submit-btn:active{transform:translateY(0)}.modal-footer-note{text-align:center;font-size:11px;color:var(--text-l,var(--text-light));display:flex;align-items:center;justify-content:center;gap:5px}.modal-footer-note i{font-size:10px}.topbar-sep{width:1px;height:24px;background:var(--border-l, var(--border-light, var(--border)));flex-shrink:0}.topbar{flex-wrap:nowrap;overflow:visible}.tb-right{flex-shrink:0;flex-wrap:nowrap;overflow:visible}.topbar-right{flex-shrink:0;flex-wrap:nowrap}@media (max-width:1100px){.quick-actions .btn-ghost,.quick-actions .btn-outline{display:none}}@media (max-width:900px){.quick-actions,.topbar-sep{display:none}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.5px;line-height:1.2}.page-sub{font-size:13px;color:var(--text-m);margin-top:3px}.referral-hero{background:linear-gradient(135deg,var(--primary) 0%,#6b2c6b 45%,var(--secondary) 100%);border-radius:var(--r);padding:32px 36px;margin-bottom:22px;position:relative;overflow:hidden;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.referral-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:#ffffff12}.referral-hero:after{content:"";position:absolute;bottom:-60px;right:200px;width:160px;height:160px;border-radius:50%;background:#ffffff0a}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 24px,rgba(255,255,255,.025) 24px,rgba(255,255,255,.025) 25px);pointer-events:none}.hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.hero-left{flex:1;position:relative;z-index:1;min-width:260px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px}.hero-title{font-size:18px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.2;margin-bottom:8px}.hero-desc{font-size:13px;color:#ffffffc7;line-height:1.7;max-width:420px}.hero-stats{display:flex;gap:28px;margin-top:20px;flex-wrap:wrap}.hero-stat-item{display:flex;flex-direction:column;gap:2px}.hero-stat-val{font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.hero-stat-label{font-size:11px;color:#fff9;font-weight:500}.hero-right{position:relative;z-index:1;flex-shrink:0}.referral-url-card{background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:20px 22px;min-width:320px}.ruc-label{font-size:11px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.ruc-url-wrap{display:flex;align-items:center;gap:8px;background:#0003;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 14px;margin-bottom:14px}.ruc-url{font-size:12px;color:#fff;font-family:"DM Mono",monospace,var(--font-body);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px}.ruc-copy-btn{width:30px;height:30px;border-radius:8px;background:#fff3;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:12px;transition:all .2s;flex-shrink:0}.ruc-copy-btn:hover{background:#ffffff59}.ruc-actions{display:flex;gap:8px}.ruc-share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;border:none;font-family:var(--font-body);transition:all .2s;background:#fff;color:var(--primary)}.ruc-share-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.ruc-share-btn.ghost{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25)}.ruc-share-btn.ghost:hover{background:#ffffff40}.ruc-qr{display:flex;align-items:center;justify-content:center;margin-top:12px}.ruc-qr-text{font-size:11px;color:#ffffff80;display:flex;align-items:center;gap:5px}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.metric-card{background:#fff;border:1px solid #f1eaf1;border-radius:var(--r);padding:16px 18px;box-shadow:0 1px 2px #4d194d0f;transition:all .22s;cursor:default;position:relative;overflow:hidden;animation:fadeSlideUp .4s ease both}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--r) var(--r) 0 0}.metric-card.c1:before{background:linear-gradient(90deg,var(--primary),var(--primary-l))}.metric-card.c2:before{background:linear-gradient(90deg,var(--success),#4ade80)}.metric-card.c3:before{background:linear-gradient(90deg,var(--secondary),var(--secondary-l))}.metric-card.c4:before{background:linear-gradient(90deg,var(--warning),#fbbf24)}.metric-card.c5:before{background:linear-gradient(90deg,var(--info),#60a5fa)}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mc-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.mc-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.mc-icon.c1{background:var(--primary-xl);color:var(--primary)}.mc-icon.c2{background:var(--success-bg);color:var(--success)}.mc-icon.c3{background:var(--secondary-xl);color:var(--secondary)}.mc-icon.c4{background:var(--warning-bg);color:var(--warning)}.mc-icon.c5{background:var(--info-bg);color:var(--info)}.mc-trend{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:3px 7px;border-radius:20px}.mc-trend.up{background:var(--success-bg);color:var(--success)}.mc-trend.neutral{background:var(--warning-bg);color:var(--warning)}.mc-value{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--text);letter-spacing:-1px;line-height:1;margin-bottom:4px}.mc-label{font-size:11px;color:var(--text-m);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mc-sub{font-size:11px;color:var(--text-l);margin-top:4px}.metric-card:nth-child(1){animation-delay:.05s}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.15s}.metric-card:nth-child(4){animation-delay:.2s}.metric-card:nth-child(5){animation-delay:.25s}.hiw-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.hiw-card{background:#fff;border:1px solid #f1eaf1;border-radius:var(--r);padding:20px;box-shadow:0 1px 2px #4d194d0f;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;transition:all .22s}.hiw-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.hiw-card:after{content:attr(data-step);position:absolute;top:10px;right:14px;font-family:var(--font-display);font-size:40px;font-weight:800;color:var(--primary-xl);line-height:1}[data-theme=dark] .hiw-card:after{color:#4d194d66}.hiw-icon{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.hiw-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}.hiw-desc{font-size:12px;color:var(--text-m);line-height:1.6}.hiw-connector{position:absolute;right:-14px;top:50%;transform:translateY(-50%);z-index:10;width:28px;height:28px;border-radius:50%;background:var(--primary-xl);border:2px solid #f1eaf1;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:11px}.hiw-card:last-child .hiw-connector{display:none}.bottom-grid{grid-template-columns:1fr 360px;gap:18px;margin-bottom:22px}.table-card{background:#fff;border:1px solid #f1eaf1;border-radius:var(--r);box-shadow:0 1px 2px #4d194d0f;overflow:hidden;display:flex;flex-direction:column;transition:all .22s}.tc-header{padding:16px 20px;border-bottom:1px solid #f1eaf1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cc-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text)}.cc-sub{font-size:11px;color:var(--text-m);margin-top:2px}.tc-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-input{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1.5px solid #f1eaf1;border-radius:8px;padding:5px 10px;font-size:12px;color:var(--text);transition:all .2s}.filter-input:focus-within{border-color:var(--primary)}.filter-input i{color:var(--text-l);font-size:11px}.filter-input input,.filter-input select{border:none;background:transparent;font-family:var(--font-body);font-size:12px;color:var(--text);outline:none}thead th{padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-m);background:var(--surface2);border-bottom:1px solid #f1eaf1;white-space:nowrap;text-align:left}tbody tr{border-bottom:1px solid #f1eaf1;transition:background .15s}td{padding:11px 14px;font-size:12.5px;color:var(--text);vertical-align:middle;white-space:nowrap}.ref-order-id{font-weight:700;color:var(--primary);font-family:var(--font-display);font-size:12px}.cust-name{font-weight:600}.cust-email{font-size:11px;color:var(--text-m)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700}.badge-delivered{background:var(--success-bg);color:var(--success)}.badge-transit{background:var(--info-bg);color:var(--info)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-cancelled{background:var(--danger-bg);color:var(--danger)}.badge-earned{background:var(--success-bg);color:var(--success)}.badge-pending-earn{background:var(--warning-bg);color:var(--warning)}.badge-na{background:var(--danger-bg);color:var(--danger)}.earning-cell{font-weight:800;font-family:var(--font-display);color:var(--success)}.earning-cell.pending{color:var(--warning)}.earning-cell.na{color:var(--text-l);font-weight:500}.amount-cell{font-weight:700;font-family:var(--font-display)}.tc-footer{padding:12px 20px;border-top:1px solid #f1eaf1;display:flex;align-items:center;justify-content:space-between}.pg-controls{display:flex;gap:4px}.pg-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid #f1eaf1;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-m);transition:all .2s}.pg-btn:hover{border-color:var(--primary);color:var(--primary)}.pg-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.right-panel{display:flex;flex-direction:column;gap:16px}.panel-card{background:#fff;border:1px solid #f1eaf1;border-radius:var(--r);box-shadow:0 1px 2px #4d194d0f;overflow:hidden;transition:background var(--transition),border-color var(--transition)}.pc-header{padding:14px 18px;border-bottom:1px solid #f1eaf1;display:flex;align-items:center;justify-content:space-between}.pc-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text)}.pc-sub{font-size:11px;color:var(--text-m);margin-top:1px}.pc-body{padding:14px 18px}.earn-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1eaf1}.earn-row:last-child{border-bottom:none}.earn-label{font-size:12px;color:var(--text-m);display:flex;align-items:center;gap:8px}.earn-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.earn-val{font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--text)}.lb-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1eaf1}.lb-item:last-child{border-bottom:none}.lb-rank{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--text-l);flex-shrink:0;width:22px;text-align:center}.lb-rank.gold{color:#f59e0b}.lb-rank.silver{color:#94a3b8}.lb-rank.bronze{color:#b45309}.lb-av{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;font-family:var(--font-display)}.lb-info{flex:1;min-width:0}.lb-name{font-size:12px;font-weight:700;color:var(--text)}.lb-refs{font-size:11px;color:var(--text-m)}.lb-earn{font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--success)}.withdraw-card{background:var(--primary-xl);border:1.5px solid #f1eaf1;border-radius:12px;padding:16px;margin-bottom:14px}.wc-amount{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--primary);letter-spacing:-1.5px;line-height:1;margin-bottom:4px}.wc-label{font-size:11px;color:var(--text-m);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.wc-bar{height:6px;background:#f1eaf1;border-radius:6px;overflow:hidden;margin-bottom:6px}.wc-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.wc-bar-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-m)}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid #f1eaf1;background:var(--surface2);color:var(--text);transition:all .2s}.share-btn:hover{border-color:var(--primary);background:var(--primary-xl);color:var(--primary);transform:translateY(-1px)}.share-btn i{font-size:14px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hiw-row,.bottom-grid,.referral-hero{animation:fadeSlideUp .5s ease .1s both}::-webkit-scrollbar-thumb:hover{background:var(--text-l)}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.hiw-row{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{display:none}.main{margin-left:0}.topbar{left:0}.metrics-grid{grid-template-columns:repeat(2,1fr)}.page{padding:16px 14px 40px}.referral-hero{flex-direction:column}.referral-url-card{min-width:auto;width:100%}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr 1fr}.hiw-row{grid-template-columns:1fr}}.trigger-btn{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--primary),var(--primary-l));color:#fff;border:none;border-radius:14px;padding:13px 22px;font-family:var(--font-b);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #4d194d59;transition:all .22s var(--ease);z-index:10}.trigger-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4d194d66}.trigger-btn i{font-size:14px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1408148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .28s var(--ease)}.overlay.open{opacity:1;pointer-events:all}.modal{border-radius:22px;width:100%;max-height:-webkit-fill-available;max-height:stretch;overflow-y:scroll;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);transition:transform .38s var(--ease-spring),opacity .28s var(--ease);opacity:1}.overlay.open .modal{transform:translateY(0) scale(1);opacity:1}.modal-dialog{max-width:fit-content!important;margin-top:3%!important}.modal-header{background:linear-gradient(135deg,#3a0f3a,#4d194d,#6b2c6b);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 85% 30%,rgba(218,98,125,.22) 0%,transparent 55%);pointer-events:none}.modal-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.018) 20px,rgba(255,255,255,.018) 21px);pointer-events:none}.modal-body{padding:0!important}.mh-left{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.mh-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--secondary),#c04060);display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;box-shadow:0 4px 14px #da627d73;border:1px solid rgba(255,255,255,.18)}.mh-title{font-family:var(--font-d);font-size:18px;font-weight:800;color:#fff;letter-spacing:-.4px;line-height:1.1}.mh-sub{font-size:11px;color:#ffffff80;margin-top:2px}.mh-actions{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.close-btn{width:34px;height:34px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffbf;font-size:14px;transition:all .2s}.modal-body{display:flex;flex:1;min-height:0;overflow:hidden}.left-panel{width:310px;flex-shrink:0;background:var(--surface2);border-right:1px solid var(--border-l);overflow-y:auto;display:flex;flex-direction:column}.left-panel::-webkit-scrollbar{width:4px}.left-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.lp-section{padding:20px 20px 0}.lp-section:last-child{padding-bottom:20px}.section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-l);margin-bottom:12px;display:flex;align-items:center;gap:7px}.section-label:after{content:"";flex:1;height:1px;background:var(--border-l)}.form-group{margin-bottom:14px}.form-label{font-size:11px;font-weight:600;color:var(--text-m);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.custom-select-wrap{position:relative}.custom-select-wrap i.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-l);font-size:11px;pointer-events:none;transition:transform .2s}.custom-select-wrap:focus-within i.select-arrow{transform:translateY(-50%) rotate(180deg)}.form-select,.form-input{width:100%;padding:10px 36px 10px 12px;background:var(--surface);border:1.5px solid var(--border-l);border-radius:var(--r-sm);font-family:var(--font-b);font-size:13px;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s;outline:none}.form-select:focus,.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4d194d14;background:var(--surface)}.form-select option{font-family:var(--font-b)}.form-select::placeholder,.form-input::placeholder{color:var(--text-l)}.input-icon-wrap{position:relative}.input-icon-wrap i.field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-l);font-size:12px;pointer-events:none}.input-icon-wrap .form-input{padding-left:34px}.pkg-summary{background:var(--surface);border:1.5px solid var(--border-l);border-radius:12px;padding:14px;margin-top:4px}.pkg-header{display:flex;align-items:center;gap:9px;margin-bottom:12px}.pkg-icon{width:32px;height:32px;border-radius:9px;background:var(--primary-xl);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:13px}.pkg-title{font-size:12px;font-weight:700;color:var(--text);font-family:var(--font-d)}.pkg-sub{font-size:10px;color:var(--text-l)}.pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pkg-stat{background:var(--surface2);border:1px solid var(--border-l);border-radius:8px;padding:9px 10px;text-align:center}.pkg-stat-val{font-family:var(--font-d);font-size:11px;font-weight:800;color:var(--primary);line-height:1}.pkg-stat-label{font-size:10px;color:var(--text-l);margin-top:3px}.dw-badge{display:flex;align-items:center;gap:8px;background:var(--warning-bg);border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:8px 10px;margin-top:8px}.dw-badge i{color:var(--warning);font-size:11px;flex-shrink:0}.dw-badge-text{font-size:11px;color:var(--warning);font-weight:600}.route-preview{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border-l);border-radius:12px;padding:12px 14px}.route-city{text-align:center;flex:1}.route-city-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 5px;font-size:11px}.route-city-icon.from{background:var(--primary-xl);color:var(--primary)}.route-city-icon.to{background:var(--secondary-xl);color:var(--secondary)}.route-city-name{font-size:11px;font-weight:700;color:var(--text)}.route-city-sub{font-size:10px;color:var(--text-l)}.route-arrow{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.route-line{width:40px;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;position:relative}.route-line:after{content:"";position:absolute;right:-5px;top:-4px;border:5px solid transparent;border-left:6px solid var(--secondary)}.route-dist{font-size:9px;color:var(--text-l);font-weight:600}.lp-divider{height:1px;background:var(--border-l);margin:18px 20px 0}.right-panel{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-width:0;height:600px}.right-panel::-webkit-scrollbar{width:4px}.right-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.rp-header{padding:16px 20px 12px;border-bottom:1px solid var(--border-l);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;flex-shrink:0;background:var(--surface);position:sticky;top:0;z-index:10}.rp-title{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--text)}.rp-count{font-size:11px;color:var(--text-m);background:var(--surface3);border:1px solid var(--border-l);padding:3px 10px;border-radius:20px}.rp-sort{display:flex;align-items:center;gap:6px}.sort-btn{padding:5px 12px;border-radius:7px;border:1.5px solid var(--border-l);background:var(--surface);font-family:var(--font-b);font-size:11px;font-weight:600;color:var(--text-m);cursor:pointer;transition:all .2s}.sort-btn:hover,.sort-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-xl)}.couriers-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;align-content:start}.courier-card{background:var(--surface);border:1.5px solid var(--border-l);border-radius:14px;padding:0;cursor:pointer;transition:all .22s var(--ease);position:relative;overflow:hidden;display:flex;flex-direction:column}.courier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0;opacity:0;transition:opacity .2s}.courier-card:hover{border-color:#4d194d40;box-shadow:0 6px 24px #4d194d1f;transform:translateY(-3px)}.courier-card:hover:before{opacity:1}.courier-card.selected{border-color:var(--primary);box-shadow:0 8px 28px #4d194d2e,0 0 0 3px #4d194d12;transform:translateY(-3px)}.courier-card.selected:before{opacity:1}.courier-card.v-purple:before{background:linear-gradient(90deg,var(--primary),var(--primary-l))}.courier-card.v-pink:before{background:linear-gradient(90deg,var(--secondary),#f07090)}.courier-card.v-blue:before{background:linear-gradient(90deg,var(--info),#60a5fa)}.courier-card.v-green:before{background:linear-gradient(90deg,var(--success),#4ade80)}.courier-card.v-amber:before{background:linear-gradient(90deg,var(--warning),#fbbf24)}.courier-card.v-purple.selected{border-color:var(--primary);box-shadow:0 8px 28px #4d194d2e,0 0 0 3px #4d194d12}.courier-card.v-pink.selected{border-color:var(--secondary);box-shadow:0 8px 28px #da627d2e,0 0 0 3px #da627d12}.courier-card.v-blue.selected{border-color:var(--info);box-shadow:0 8px 28px #3b82f626,0 0 0 3px #3b82f612}.courier-card.v-green.selected{border-color:var(--success);box-shadow:0 8px 28px #22c55e26,0 0 0 3px #22c55e12}.courier-card.v-amber.selected{border-color:var(--warning);box-shadow:0 8px 28px #f59e0b26,0 0 0 3px #f59e0b12}.cc-top{padding:14px 14px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cc-info{display:flex;align-items:flex-start;gap:10px;flex:1}.cc-logo{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border:1px solid var(--border-l)}.cc-logo.purple{background:var(--primary-xl)}.cc-logo.pink{background:var(--secondary-xl)}.cc-logo.blue{background:var(--info-bg)}.cc-logo.green{background:var(--success-bg)}.cc-logo.amber{background:var(--warning-bg)}.cc-meta{min-width:0}.cc-name{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--text);line-height:1.2}.cc-type{font-size:10px;color:var(--text-m);margin-top:2px;display:flex;align-items:center;gap:4px}.cc-type i{font-size:9px}.cc-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}.badge-best{background:linear-gradient(135deg,var(--primary),var(--primary-l));color:#fff}.badge-rec{background:var(--success-bg);color:var(--success);border:1px solid rgba(34,197,94,.2)}.badge-fast{background:var(--info-bg);color:var(--info);border:1px solid rgba(59,130,246,.2)}.badge-econ{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.2)}.selected-check{position:absolute;top:12px;right:12px;width:20px;height:20px;background:var(--primary);border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;font-size:10px;box-shadow:0 2px 8px #4d194d4d}.courier-card.selected .selected-check{display:flex}.courier-card.selected .cc-badges{display:none}.cc-stats{padding:8px 14px;display:flex;align-items:center;gap:10px;background:var(--surface2);border-top:1px solid var(--border-l);border-bottom:1px solid var(--border-l)}.cc-stat{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-m)}.cc-stat i{font-size:10px;color:var(--text-l)}.cc-stat strong{color:var(--text);font-weight:600}.cc-star{color:#f59e0b;font-size:10px}.cc-stat-sep{width:1px;height:12px;background:var(--border)}.cc-zone-badge{margin-left:auto;font-size:10px;color:var(--text-m);background:var(--surface3);border:1px solid var(--border-l);padding:2px 8px;border-radius:20px;font-weight:600}.cc-pricing{padding:10px 14px 13px}.cc-price-main{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.cc-price-label{font-size:10px;color:var(--text-l)}.cc-price-value{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--primary);letter-spacing:-1px;line-height:1}.cc-price-value.pink{color:var(--secondary)}.cc-price-value.blue{color:var(--info)}.cc-price-value.green{color:var(--success)}.cc-price-value.amber{color:var(--warning)}.cc-breakdown{display:flex;gap:8px;flex-wrap:wrap}.cc-breakdown-item{display:flex;align-items:center;gap:5px;background:var(--surface2);border:1px solid var(--border-l);border-radius:6px;padding:4px 8px;font-size:10px;color:var(--text-m)}.cc-breakdown-item strong{color:var(--text);font-weight:600}.cc-breakdown-item i{font-size:9px}.cc-eta{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary-2xl);border-top:1px solid var(--border-l);font-size:11px;color:var(--primary);font-weight:600;flex-shrink:0}.cc-eta i{font-size:10px}.skeleton{background:var(--surface);border:1.5px solid var(--border-l);border-radius:14px;overflow:hidden;display:none}.skeleton.show{display:flex;flex-direction:column}.sk-block{background:linear-gradient(90deg,var(--surface3) 25%,var(--border-l) 50%,var(--surface3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-header{height:56px;border-radius:0;margin-bottom:0;border-bottom:1px solid var(--border-l)}.sk-body{padding:12px;display:flex;flex-direction:column;gap:8px}.sk-row{display:flex;gap:8px}.empty-state{grid-column:1 / -1;display:none;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state.show{display:flex}.empty-icon{width:64px;height:64px;border-radius:18px;background:var(--primary-xl);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--primary);margin-bottom:16px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-title{font-family:var(--font-d);font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}.empty-sub{font-size:12px;color:var(--text-m);max-width:240px;line-height:1.6}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-l);background:var(--surface2);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0}.mf-selected-info{display:flex;align-items:center;gap:10px}.mf-selected-label{font-size:12px;color:var(--text-m)}.mf-selected-name{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--text)}.mf-selected-price{font-family:var(--font-d);font-size:20px;font-weight:800;color:var(--primary);letter-spacing:-.5px}.mf-actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:11px;font-family:var(--font-b);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .22s var(--ease);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-l));color:#fff;box-shadow:0 4px 14px #4d194d4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4d194d61}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:var(--surface);color:var(--text-m);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--surface3);color:var(--text)}.courier-card{animation:cardIn .35s var(--ease) both}.courier-card:nth-child(1){animation-delay:.04s}.courier-card:nth-child(2){animation-delay:.09s}.courier-card:nth-child(3){animation-delay:.14s}.courier-card:nth-child(4){animation-delay:.19s}.courier-card:nth-child(5){animation-delay:.24s}.courier-card:nth-child(6){animation-delay:.29s}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:5px}@media (max-width:768px){body{padding:0;align-items:flex-end}.overlay{align-items:flex-end;padding:0}.modal{max-width:100%;max-height:96vh;border-radius:22px 22px 0 0;transform:translateY(100%)}.overlay.open .modal{transform:translateY(0)}.modal-body{flex-direction:column}.left-panel{width:100%;border-right:none;border-bottom:1px solid var(--border-l)}.couriers-grid{grid-template-columns:1fr}.lp-section{padding:16px 16px 0}.rp-header{padding:12px 16px}.couriers-grid{padding:12px;gap:10px}.mh-title{font-size:15px}}@media (max-width:480px){.mf-selected-price{font-size:16px}.btn{padding:9px 14px;font-size:12px}}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-family:var(--font-b);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-l));color:#fff;box-shadow:0 4px 12px #4d194d47}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #4d194d59}.btn-secondary{background:linear-gradient(135deg,var(--secondary),#c04060);color:#fff;box-shadow:0 4px 12px #da627d47}.btn-secondary:hover{transform:translateY(-1px)}.btn-outline{background:var(--surface);color:var(--primary);border:1.5px solid var(--border)}.btn-outline:hover{background:var(--primary-xl);border-color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-m);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-sm{padding:6px 13px;font-size:12px}.btn-xs{padding:5px 10px;font-size:11px}.form-check-input{-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important}.tb-search{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1.5px solid var(--border-l);border-radius:10px;padding:6px 14px;width:220px;transition:all .2s}.tb-search:focus-within{border-color:var(--primary);background:var(--surface)}.tb-search i{color:var(--text-l);font-size:13px}.tb-search input{border:none;background:transparent;font-family:var(--font-b);font-size:13px;color:var(--text);outline:none;width:100%}.tb-search input::placeholder{color:var(--text-l)}.cod-hero{border-radius:20px;padding:0;margin-bottom:22px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1a0418,#4d194d 35%,#6b2c6b 60%,#9c3060,#da627d);display:grid;grid-template-columns:1fr auto;min-height:160px}.cod-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 15% 50%,rgba(255,255,255,.07) 0%,transparent 55%),radial-gradient(ellipse 40% 60% at 90% 20%,rgba(218,98,125,.3) 0%,transparent 50%);pointer-events:none}.cod-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 24px,rgba(255,255,255,.018) 24px,rgba(255,255,255,.018) 25px);pointer-events:none}.hero-left{padding:28px 36px;position:relative;z-index:1;display:flex;align-items:center;gap:36px;flex-wrap:wrap}.hero-stat-divider{width:1px;height:70px;background:#ffffff24}.hs-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff7a;margin-bottom:6px;display:flex;align-items:center;gap:5px}.hs-val{font-family:var(--font-d);font-size:30px;font-weight:800;color:#fff;letter-spacing:-1.5px;line-height:1}.hs-val.green{color:#6ee7b7}.hs-val.amber{color:#fcd34d}.hs-sub{font-size:11.5px;color:#ffffff75;margin-top:5px}.hs-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:10.5px;font-weight:700;margin-top:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hs-chip.next{background:#6ee7b72e;border:1px solid rgba(110,231,183,.35);color:#6ee7b7}.hs-chip.cycle{background:#fcd34d2e;border:1px solid rgba(252,211,77,.3);color:#fcd34d}.hero-right{padding:28px 32px 28px 0;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px}.hero-big-icon{width:72px;height:72px;border-radius:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 28px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-cycle-bar{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:180px}.hcb-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#ffffff73;margin-bottom:6px}.hcb-bar{height:5px;background:#ffffff26;border-radius:5px;overflow:hidden;margin-bottom:5px}.hcb-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#6ee7b7,#34d399)}.hcb-meta{display:flex;justify-content:space-between;font-size:10px;color:#ffffff80}.date-strip{display:flex;align-items:center;gap:5px;background:var(--surface);border:1.5px solid var(--border-l);border-radius:10px;padding:5px;width:fit-content;margin-bottom:22px}.date-chip{padding:5px 14px;border-radius:7px;font-size:12px;font-weight:600;color:var(--text-m);cursor:pointer;transition:all .2s;white-space:nowrap}.date-chip:hover{color:var(--primary);background:var(--primary-xl)}.date-chip.active{background:var(--primary);color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}.mc{background:var(--surface);border:1px solid var(--border-l);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow-xs);transition:all .22s;cursor:default;position:relative;overflow:hidden;animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mc:nth-child(1){animation-delay:.05s}.mc:nth-child(2){animation-delay:.1s}.mc:nth-child(3){animation-delay:.15s}.mc:nth-child(4){animation-delay:.2s}.mc:nth-child(5){animation-delay:.25s}.mc:nth-child(6){animation-delay:.3s}.mc:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--r) var(--r) 0 0}.mc.c1:before{background:linear-gradient(90deg,var(--primary),var(--secondary))}.mc.c2:before{background:linear-gradient(90deg,var(--success),var(--success-l))}.mc.c3:before{background:linear-gradient(90deg,var(--warning),var(--warning-l))}.mc.c4:before{background:linear-gradient(90deg,var(--info),var(--info-l))}.mc.c5:before{background:linear-gradient(90deg,var(--teal),#2dd4bf)}.mc.c6:before{background:linear-gradient(90deg,var(--danger),var(--danger-l))}.mc:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mc-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.mc-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px}.mc-icon.i1{background:var(--primary-xl);color:var(--primary)}.mc-icon.i2{background:var(--success-bg);color:var(--success)}.mc-icon.i3{background:var(--warning-bg);color:var(--warning)}.mc-icon.i4{background:var(--info-bg);color:var(--info)}.mc-icon.i5{background:var(--teal-bg);color:var(--teal)}.mc-icon.i6{background:var(--danger-bg);color:var(--danger)}.mc-badge{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:3px 7px;border-radius:20px}.mc-badge.up{background:var(--success-bg);color:var(--success)}.mc-badge.down{background:var(--danger-bg);color:var(--danger)}.mc-badge.neu{background:var(--warning-bg);color:var(--warning)}.mc-badge.info{background:var(--info-bg);color:var(--info)}.mc-val{font-family:var(--font-d);font-size:22px;font-weight:800;letter-spacing:-.8px;color:var(--text);line-height:1;margin-bottom:3px}.mc-lbl{font-size:10.5px;color:var(--text-m);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mc-sub{font-size:10.5px;color:var(--text-l);margin-top:3px}.mid-row{display:grid;grid-template-columns:1fr 1fr 320px;gap:16px;margin-bottom:22px}.card{background:var(--surface);border:1px solid var(--border-l);border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow-xs);transition:background var(--ease),border-color var(--ease)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.card-title{font-family:var(--font-d);font-size:14px;font-weight:700;color:var(--text)}.card-sub{font-size:11px;color:var(--text-m);margin-top:2px}.card-pills{display:flex;gap:5px}.pill{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:var(--text-m);cursor:pointer;border:1px solid var(--border-l);transition:all .2s}.pill:hover{color:var(--primary)}.pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.countdown-block{text-align:center;padding:14px 0 18px}.cd-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-m);margin-bottom:12px}.cd-ring{position:relative;width:110px;height:110px;margin:0 auto 14px}.cd-ring svg{transform:rotate(-90deg)}.cd-ring-bg{fill:none;stroke:var(--border-l);stroke-width:8}.cd-ring-fill{fill:none;stroke:url(#cdGrad);stroke-width:8;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset 1s ease}.cd-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.cd-days{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--text);letter-spacing:-1px;line-height:1}.cd-days-lbl{font-size:10px;color:var(--text-m);font-weight:600;margin-top:1px}.cd-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:8px 0;border-bottom:1px solid var(--border-l)}.cd-row:last-child{border-bottom:none}.cd-row-lbl{color:var(--text-m)}.cd-row-val{font-weight:700;color:var(--text)}.settle-legend{display:flex;flex-direction:column;gap:8px;margin-top:14px}.sl-row{display:flex;align-items:center;gap:9px}.sl-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.sl-lbl{font-size:12px;color:var(--text-m);flex:1}.sl-val{font-size:12px;font-weight:700;color:var(--text)}.sl-pct{font-size:10px;color:var(--text-l);margin-left:2px}.cycle-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.cycle-timeline{display:flex;flex-direction:column;gap:0}.ct-item{display:flex;gap:16px;padding:14px 0;position:relative}.ct-item:not(:last-child):before{content:"";position:absolute;left:17px;top:44px;bottom:0;width:2px;background:linear-gradient(180deg,var(--border-l),transparent);z-index:0}.ct-dot-wrap{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;font-size:14px}.ct-dot-wrap.settled{background:var(--success-bg);border:2px solid var(--success-border);color:var(--success)}.ct-dot-wrap.processing{background:var(--warning-bg);border:2px solid var(--warning-border);color:var(--warning)}.ct-dot-wrap.upcoming{background:var(--info-bg);border:2px solid rgba(37,99,235,.2);color:var(--info)}.ct-dot-wrap.pending{background:var(--surface2);border:2px solid var(--border);color:var(--text-l)}.ct-body{flex:1;padding-top:6px}.ct-title{font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ct-meta{font-size:11px;color:var(--text-m);margin-top:3px}.ct-amount{font-family:var(--font-d);font-size:14px;font-weight:800;margin-top:4px}.ct-amount.green{color:var(--success)}.ct-amount.amber{color:var(--warning)}.ct-amount.blue{color:var(--info)}.ct-amount.muted{color:var(--text-l)}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:10px;font-weight:700}.sp-settled{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.sp-processing{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.sp-upcoming{background:var(--info-bg);color:var(--info);border:1px solid rgba(37,99,235,.2)}.sp-hold{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.bank-card{background:var(--surface);border:1px solid var(--border-l);border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow-xs)}.bank-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border-l)}.bank-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#003580,#06c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.bank-name{font-family:var(--font-d);font-size:14px;font-weight:700;color:var(--text)}.bank-type{font-size:11px;color:var(--text-m);margin-top:1px}.bank-rows{display:flex;flex-direction:column;gap:0}.br-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-l);gap:12px}.br-row:last-child{border-bottom:none}.br-icon{width:30px;height:30px;border-radius:9px;background:var(--primary-xl);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:12px;flex-shrink:0}.br-lbl{font-size:11px;color:var(--text-m);font-weight:500;flex:0 0 110px}.br-val{font-size:12.5px;font-weight:600;color:var(--text);flex:1}.br-val .masked{letter-spacing:3px;color:var(--text-m)}.br-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.filters-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border-l);border-radius:var(--r);padding:14px 18px;margin-bottom:16px;box-shadow:var(--shadow-xs)}.fg{display:flex;align-items:center;gap:6px}.fg label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-m);white-space:nowrap}.fsel{background:var(--surface2);border:1.5px solid var(--border-l);border-radius:8px;padding:6px 10px;font-family:var(--font-b);font-size:12px;color:var(--text);outline:none;transition:border-color .2s;cursor:pointer}.fsel:focus{border-color:var(--primary)}.fsep{width:1px;height:26px;background:var(--border-l)}.fsrch{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1.5px solid var(--border-l);border-radius:8px;padding:6px 10px;flex:1;min-width:160px;max-width:240px;transition:border-color .2s}.fsrch:focus-within{border-color:var(--primary)}.fsrch i{color:var(--text-l);font-size:12px}.fsrch input{border:none;background:transparent;font-family:var(--font-b);font-size:12px;color:var(--text);outline:none;width:100%}.fsrch input::placeholder{color:var(--text-l)}.ml-a{margin-left:auto}.table-card{background:var(--surface);border:1px solid var(--border-l);border-radius:var(--r);box-shadow:var(--shadow-xs);overflow:hidden;transition:background var(--ease),border-color var(--ease)}.tc-top{padding:16px 20px;border-bottom:1px solid var(--border-l);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tc-title-wrap{display:flex;align-items:center;gap:10px}.tc-title{font-family:var(--font-d);font-size:14px;font-weight:700;color:var(--text)}.tc-count{background:var(--primary-xl);color:var(--primary);font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}.tab-row{display:flex;background:var(--surface2);border:1px solid var(--border-l);border-radius:10px;padding:4px;gap:0}.tab-b{padding:5px 14px;border-radius:7px;font-size:12px;font-weight:600;color:var(--text-m);cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:5px}.tab-b:hover{color:var(--primary)}.tab-b.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.tab-b.active.t-all{color:var(--primary)}.tab-b.active.t-settled{color:var(--success)}.tab-b.active.t-pending{color:var(--warning)}.tab-b.active.t-hold{color:var(--danger)}.td-dot{width:7px;height:7px;border-radius:50%}table{width:100%;border-collapse:collapse}thead th{padding:10px 14px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-m);background:var(--surface2);border-bottom:1px solid var(--border-l);white-space:nowrap;text-align:left}thead th.sortable{cursor:pointer}thead th.sortable:hover{color:var(--primary)}.sort-ic{margin-left:4px;opacity:.35;font-size:9px}tbody tr{border-bottom:1px solid var(--border-l);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--primary-2xl)}td{padding:12px 14px;font-size:13px;vertical-align:middle;white-space:nowrap}.rem-id{font-family:var(--font-d);font-size:12px;font-weight:700;color:var(--primary)}.rem-cycle{font-size:11px;color:var(--text-m);margin-top:2px}.orders-chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface2);border:1px solid var(--border-l);border-radius:7px;padding:3px 9px;font-size:11.5px;font-weight:600;color:var(--text)}.courier-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-m)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;width:fit-content}.sb-settled{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.sb-pending{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.sb-hold{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.sb-upcoming{background:var(--info-bg);color:var(--info);border:1px solid rgba(37,99,235,.2)}.gross-cell{font-family:var(--font-d);font-size:13.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.deduction-cell{font-size:12px;font-weight:600;color:var(--danger)}.net-cell{font-family:var(--font-d);font-size:14px;font-weight:800;color:var(--success);letter-spacing:-.3px}.date-cell{font-size:11px;color:var(--text-m)}.date-cell strong{display:block;font-size:12px;font-weight:600;color:var(--text)}.utr-cell{font-size:11px;color:var(--text-m);font-family:monospace;letter-spacing:.5px}.utr-cell.empty{color:var(--text-l);font-style:italic}.act-btn{width:28px;height:28px;border-radius:7px;border:1px solid var(--border-l);background:var(--surface2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-m);font-size:11px;transition:all .2s}.act-btn:hover{background:var(--primary-xl);color:var(--primary);border-color:var(--primary)}.mini-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:700}.mt-cod{background:var(--warning-bg);color:var(--warning)}.mt-rto{background:var(--danger-bg);color:var(--danger)}.tc-foot{padding:12px 20px;border-top:1px solid var(--border-l);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.pg-info{font-size:12px;color:var(--text-m)}.pg-ctrl{display:flex;gap:4px}.pg-b{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--border-l);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-m);transition:all .2s}.pg-b:hover{border-color:var(--primary);color:var(--primary)}.pg-b.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pg-b:disabled{opacity:.3;pointer-events:none}.pg-size-wrap{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-m)}.pg-size-wrap select{background:var(--surface2);border:1.5px solid var(--border-l);border-radius:7px;padding:4px 8px;font-size:12px;font-family:var(--font-b);color:var(--text);outline:none;cursor:pointer}.empty-state{text-align:center;padding:60px 24px}.es-icon{font-size:42px;margin-bottom:12px;opacity:.25}.es-title{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}.es-sub{font-size:13px;color:var(--text-m)}.breakdown-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:22px}.bk-card{background:var(--surface);border:1px solid var(--border-l);border-radius:var(--r);box-shadow:var(--shadow-xs);overflow:hidden}.bk-head{padding:14px 18px;border-bottom:1px solid var(--border-l);display:flex;align-items:center;gap:10px}.bk-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.bk-icon.p{background:var(--primary-xl);color:var(--primary)}.bk-icon.s{background:var(--success-bg);color:var(--success)}.bk-icon.d{background:var(--danger-bg);color:var(--danger)}.bk-title{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--text)}.bk-sub{font-size:10.5px;color:var(--text-m);margin-top:1px}.bk-body{padding:14px 18px}.bk-stat-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-l)}.bk-stat-row:last-child{border-bottom:none}.bk-stat-lbl{font-size:12px;color:var(--text-m);display:flex;align-items:center;gap:6px}.bk-stat-val{font-size:13px;font-weight:700;color:var(--text)}.bk-stat-val.green{color:var(--success)}.bk-stat-val.red{color:var(--danger)}.bk-stat-val.amber{color:var(--warning)}.bk-total{background:var(--surface2);border-radius:9px;padding:10px 14px;margin-top:12px;display:flex;justify-content:space-between;align-items:center}.bkt-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-m)}.bkt-val{font-family:var(--font-d);font-size:18px;font-weight:800;letter-spacing:-.5px}.ded-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ded-lbl{font-size:11.5px;color:var(--text-m);flex:0 0 130px}.ded-bar-w{flex:1;height:5px;background:var(--border-l);border-radius:5px;overflow:hidden}.ded-bar{height:100%;border-radius:5px}.ded-val{font-size:11.5px;font-weight:700;color:var(--text);flex:0 0 54px;text-align:right}.toast{position:fixed;bottom:28px;right:28px;background:var(--text);color:var(--bg);padding:12px 18px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);transform:translateY(80px);opacity:0;transition:all .35s;z-index:9999;display:flex;align-items:center;gap:10px;max-width:300px}@media (max-width:1280px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.mid-row{grid-template-columns:1fr 1fr}.mid-row>:last-child{grid-column:1/-1}.breakdown-row{grid-template-columns:1fr 1fr}}@media (max-width:1024px){.mid-row,.cycle-row,.breakdown-row,.cod-hero{grid-template-columns:1fr}.hero-right{display:none}}@media (max-width:768px){.sidebar{display:none}.main{margin-left:0}.topbar{left:0}.metrics-grid{grid-template-columns:repeat(2,1fr)}.tb-search{display:none}.page{padding:16px 14px 40px}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.tracking-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:9999;display:flex;justify-content:center;align-items:center}.tracking-popup-container{width:800px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003}.backdrop{min-height:520px;background:#1e0e1e75;display:flex;align-items:flex-start;justify-content:center}.popup{background:var(--surface);border-radius:20px;width:100%;overflow:hidden;border:1px solid var(--border-l);animation:popIn .38s cubic-bezier(.34,1.56,.64,1) both}@keyframes popIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{background:linear-gradient(135deg,#3a0f3a,#4d194d,#6b2c6b);padding:20px 22px 18px;position:relative;overflow:hidden}.popup-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 20%,rgba(218,98,125,.2) 0%,transparent 60%);pointer-events:none}.popup-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(255,255,255,.02) 18px,rgba(255,255,255,.02) 19px);pointer-events:none}.ph-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;position:relative;z-index:1}.ph-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;color:#ffffffe6;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ph-badge .dot-pulse{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade8066;animation:dotPulse 2s infinite}@keyframes dotPulse{0%{box-shadow:0 0 #4ade8080}70%{box-shadow:0 0 0 5px #4ade8000}to{box-shadow:0 0 #4ade8000}}.close-btn{width:30px;height:30px;border-radius:9px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;font-size:15px;transition:all .2s}.close-btn:hover{background:#ffffff38;color:#fff}.ph-order{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px}.ph-order-id{font-family:var(--font-d);font-size:21px;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.1}.ph-order-sub{font-size:12px;color:#ffffff8c;margin-top:3px}.ph-eta{text-align:right}.ph-eta-label{font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:.7px;font-weight:600}.ph-eta-date{font-family:var(--font-d);font-size:15px;font-weight:700;color:#4ade80;margin-top:2px}.courier-strip{background:var(--surface2);border-bottom:1px solid var(--border-l);padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cs-left{display:flex;align-items:center;gap:10px}.cs-icon{width:34px;height:34px;border-radius:10px;background:var(--primary-xl);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:15px}.cs-name{font-size:13px;font-weight:700;color:var(--text);font-family:var(--font-d)}.cs-awb{font-size:11px;color:var(--text-m);margin-top:1px;font-family:Courier New,monospace;letter-spacing:.4px}.cs-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.chip-cod{background:var(--warning-bg);color:var(--warning)}.chip-weight{background:var(--info-bg);color:var(--info)}.map-placeholder{height:90px;background:linear-gradient(135deg,#e8dce8,#f1eaf1,#e8e0f0);position:relative;overflow:hidden;border-bottom:1px solid var(--border-l)}.map-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(77,25,77,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(77,25,77,.05) 1px,transparent 1px);background-size:24px 24px}.map-route{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72%;display:flex;align-items:center;gap:0}.map-city{text-align:center;flex-shrink:0}.map-city-dot{width:10px;height:10px;border-radius:50%;margin:0 auto 4px;border:2px solid var(--surface)}.map-city-label{font-size:10px;font-weight:700;color:var(--text-m);white-space:nowrap}.map-line{flex:1;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));position:relative;margin:0 4px 14px}.map-truck{position:absolute;top:50%;left:62%;transform:translate(-50%,-50%);width:26px;height:26px;background:var(--secondary);border-radius:8px;border:2px solid var(--surface);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;box-shadow:0 2px 8px #da627d66;animation:truckBounce 2s ease-in-out infinite}@keyframes truckBounce{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-3px)}}.timeline-section{padding:18px 22px 4px}.ts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ts-title{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--text)}.ts-toggle{font-size:11px;font-weight:600;color:var(--primary);cursor:pointer;padding:4px 10px;border-radius:7px;border:1px solid var(--border-l);background:var(--primary-xl);transition:all .2s}.ts-toggle:hover{border-color:var(--primary)}.timeline{position:relative;padding-left:32px;padding-bottom:10px}.timeline:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--border-l);border-radius:2px}.tl-item{position:relative;margin-bottom:0;padding-bottom:20px;animation:slideIn .4s ease both}.tl-item:last-child{padding-bottom:0}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.tl-item:nth-child(1){animation-delay:.05s}.tl-item:nth-child(2){animation-delay:.12s}.tl-item:nth-child(3){animation-delay:.19s}.tl-item:nth-child(4){animation-delay:.26s}.tl-item:nth-child(5){animation-delay:.33s}.tl-item:nth-child(6){animation-delay:.4s}.tl-dot{position:absolute;left:-26px;top:2px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid var(--surface);z-index:1;flex-shrink:0}.tl-dot.done{background:var(--success);color:#fff;box-shadow:0 0 0 3px #22c55e26}.tl-dot.active{background:var(--secondary);color:#fff;box-shadow:0 0 0 4px #da627d33;animation:activePulse 2s infinite}.tl-dot.pending{background:var(--surface2);color:var(--text-l);border:2px solid var(--border)}.tl-dot.cancelled{background:var(--danger);color:#fff;box-shadow:0 0 0 3px #ff4d4d26}@keyframes activePulse{0%,to{box-shadow:0 0 0 3px #da627d33}50%{box-shadow:0 0 0 6px #da627d14}}.tl-content{min-width:0}.tl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tl-label{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.tl-label.pending-label{color:var(--text-l)}.tl-time{font-size:11px;color:var(--text-l);white-space:nowrap;flex-shrink:0;padding-top:1px}.tl-desc{font-size:11px;color:var(--text-m);margin-top:3px;line-height:1.5}.tl-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;margin-top:4px}.tl-badge.transit{background:var(--info-bg);color:var(--info)}.tl-badge.ofd{background:var(--purple-bg);color:var(--purple)}.tl-badge.soon{background:var(--warning-bg);color:var(--warning)}.tl-progress-bar{margin-top:6px;height:3px;background:var(--border-l);border-radius:3px;overflow:hidden;width:100%}.tl-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--secondary),#ff8fa8);width:72%;animation:progressGrow 1.2s ease .4s both}@keyframes progressGrow{0%{width:0}to{width:72%}}.bottom-actions{padding:14px 22px 18px;border-top:1px solid var(--border-l);display:flex;gap:9px;flex-wrap:wrap;background:var(--surface2)}.action-btn{flex:1;min-width:100px;padding:9px 14px;border-radius:11px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:var(--font-b);display:flex;align-items:center;justify-content:center;gap:7px;transition:all .2s}.action-primary{background:linear-gradient(135deg,var(--primary),var(--primary-l));color:#fff;box-shadow:0 4px 12px #4d194d40}.action-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4d194d4d}.action-outline{background:var(--surface);color:var(--primary);border:1.5px solid var(--border)}.action-outline:hover{background:var(--primary-xl);border-color:var(--primary)}.action-ghost{background:var(--surface);color:var(--text-m);border:1.5px solid var(--border)}.action-ghost:hover{background:var(--surface2);color:var(--text)}.separator{width:1px;background:var(--border-l);margin:4px 0;align-self:stretch}.icon{font-size:12px}:root{--primary:#4d194d;--primary-l:#6b2c6b;--primary-xl:#f5eaf5;--primary-2xl:#fbf5fb;--secondary:#da627d;--secondary-l:#f0a0b2;--secondary-xl:rgba(218,98,125,.08);--success:#22c55e;--success-bg:rgba(34,197,94,.1);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.1);--danger:#ef4444;--danger-bg:rgba(239,68,68,.1);--info:#3b82f6;--info-bg:rgba(59,130,246,.1);--bg:#f4f0f4;--surface:#fff;--surface2:#faf7fa;--border:#e8dce8;--border-l:#f1eaf1;--text:#1e0e1e;--text-m:#7a6a7a;--text-l:#b0a0b0;--shadow-xs:0 1px 2px rgba(77,25,77,.06);--shadow-sm:0 2px 8px rgba(77,25,77,.08);--shadow:0 4px 20px rgba(77,25,77,.1);--shadow-lg:0 12px 40px rgba(77,25,77,.14);--r:12px;--r-sm:8px;--r-xs:6px;--sidebar-w:72px;--topbar-h:62px;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--transition:.22s cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;justify-content:center;transition:background .3s,color .3s;font-size:14px;line-height:1.6}.section-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:10px}.eyebrow-line{width:28px;height:2px;background:linear-gradient(90deg,#4d194d,#da627d);border-radius:2px}.eyebrow-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:#7a6a7a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-bottom:50px}.stat-card{background:#fff;border:1px solid #f1eaf1;border-radius:18px;padding:22px 22px 18px;position:relative;overflow:hidden;cursor:default;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s;transform:translateY(28px)}.stat-card.visible{animation:cardIn .6s cubic-bezier(.22,1,.36,1) forwards}.stat-card:nth-child(1){animation-delay:0s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 18px 40px #4d194d26;border-color:#e8dce8}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:18px 18px 0 0;opacity:0;transition:opacity .3s}.stat-card:hover:before{opacity:1}.stat-card.c-purple:before{background:linear-gradient(90deg,#4d194d,#6b2c6b)}.stat-card.c-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card.c-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.stat-card.c-red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-card:after{content:"";position:absolute;top:-60%;left:-60%;width:50%;height:220%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);transform:skew(-15deg);transition:left .6s ease;pointer-events:none}.stat-card:hover:after{left:160%}.stat-blob{position:absolute;top:-24px;right:-24px;width:80px;height:80px;border-radius:50%;opacity:.07;transition:opacity .3s,transform .4s}.stat-card:hover .stat-blob{opacity:.13;transform:scale(1.2)}.c-purple .stat-blob{background:#4d194d}.c-blue .stat-blob{background:#3b82f6}.c-green .stat-blob{background:#22c55e}.c-red .stat-blob{background:#ef4444}.stat-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.stat-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.stat-card:hover .stat-icon-wrap{transform:scale(1.12) rotate(-4deg)}.c-purple .stat-icon-wrap{background:#f5eaf5;color:#4d194d}.c-blue .stat-icon-wrap{background:#3b82f61a;color:#3b82f6}.c-green .stat-icon-wrap{background:#22c55e1a;color:#22c55e}.c-red .stat-icon-wrap{background:#ef44441a;color:#ef4444}.stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:4px 8px;border-radius:20px;line-height:1;white-space:nowrap}.stat-trend.up{background:#22c55e1a;color:#22c55e}.stat-trend.down{background:#ef44441a;color:#ef4444}.stat-trend.flat{background:#f59e0b1a;color:#f59e0b}.stat-number{font-family:Syne,sans-serif;font-size:36px;font-weight:800;letter-spacing:-2px;line-height:1;color:#1e0e1e;margin-bottom:6px}.stat-prefix,.stat-suffix{font-size:18px;font-weight:600;letter-spacing:-.5px;opacity:.6}.stat-label{font-size:12px;font-weight:500;color:#7a6a7a;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}.stat-bar-wrap{margin-top:auto}.stat-bar-label{display:flex;justify-content:space-between;font-size:10px;color:#b0a0b0;margin-bottom:5px}.stat-bar{height:4px;background:#f1eaf1;border-radius:4px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:4px;width:0;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.c-purple .stat-bar-fill{background:linear-gradient(90deg,#4d194d,#6b2c6b)}.c-blue .stat-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.c-green .stat-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.c-red .stat-bar-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-divider{height:1px;background:#f1eaf1;margin:12px 0}.stat-sub{font-size:11px;color:#b0a0b0;display:flex;align-items:center;gap:4px}.dark-toggle{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid #f1eaf1;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#7a6a7a;font-size:14px;transition:all .2s;box-shadow:0 2px 10px #4d194d1a}.dark-toggle:hover{background:#f5eaf5;color:#4d194d}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;position:relative;flex-shrink:0}.live-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:#22c55e;opacity:.3;animation:ripple 2s ease-out infinite}@keyframes ripple{0%{transform:scale(1);opacity:.4}to{transform:scale(2.8);opacity:0}}@media (max-width: 700px){.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width: 420px){.stats-grid{grid-template-columns:1fr}.stat-number{font-size:30px}}.body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif!important}.cmp_input_gm,.cmp_input_lbh{color:#04c!important}.cmp_required:after{content:" *";color:#d10303!important}.cmp-text-danger{font-size:12px!important;color:#d10303!important}.forward_reverse{min-height:390px;overflow:auto;height:390px}.volume_price{background:#f9f9fb;margin-top:15px;padding:15px;border-radius:.5rem}.courier-title-heading{font-weight:600;font-size:.98rem;color:#000}.courier-box{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb}.delivery_in{color:#000;font-size:.765rem}.form-text{border-top:1px dashed #ccc;color:#000;display:flex;padding:5px 0;font-size:.645rem}.shadow-sm{box-shadow:0 2px 5px #00000026!important;border-radius:5px!important}.address-textarea{height:50px!important;resize:none}.text-danger{color:#ca0505!important;font-weight:700;font-size:12px}.charge-info-text{font-size:12px!important;color:#04c!important;font-weight:700!important}.custom-option{border:1px solid #dbdade;border-radius:.375rem;padding-left:1.7em}.selected-rate{border:2px solid #007bff!important;background-color:#e7f1ff!important}.navbar,.content-wrapper{background:#e8e0e8!important}.navbar-brand-wrapper{background:#e6e5f3!important}.navbar-menu-wrapper{background:#fff!important;height:70px!important}.welcome-text{color:#000!important}.kw_button_cancel{color:#fff!important;background-color:#e60b0b!important}.kw_button_booked{color:#155724!important;background-color:#fff!important;border:1px solid #155724!important;font-weight:900}.response_error{color:#e60b0b!important;font-weight:700;max-width:250px;word-break:break-word}.table-scroll-x{overflow-x:auto}.sticky-action{position:sticky;right:0;background:#fff}.blurred_bg{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tab_header{font-size:11px;color:#929292}.custom_tab,.custom_active_tab{font-size:14px;border:1px solid #eee;cursor:pointer}.custom_active_tab{background-color:#9fc4e41a;border-bottom:2px solid #0c243d}.submit-button-movora{background-color:#4d194d!important;color:#fff!important}label{font-size:13px!important;color:#000!important;font-weight:600!important}.form-control{padding-left:10px!important;color:#000!important}.profile-img{object-fit:cover}.header_button{background-color:#da627d!important;color:#fff!important}.btn-dark{background:#006466!important;color:#fff}.btn-light{background:#8b0000;color:#fff!important}.sk{border-radius:6px;animation:skeleton 1.4s ease infinite;background:#f0f2f5}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.remit-card{background:#fff;padding:20px;border-radius:10px}.status.pending{background:#fff7ed;color:#ea580c}.status.settled{background:#ecfdf5;color:#16a34a}.status.processing{background:#eef2ff;color:#4f46e5}#sidebar{background:linear-gradient(180deg,#3a0f3a,#4d194d 45%,#3d1240)!important;flex-direction:column;z-index:200;transition:.22s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px #4d194d66}.sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon{color:#fff}.sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon:hover{color:#4d194d}.sidebar .nav .nav-item .nav-link i.menu-icon,.sidebar .nav .nav-item .nav-link .menu-title{color:#f0f8ff}.nav-category{font-family:DM Sans,sans-serif!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;color:#fff!important;padding:14px 8px 5px!important;white-space:nowrap!important;transition:opacity .15s!important;height:32px!important;flex-shrink:0!important}.order-tabs,.shipment-nav-tabs{display:flex;gap:10px;border-bottom:1px solid #e5e7eb;padding-bottom:8px;flex-wrap:wrap}.order-tabs .order-nav-item,.shipment-nav-tabs .nav-item{list-style:none}.order-nav-link,.shipment-nav-tabs .nav-link{border:none;background:#f3f4f6;color:#374151;padding:8px 14px;border-radius:8px;font-size:13.5px;cursor:pointer;transition:all .25s ease}.order-nav-link:hover,.shipment-nav-tabs .nav-link:hover{background:#e5e7eb}.order-nav-link.active,.shipment-nav-tabs .nav-link.active{background:#4f46e5;color:#fff;font-weight:500;box-shadow:0 3px 8px #4f46e54d}.shipment-nav-tabs .nav-link{white-space:nowrap}@media (max-width: 768px){.order-tabs,.shipment-nav-tabs{flex-wrap:nowrap;overflow-x:auto}}.summary-card{border-radius:12px;transition:.3s}.summary-card:hover{transform:translateY(-3px)}.summary-card.debit{background:#fff5f5;border-left:4px solid #dc3545}.summary-card.credit{background:#f4fff7;border-left:4px solid #28a745}.summary-card.balance{background:#f4f8ff;border-left:4px solid #007bff}.empty-table-wrapper{height:300px}.empty-table-wrapper .empty-orders{height:100%}.empty-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;color:#6c757d}.empty-icon{margin-bottom:15px;color:#adb5bd}.empty-orders h5{font-weight:600;margin-bottom:8px;color:#343a40}.empty-orders p{font-size:14px;max-width:320px;line-height:1.5}.custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;align-items:flex-start;padding-top:80px}.custom-modal{background:#fff;box-shadow:0 10px 30px #00000026;animation:fadeIn .2s ease-in-out;width:500px;border-radius:18px}.custom-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary) 0%,#6b2c6b 50%,var(--secondary) 100%);color:#fff;padding:12px 16px;border-radius:0;margin-bottom:15px;height:70px}.custom-header h5{font-family:var(--font-display);font-size:17px;font-weight:800;line-height:1.2;letter-spacing:-.3px}.custom-header p{font-size:12px;opacity:.75;margin-top:2px}.custom-header button{top:14px;right:16px;width:30px;height:30px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;cursor:pointer;transition:all .2s;z-index:2}.subtitle{font-size:13px;color:#666;margin-bottom:15px}.input-box{position:relative;display:flex;align-items:center;background:var(--surface2, #fdf8fd);border:1.5px solid var(--border-l, var(--border-light, var(--border)));border-radius:10px;overflow:hidden;transition:border-color .2s}.input-box span{position:absolute;left:12px;top:50%;transform:translateY(-50%);padding:10px 14px;font-size:16px;font-weight:700;color:var(--text-m, var(--text-muted));border-right:1px solid var(--border-l, var(--border-light, var(--border)));font-family:var(--font-display)}.input-box input{width:100%;border-radius:8px;text-align:center;flex:1;padding:10px 14px;border:none;background:transparent;font-family:Syne,sans-serif;font-size:18px;font-weight:800;color:#1e0e1e;outline:none;letter-spacing:-.5px}.input-box input:focus{outline:none;border-color:#111}.quick-amounts-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-m, var(--text-muted));margin-bottom:10px}.quick-amounts-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-m, var(--text-muted));text-align:center;margin-top:20px;margin-bottom:20px}.qa-chip.best-offer{border:2px solid #16a34a;background:#f0fdf4;position:relative}.best-badge{position:absolute;top:-10px;background:#16a34a;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600}.qa-chip-bonus{font-size:12px;color:#16a34a;margin-top:4px;font-weight:600}.qa-chip.selected.best-offer{background:#4d194d;color:#fff}.qa-chip.selected.best-offer .qa-chip-bonus{color:#d1fae5}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.qa-chip{padding:10px 6px;border-radius:10px;background:var(--surface2,#fdf8fd);border:1.5px solid var(--border-l,var(--border-light,var(--border)));text-align:center;cursor:pointer;transition:all .18s}.qa-chip:hover{border-color:var(--secondary);background:#da627d0f}.qa-chip.selected{border-color:#4d194d;background:var(--primary-xl,var(--primary-xlight,#f5eaf5));box-shadow:0 0 0 3px #4d194d1a}.qa-chip-amt{font-family:Syne,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.5px}.qa-chip-bonus{font-size:10px;font-weight:600;color:var(--success,#22c55e);margin-top:2px}.qa-chip-bonus.none{color:var(--text-l,var(--text-light));font-weight:400}.final-amount{margin-top:10px;text-align:center;font-size:14px;font-weight:600;color:#059669;background:linear-gradient(90deg,#ecfdf5,#d1fae5);padding:8px;border-radius:8px}.error{color:red;font-size:12px;margin-top:5px}.quick-buttons{display:flex;justify-content:center;gap:10px;margin-top:15px}.quick-buttons button{border:1px solid #ddd;background:#fff;padding:6px 14px;border-radius:20px;cursor:pointer;font-size:14px}.custom-body{padding:10px 15px 0}.offer-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.offer-tag{font-size:11px;color:#16a34a;margin-top:4px;font-weight:600}.quick-buttons button{border:1px solid #ddd;background:#fafafa;padding:6px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:.2s}.quick-buttons button:hover{background:#f0f0f0}.quick-buttons button.active{background:#111;color:#fff;border-color:#111}.secure-box{margin-top:20px;background:#f1f5f9;padding:12px;border-radius:10px;font-size:13px;text-align:center;border:1px solid #e2e8f0}.custom-footer{display:flex;justify-content:space-between;margin-top:20px;padding:15px}.pay-btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--primary),var(--primary-l, var(--primary-light, #6b2c6b)));color:#fff;border:none;border-radius:12px;font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:-.3px;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px #4d194d4d;display:flex;align-items:center;justify-content:center;gap:8px}.pay-btn:disabled{background:#999;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a14bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .4s ease}.rp-card{position:relative;width:500px;border-radius:20px;background:linear-gradient(145deg,#fff,#f4f6ff);box-shadow:0 20px 60px #00000040,inset 0 1px #fff9;text-align:center;overflow:hidden;animation:popupIn .4s ease}.rp-close{position:absolute;top:12px;right:14px;border:none;background:transparent;font-size:18px;cursor:pointer}.rp-title{font-size:22px;font-weight:700;margin-bottom:6px}.rp-sub{font-size:13px;color:#666;margin-bottom:18px}.rp-offers{display:flex;gap:12px;margin-bottom:18px}.rp-offer{flex:1;padding:14px;border-radius:12px;background:#f1f3ff;transition:.3s;cursor:pointer}.rp-offer span{display:block;font-weight:700;font-size:16px}.rp-offer small{font-size:12px;color:#fff}.rp-offer.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;transform:scale(1.05)}.rp-offer:hover{transform:translateY(-3px)}.rp-benefits{display:flex;justify-content:space-between;font-size:12px;color:#444;margin-bottom:20px}.rp-btn{width:100%;padding:12px;border-radius:10px;border:none;font-weight:600;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);cursor:pointer;transition:.3s;box-shadow:0 10px 25px #4f46e566}.rp-btn:hover{transform:scale(1.05);box-shadow:0 15px 35px #4f46e580}.rp-skip{margin-top:12px;font-size:12px;color:#777;cursor:pointer}.rp-header{position:relative;border-radius:16px 16px 0 0;color:#fff;background:linear-gradient(135deg,#3a0f3a 0%,var(--primary) 45%,#5c1f5c 100%);overflow:hidden}.rp-header-content{position:relative;z-index:2;text-align:start}.rp-header .rp-title{font-size:20px;font-weight:700;margin-top:8px;color:#fff}.rp-header .rp-sub{font-size:14px;color:#fff}.rp-body{padding:20px}.rp-benefits-premium{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.rp-benefit{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;transition:all .3s ease}.rp-benefit:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);opacity:0;transition:.3s}.rp-benefit:hover:before{opacity:1}.rp-benefit:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 25px #0000001f}.rp-icon{font-size:24px}.rp-big{font-size:20px;font-weight:800;color:#111}.rp-label{font-size:12px;color:#555}.premium-cod{background:linear-gradient(135deg,#fff7ed,#ffe8cc)}.premium-prepaid{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.premium-unlimited{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.premium-track{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.rp-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.rp-benefit-card{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#f9fafb;border:1px solid #eee;transition:all .2s ease}.rp-benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.rp-benefit-card span{font-size:22px}.rp-amount{font-weight:700;font-size:16px;color:#111}.rp-text{font-size:12px;color:#666}.rp-close{position:absolute;top:10px;right:10px;background:#fff3;border:none;color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer}.rp-close:hover{background:#ffffff4d}.rp-badge{display:inline-block;background:#ffe8cc;color:#d97706;padding:4px 10px;font-size:12px;border-radius:999px;margin-bottom:10px;font-weight:600}.rp-highlight{margin-top:10px;font-weight:600;color:#111}.rp-actions{margin-top:15px}.rp-primary-btn{width:100%;background:#000;color:#fff;padding:10px;border-radius:8px;opacity:.7;cursor:not-allowed}@keyframes popupIn{0%{transform:scale(.85) translateY(20px);opacity:0}to{transform:scale(1);opacity:1}}.card-body{background:#fff;border-radius:14px;padding:20px;box-shadow:0 4px 20px #0000000f}.rate-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.rate-plan-name{font-size:13px;color:#6c757d;margin-top:4px}.rate-table-wrapper{border-radius:12px;overflow:hidden}.rate-table{width:100%;border-collapse:separate;border-spacing:0}.rate-table thead tr{background:linear-gradient(90deg,#0d6efd,#4f9cff)}.rate-table th{padding:14px;font-size:13px;font-weight:600;color:#fff;text-align:center;border:none;background:linear-gradient(90deg,#4d194d,#da627d)}.rate-table tbody tr{transition:.2s ease}.rate-table tbody tr:hover{background:#f8fbff}.rate-table td{padding:12px;text-align:center;border-bottom:1px solid #f1f1f1}.courier-cell{text-align:left}.courier-name{font-weight:600;color:#333}.zone-box{background:#f9fbff;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px;border:1px solid #eef3ff}.rate-line{display:flex;justify-content:space-between;font-size:12px}.rate-label{font-weight:600}.rate-label.fwd{color:#0d6efd}.rate-label.rto{color:#dc3545}.rate-label.wt{color:#198754}.cod-box{font-weight:600;color:#333;background:#fff8e6;border:1px solid #ffe4a3;padding:8px;border-radius:10px}.cod-percent{display:block;font-size:11px;color:#ff9800;margin-top:3px}.no-data{text-align:center;padding:20px;color:#999;font-size:14px}@media (max-width: 768px){.rate-table th,.rate-table td{padding:8px;font-size:11px}.zone-box{padding:6px}}.sk{position:relative;overflow:hidden;background-color:#e5e7eb;border-radius:6px}.sk:after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg,#f0f2f500,#fffc,#f0f2f500);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translate(300px)}}.sk-text{height:12px}.sk-checkbox{width:16px;height:16px;border-radius:3px}.sk-btn{width:70px;height:26px;border-radius:20px}.w-70{width:70px}.w-80{width:80px}.w-90{width:90px}.w-100{width:100px}.w-110{width:110px}.w-120{width:120px}.w-130{width:130px}.w-140{width:140px}.w-160{width:160px}.w-180{width:180px}.mb-2{margin-bottom:6px}.skeleton-row td{padding:12px 10px}.skeleton-row{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--primary: #4d194d;--primary-mid: #6b2d6b;--rose: #da627d;--rose-light:#f4a0b5;--bg: #f5f0f5;--card: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #e5dce5;--error: #dc2626;--success: #16a34a;--radius: 14px;--shadow: 0 20px 60px rgba(77,25,77,.12), 0 4px 16px rgba(77,25,77,.06);--transition: .22s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);min-height:100vh;display:flex;align-items:stretch;color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;pointer-events:none}.auth-shell{position:relative;z-index:1;display:flex;width:100%;min-height:100vh}.brand-panel{flex:0 0 48%;background:linear-gradient(145deg,#4d194d,#3b0f3b 40%,#1a0426);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 56px;position:relative;overflow:hidden}.brand-panel:before{content:"";position:absolute;width:200px;height:200px;border:4px solid rgba(255,255,255,.2);border-radius:50%;top:30%;left:30%;transform:translate(-50%,-50%);animation:floatMove 6s ease-in-out infinite}.brand-panel:after{content:"";position:absolute;width:300px;height:300px;border:2px solid rgba(255,255,255,.1);border-radius:50%;top:60%;left:60%;transform:translate(-50%,-50%);animation:floatMove 8s ease-in-out infinite reverse}@keyframes floatMove{0%{transform:translate(-70%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(20px,-20px)}50%{transform:translate(-50%,-50%) translate(-20px,20px)}75%{transform:translate(-50%,-50%) translate(10px,-10px)}to{transform:translate(-50%,-50%) translate(0)}}.deco-ring{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;animation:rotateRing 20s linear infinite}.deco-ring-1{width:300px;height:300px;top:10%;left:20%}.deco-ring-2{width:400px;height:400px;bottom:10%;right:15%;animation-duration:30s}.deco-ring-3{width:200px;height:200px;top:50%;left:60%;animation-duration:25s}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-content{animation:fadeUp 1s ease forwards}.logo-mark{animation:zoomIn .8s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.logo-svg-brand{width:200px;height:auto;filter:drop-shadow(0 4px 14px rgba(218,98,125,.35))}.logo-svg-brand .logo-text{fill:#fff;font-size:48px;font-family:"Poppins, Montserrat, Arial, sans-serif";font-weight:700;letter-spacing:2px}.logo-svg-brand .sq-primary{fill:#ffffff2e}.logo-svg-brand .sq-rose{fill:var(--rose)}.logo-svg-brand .star{fill:#fff}.brand-headline{font-family:Syne,sans-serif;font-size:38px;font-weight:800;line-height:1.15;color:#fff;margin-bottom:20px;letter-spacing:-.8px}.brand-headline em{font-style:normal;color:var(--rose-light)}.brand-sub{font-size:15px;line-height:1.7;color:#fff9;margin-bottom:44px}.feature-pills{display:flex;flex-direction:column;gap:12px;text-align:left}.pill{display:flex;align-items:center;gap:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:40px;padding:10px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.pill:hover{transform:translateY(-4px) scale(1.02);background:#ffffff14}.pill-icon{width:28px;height:28px;border-radius:50%;background:#da627d40;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pill-icon svg{width:13px;height:13px;color:var(--rose-light)}.pill-text{font-size:13px;color:#fffc;font-weight:500}.brand-footer{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:12px;color:#fff}.form-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;overflow-y:auto}.terms-field{margin-top:10px}.terms-label{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text);cursor:pointer}.terms-label input{margin-top:3px;accent-color:var(--rose);cursor:pointer}.terms-label a{color:var(--rose);text-decoration:none;font-weight:500}.terms-label a:hover{text-decoration:underline}.form-card{width:100%;max-width:595px}.input-error{border-color:2px solid red;border-radius:10px}.input-wrap select{width:100%;padding:10px 40px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;cursor:pointer}.tab-bar{display:flex;background:#4d194d12;border-radius:10px;padding:4px;margin-bottom:36px}.tab-btn{flex:1;padding:10px 0;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;border-radius:7px;transition:var(--transition);position:relative}.tab-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #4d194d21}.form-header{margin-bottom:28px}.form-header h2{font-family:Syne,sans-serif;font-size:28px;font-weight:800;color:var(--primary);letter-spacing:-.5px;margin-bottom:6px}.form-header p{font-size:14px;color:var(--muted);line-height:1.6}.form-view{animation:fadeSlide .32s ease}.form-view.active{display:block}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.field{margin-bottom:18px}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;width:17px;height:17px;color:#9ca3af;pointer-events:none;transition:color var(--transition)}.input-wrap input{width:100%;padding:13px 14px 13px 42px;border:1.5px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:15px;color:var(--text);background:#fafafa;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.input-wrap input::placeholder{color:#c4b5c4}.input-wrap input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #4d194d14}.input-wrap input:focus+.input-icon,.input-wrap:focus-within .input-icon{color:var(--primary)}.eye-btn{position:absolute;right:13px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;display:flex;align-items:center;transition:color var(--transition)}.eye-btn:hover{color:var(--primary)}.eye-btn svg{width:17px;height:17px}.input-wrap.valid input{border-color:var(--success)}.input-wrap.error input{border-color:var(--error)}.input-wrap.valid input:focus{box-shadow:0 0 0 4px #16a34a14}.input-wrap.error input:focus{box-shadow:0 0 0 4px #dc262614}.field-msg{font-size:12px;margin-top:5px}.field-msg.error{display:block;color:var(--error)}.field-msg.success{display:block;color:var(--success)}.strength-bar{display:flex;gap:4px;margin-top:8px}.strength-seg{height:3px;flex:1;border-radius:99px;background:var(--border);transition:background .3s}.strength-label{font-size:11px;color:var(--muted);margin-top:4px}.forgot-row{display:flex;justify-content:flex-end;margin-top:-10px;margin-bottom:18px}.link-text{font-size:13px;color:var(--rose);text-decoration:none;font-weight:500;transition:color var(--transition);background:none;border:none;cursor:pointer}.link-text:hover{color:var(--primary)}.btn-primary-auth{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);color:#fff;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.2px;box-shadow:0 4px 18px #4d194d4d;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);position:relative;overflow:hidden}.btn-primary-auth:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--rose) 0%,var(--primary-mid) 100%);opacity:0;transition:opacity var(--transition)}.btn-primary-auth span{position:relative;z-index:1}.btn-primary-auth:hover:after{opacity:1}.btn-primary-auth:hover{box-shadow:0 6px 24px #da627d61}.btn-primary-auth:active{transform:scale(.977)}.divider{display:flex;align-items:center;gap:14px;margin:22px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{font-size:12px;color:#c4b5c4;font-weight:500;white-space:nowrap}.social-row{display:flex;gap:10px}.btn-social{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.btn-social:hover{border-color:var(--rose-light);box-shadow:0 2px 12px #da627d1f;transform:translateY(-1px)}.btn-social:active{transform:scale(.97)}.btn-social svg{width:18px;height:18px}.switch-prompt{text-align:center;margin-top:24px;font-size:14px;color:var(--muted)}.switch-prompt button{background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:var(--rose);transition:color var(--transition);text-decoration:underline;text-underline-offset:2px}.switch-prompt button:hover{color:var(--primary)}.terms-note{font-size:11.5px;color:var(--muted);text-align:center;line-height:1.6}.terms-note a{color:var(--rose);text-decoration:none}.terms-note a:hover{text-decoration:underline}.mobile-logo{display:none;align-items:center;justify-content:center;margin-bottom:28px}.logo-svg-mobile{width:160px;height:auto}.logo-svg-mobile .cmp_text{font-size:"48";font-family:"Poppins, Montserrat, Arial, sans-serif";font-weight:"700";fill:"#4D194D";letter-spacing:"2"}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}select{height:50px;width:100%;border:1.5px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:15px;color:var(--text);background:#fafafa;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}@media (max-width: 860px){.brand-panel{display:none}.mobile-logo{display:flex}.form-panel{padding:36px 24px}.form-header h2{font-size:24px}}@media (max-width: 440px){.form-panel{padding:28px 16px}.social-row{flex-direction:column}}.login-page{display:flex;min-height:100vh;background:#f4f6f9}.login-left{flex:1;padding:60px;color:#fff;background:linear-gradient(135deg,#5b2c6f,#8e44ad);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-left:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background-image:radial-gradient(circle,rgba(255,255,255,.3) 1.5px,transparent 1.5px);background-size:50px 50px;animation:mapMove 25s linear infinite;opacity:.6;pointer-events:none;align-items:center}.login-left:after{content:"";position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent);filter:blur(120px);opacity:.5;pointer-events:none;align-items:center}@keyframes mapMove{0%{transform:translate(0)}50%{transform:translate(-40px,-40px)}to{transform:translate(0)}}.shipping-network{width:100%;height:200px;margin-bottom:40px;position:relative;z-index:1}.shipping-svg{width:100%;height:100%}.route{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:10 10;animation:routeMove 10s linear infinite;filter:drop-shadow(0 0 6px rgba(255,255,255,.6))}.node{fill:#fff;animation:nodeGlow 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.floating-packages{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.package{position:absolute;font-size:26px;opacity:.6;animation:floatPackage 12s linear infinite}.p1{left:10%;animation-duration:14s}.p2{left:30%;animation-duration:18s}.p3{left:60%;animation-duration:16s}.p4{left:85%;animation-duration:20s}@keyframes floatPackage{0%{transform:translateY(120vh) rotate(0);opacity:0}20%{opacity:.6}80%{opacity:.6}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes routeMove{0%{stroke-dashoffset:0}to{stroke-dashoffset:-120}}@keyframes nodeGlow{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.brand-content{margin-bottom:30px;position:relative;z-index:1;text-align:center}.brand-content h2{font-size:36px;font-weight:700;letter-spacing:.3px}.brand-sub{font-size:16px;opacity:.9}.shipment-counter{margin-bottom:40px;position:relative;z-index:1;text-align:center}.shipment-counter h3{font-size:42px;font-weight:700;margin-bottom:5px}.shipment-counter p{opacity:.85}.courier-slider{margin-top:60px;overflow:hidden;width:100%}.courier-track{display:flex;align-items:center;gap:60px;animation:scroll 25s linear infinite;will-change:transform}.courier-logo{background:#fff;padding:10px 18px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014}.courier-logo img{height:28px;width:auto;object-fit:contain;transition:.3s}.courier-logo:hover img{transform:scale(1.08)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.login-right{flex:1;display:flex;justify-content:center;align-items:center;padding:40px}.login-card{background:#fff;padding:40px;width:380px;border-radius:12px;box-shadow:0 20px 50px #00000014}.login-logo{width:150px;margin:auto auto 20px;display:block}.password-box{position:relative}.password-icon{position:absolute;right:12px;top:10px;cursor:pointer}.login-btn{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#5b2c6f,#8e44ad);color:#fff;font-weight:600;transition:.3s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000026}.login-links{margin-top:20px;text-align:center}@media (max-width:1024px){.login-page{flex-direction:column}.login-left{padding:60px 30px;text-align:center;align-items:center}.login-right{padding:40px 20px}.login-card{max-width:420px;width:100%}}@media (max-width:768px){.login-left{padding:40px 25px}.login-left h2{font-size:24px}.brand-sub{font-size:14px}.shipment-counter h3{font-size:30px}.login-logo{width:120px}.login-card{padding:30px 25px}}@media (max-width:480px){.login-left{display:none}.login-page{justify-content:center;align-items:center}.login-card{width:90%;padding:25px}}