@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--font-main: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "IBM Plex Mono", monospace;--bg-primary: #070d16;--bg-secondary: #0c131f;--bg-tertiary: #101a28;--surface-card: linear-gradient(168deg, rgba(27, 36, 51, .85), rgba(12, 17, 27, .92));--surface-elevated: linear-gradient(168deg, rgba(35, 46, 64, .94), rgba(15, 20, 31, .97));--bg-card: rgba(255, 255, 255, .035);--bg-input: rgba(255, 255, 255, .045);--accent-blue: #4d8dff;--accent-blue-hover: #2f78ff;--accent-blue-soft: rgba(77, 141, 255, .16);--accent-gradient: linear-gradient(135deg, #4d8dff, #7b6bff 94%);--accent-violet: #8b7cff;--success-green: #22c55e;--warning-yellow: #f59e0b;--text-primary: #f4f8ff;--text-main: var(--text-primary);--text-secondary: #9cabbe;--text-muted: #698097;--border-color: rgba(159, 176, 198, .12);--border-subtle: rgba(159, 176, 198, .14);--border-focus: rgba(77, 141, 255, .45);--radius-sm: .7rem;--radius-md: 1rem;--radius-lg: 1.35rem;--radius-xl: 1.6rem;--shadow-soft: inset 0 1px 0 rgba(255, 255, 255, .04), 0 18px 44px -24px rgba(2, 6, 12, .7);--glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 28px 60px -30px rgba(2, 6, 12, .8);--glow-shadow: 0 0 0 1px rgba(77, 141, 255, .25), 0 16px 38px -14px rgba(77, 141, 255, .45);--highlight-top: inset 0 1px 0 rgba(255, 255, 255, .06);--ring: 0 0 0 3px rgba(77, 141, 255, .28);--transition-fast: .14s ease;--transition-normal: .22s ease;--transition-medium: .24s ease;--transition-smooth: .32s cubic-bezier(.2, .8, .2, 1);--page-gutter: clamp(.9rem, 3vw, 1.2rem);--page-gutter-wide: clamp(1.2rem, 3vw, 2rem);--content-max-width: 1920px;--mobile-nav-height: 74px}*{box-sizing:border-box;min-width:0}html{height:100%;font-size:16px;scroll-behavior:smooth}body{margin:0;min-height:100%;background:radial-gradient(1100px 560px at 82% -10%,rgba(77,141,255,.1),transparent 60%),radial-gradient(900px 520px at 4% 2%,rgba(139,124,255,.08),transparent 58%),var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}input,select,textarea{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff09;color:var(--text-primary);padding:.82rem .95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--ring)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);letter-spacing:-.03em}p{margin:0}.glass-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-soft)}.desktop-only{display:none!important}.mobile-only{display:flex!important}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.8rem 1rem;border-radius:1rem;background:var(--accent-gradient);color:#fff;font-weight:700;box-shadow:var(--glow-shadow),var(--highlight-top);transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.06) saturate(1.05)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;box-shadow:none;cursor:not-allowed;transform:none;filter:none}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:clamp(1.5rem,4vw,2.75rem);text-align:center}.empty-icon-container{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.25rem;background:#4d8dff1a}.text-muted{color:var(--text-muted)}.error-banner{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(248,113,113,.24);background:#7f1d1d29;color:#fecaca}.skeleton-grid{display:grid;gap:.9rem}.skeleton-card{min-height:8rem;border-radius:1.1rem;border:1px solid var(--border-subtle);background:linear-gradient(90deg,#ffffff05 25%,#ffffff0f,#ffffff05 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.page-transition{animation:fadeIn .22s ease}.pull-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;overflow:hidden;transition:height .2s ease,opacity .2s ease;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.02em}.pull-indicator:not(.visible){height:0!important;opacity:0!important}.pull-indicator.refreshing{color:var(--accent-blue)}.spin{animation:spin .9s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{border-radius:999px;background:#9ca3af3d}::-webkit-scrollbar-thumb:hover{background:#9ca3af66}::selection{background:#4d8dff52;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:1024px){.desktop-only{display:flex!important}.mobile-only{display:none!important}}.warehouse-modal-overlay{position:fixed;inset:0;z-index:2200;background:#0000009e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:0}.warehouse-modal-sheet{width:100%;max-width:100%;border-radius:16px 16px 0 0;border:1px solid rgba(255,255,255,.12);border-bottom:none;background:#0f1012;padding:1rem;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;animation:warehouseSheetIn .18s ease-out}@media(min-width:768px){.warehouse-modal-overlay{align-items:center;padding:1rem}.warehouse-modal-sheet{width:100%;max-width:560px;border-radius:16px;border:1px solid rgba(255,255,255,.12);max-height:88dvh;padding:1.2rem}}@keyframes warehouseSheetIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.warehouse-modal-close{position:absolute;top:.75rem;right:.75rem;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.warehouse-modal-header{padding-right:2rem;margin-bottom:.9rem}.warehouse-modal-header h2{margin:0;display:inline-flex;align-items:center;gap:.45rem;font-size:1rem;color:var(--text-primary)}.warehouse-modal-header p{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary)}.warehouse-modal-form{display:flex;flex-direction:column;gap:.75rem}.warehouse-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.warehouse-field{display:flex;flex-direction:column;gap:.35rem}.warehouse-field label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.warehouse-field input,.warehouse-field textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0000004d;color:var(--text-primary);padding:.65rem .75rem;font-size:.88rem}.warehouse-field textarea{resize:vertical;min-height:72px;font-family:inherit}.warehouse-field input:focus,.warehouse-field textarea:focus{outline:none;border-color:#3e8bffa6;box-shadow:0 0 0 2px #3e8bff29}.warehouse-active-row{margin-top:.15rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08;padding:.55rem .7rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.warehouse-active-row strong{display:block;font-size:.8rem;color:var(--text-primary)}.warehouse-active-row span{display:block;margin-top:.1rem;font-size:.72rem;color:var(--text-secondary)}.warehouse-switch{width:46px;height:26px;border-radius:999px;border:1px solid transparent;position:relative;flex-shrink:0;transition:all .16s ease}.warehouse-switch.on{background:#10b9813d;border-color:#10b9818c}.warehouse-switch.off{background:#ffffff14;border-color:#ffffff2e}.warehouse-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .16s ease}.warehouse-switch.on .warehouse-switch-thumb{transform:translate(20px)}.warehouse-modal-actions{margin-top:.35rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.warehouse-btn{border-radius:10px;padding:.64rem .8rem;font-size:.82rem;font-weight:600;border:1px solid transparent}.warehouse-btn-primary{background:#3e8bff38;color:#dbeafe;border-color:#3e8bff80}.warehouse-btn-secondary{background:#ffffff0f;color:var(--text-secondary);border-color:#ffffff24}.warehouse-settings{padding:1rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.warehouse-settings{padding:1.25rem;gap:1.25rem}}.warehouse-settings .warehouse-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem}.warehouse-settings .warehouse-title{display:flex;gap:.75rem;align-items:center}.warehouse-settings .warehouse-title h2{font-size:1rem;margin:0 0 .2rem;color:var(--text-primary)}.warehouse-settings .warehouse-title p{margin:0;font-size:.82rem;color:var(--text-secondary)}.warehouse-settings .warehouse-add-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.52rem .8rem;border-radius:8px;border:1px solid rgba(62,139,255,.45);background:#3e8bff2e;color:#dbeafe;font-size:.84rem;font-weight:600;white-space:nowrap}.warehouse-settings .warehouse-add-btn:hover{background:#3e8bff47;border-color:#3e8bffa6}.warehouse-settings .warehouse-list{display:flex;flex-direction:column;gap:.75rem}.warehouse-settings .warehouse-card{background:#0003;border:1px solid var(--border-color);border-radius:12px;padding:.85rem;transition:all var(--transition-fast)}.warehouse-settings .warehouse-card.inactive{opacity:.6;background:#0000001a}.warehouse-settings .wh-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.05);gap:.75rem}.warehouse-settings .wh-status{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.warehouse-settings .wh-status h3{font-size:.95rem;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warehouse-settings .wh-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.warehouse-settings .toggle-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-secondary);cursor:pointer}.warehouse-settings .wh-details{display:flex;flex-direction:column;gap:.55rem}.warehouse-settings .detail-row{display:flex;align-items:flex-start;gap:.7rem}.warehouse-settings .detail-row .label{font-size:.8rem;color:var(--text-muted);width:54px;flex-shrink:0;margin-top:.2rem}.warehouse-settings .detail-row .value{color:var(--text-primary);font-size:.86rem;min-width:0}.warehouse-settings .bg-gray{background:#ffffff1a;color:#fff}.warehouse-settings .text-success{color:var(--success-green)}.warehouse-settings .text-danger{color:#ef4444}.warehouse-settings .wh-name-input{background:transparent;border:1px solid var(--border-focus);color:#fff;font-size:1rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;width:100%}.warehouse-settings .wh-input{background:#ffffff0d;border:1px solid var(--border-color);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.92rem}.warehouse-settings .wh-input:focus{border-color:var(--accent-blue);outline:none}.warehouse-settings .wh-input.compact{max-width:120px}.warehouse-settings .wh-input.full-width{flex:1;width:100%}.warehouse-settings .btn-dashed{background:transparent;border:2px dashed var(--border-color);color:var(--text-secondary);padding:.8rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all var(--transition-fast);font-size:.85rem}.warehouse-settings .btn-dashed:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#3e8bff0d}.quote-card{padding:1rem 1.05rem;display:flex;flex-direction:column;gap:.65rem;position:relative;overflow:hidden;transition:all var(--transition-fast);cursor:pointer;border:1px solid rgba(255,255,255,.05);min-height:100%;border-radius:18px;background:linear-gradient(180deg,#ffffff0b,#ffffff05)}.quote-card:hover{background:#ffffff08;border-color:#3e8bff4d}.quote-card-disabled{cursor:default;opacity:.78}.quote-card-disabled:hover{background:linear-gradient(180deg,#ffffff0b,#ffffff05);border-color:#ffffff0d}.quote-card-failed{cursor:default;border-color:#f59e0b38;background:linear-gradient(180deg,#f59e0b14,#ffffff05)}.provider-icon-failed{background:#f59e0b1f}.warning-icon{color:var(--warning-yellow)}.quote-error-text{margin:.5rem 0 0;font-size:.82rem;line-height:1.45;color:var(--text-secondary)}.quote-card-primary{border-color:var(--border-focus);background:linear-gradient(to right,rgba(62,139,255,.05),transparent)}.quote-card-primary:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-blue),#A78BFA)}.quote-card-shiprocket-recommended{border-color:#38bdf852;background:linear-gradient(180deg,#082f4961,#ffffff05);box-shadow:inset 0 0 0 1px #7dd3fc14}.quote-card-shiprocket-recommended:after{content:"★";position:absolute;top:.72rem;right:.8rem;width:1.35rem;height:1.35rem;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:.78rem;font-weight:700;color:#dbeafe;background:#0e74903d;border:1px solid rgba(125,211,252,.24)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:12px;font-size:.65rem;font-weight:600;text-transform:uppercase;background:#ffffff14;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08)}.badge-gold{background:#f59e0b26;color:var(--warning-yellow);border:1px solid rgba(245,158,11,.3)}.badge-green{background:#10b98126;color:var(--success-green);border:1px solid rgba(16,185,129,.3)}.badge-star{padding:.15rem .35rem;background:#3b82f629;color:#93c5fd;border:1px solid rgba(96,165,250,.34)}.quote-main-row{display:flex;align-items:flex-start;gap:.75rem}.provider-info{min-width:0;flex:1}.provider-icon{width:32px;height:32px;border-radius:8px;background:#3e8bff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.provider-icon svg{width:16px;height:16px;color:var(--accent-blue)}.name-source-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.name-source-line h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.source-tag{font-size:.7rem;color:var(--text-muted);background:#ffffff0d;padding:.1rem .4rem;border-radius:4px}.source-tag-provider{font-weight:700;letter-spacing:.01em;border:1px solid rgba(255,255,255,.08)}.source-tag-provider-shipprime{color:#dbeafe;background:#2563eb2e;border-color:#60a5fa4d}.source-tag-provider-shiprocket{color:#e0f2fe;background:#0e749038;border-color:#67e8f938}.source-tag.source-pickup{color:#93c5fd;background:#3b82f61f}.quote-details-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.delivery-eta{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.success-icon{color:var(--success-green)}.quote-price{display:flex;align-items:baseline;gap:.1rem}.quote-price .currency{font-size:.85rem;color:var(--text-secondary);font-weight:500}.quote-price .amount{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}@media(max-width:480px){.quote-details-row{flex-direction:column;align-items:flex-start}}.results-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:.5rem}.results-modal-content{width:100%;max-width:100%;height:100%;max-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:24px;margin:auto}@media(min-width:768px){.results-modal-content{max-width:1180px;height:auto;max-height:90vh}}.results-modal-close{position:absolute;top:1.25rem;right:1.25rem;color:var(--text-muted);z-index:10;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.results-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.results-modal-header{padding:1rem 1.1rem;border-bottom:1px solid var(--border-color);background:#ffffff05;display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.results-modal-header{flex-direction:row;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem}}.header-title h2{font-size:1.25rem;margin-bottom:.15rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.header-title p{color:var(--text-secondary);font-size:.85rem}.shiprocket-recommendation-banner{margin-top:.8rem;padding:.38rem .6rem;border-radius:999px;background:#0e74902e;border:1px solid rgba(103,232,249,.18);color:#dbeafe;font-size:.74rem;line-height:1.25;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.shiprocket-recommendation-banner::-webkit-scrollbar{display:none}.shiprocket-recommendation-label{font-weight:700;color:#bae6fd}.shiprocket-recommendation-value{font-weight:600;color:#f8fafc}.shiprocket-recommendation-separator{color:#bae6fdb3}.sort-buttons{display:flex;background:#0006;border-radius:20px;border:1px solid var(--border-color);overflow:hidden}.sort-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem 1rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);background:transparent;border:none;flex:1}.sort-btn.active{background:var(--accent-blue);color:#fff}.sort-btn:not(.active):hover{background:#ffffff0d}.results-modal-body{flex:1;overflow-y:auto;padding:.85rem}@media(min-width:768px){.results-modal-body{padding:1.5rem}}.results-list-premium{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;max-width:none;margin:0}.inline-icon{color:var(--accent-blue)}@media(min-width:980px){.results-list-premium{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}.status-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:statusFadeIn .2s ease;padding:1rem}.status-modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow),0 0 40px #00000080;width:100%;max-width:420px;max-height:min(92dvh,560px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem 2rem;overflow-y:auto;animation:statusSlideUp .25s cubic-bezier(.34,1.56,.64,1)}@media(max-width:767px){.status-modal-overlay{align-items:center;justify-content:center;padding:max(.75rem,env(safe-area-inset-top,0px)) .75rem max(.85rem,env(safe-area-inset-bottom,0px))}.status-modal-card{max-width:min(100%,30rem);max-height:min(92dvh,100%);border-radius:1.35rem;padding:1.5rem 1.1rem calc(1.15rem + env(safe-area-inset-bottom,0px));text-align:center;align-items:center;box-shadow:var(--glass-shadow),0 20px 48px #0000006b}.status-modal-actions{flex-direction:column;gap:.6rem}.status-modal-btn{min-height:3.2rem;font-size:.92rem}.status-modal-detail-row{flex-direction:column;align-items:flex-start;text-align:left;gap:.25rem;padding:.65rem .8rem}.status-modal-detail-row .value{text-align:left}}.status-modal-icon-ring{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;position:relative}.status-modal-icon-ring.loading{background:#3e8bff14;border:2px solid transparent}.status-modal-icon-ring.loading:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2.5px solid transparent;border-top-color:var(--accent-blue);animation:statusSpin .8s linear infinite}.status-modal-icon-ring.success{background:#10b9811a;border:2px solid rgba(16,185,129,.25);animation:statusPulse .5s ease}.status-modal-icon-ring.error{background:#ef44441a;border:2px solid rgba(239,68,68,.25);animation:statusShake .4s ease}.status-modal-icon-ring.warning{background:#f59e0b1a;border:2px solid rgba(245,158,11,.25)}.status-modal-icon-ring.info{background:#3e8bff14;border:2px solid rgba(62,139,255,.2)}.status-modal-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.status-modal-message{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.25rem;max-width:340px;word-break:break-word}.status-modal-details{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem;width:100%}.status-modal-detail-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.8rem;gap:.75rem}.status-modal-detail-row .label{color:var(--text-secondary);font-weight:500}.status-modal-detail-row .value{color:var(--text-primary);font-weight:600;font-family:SF Mono,Fira Code,monospace;font-size:.78rem;word-break:break-word;text-align:right}.status-modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;width:100%}.status-modal-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;min-width:0;padding:.8rem 1.25rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;font-family:var(--font-main);line-height:1.25;text-align:center;white-space:normal;cursor:pointer;border:none;transition:all var(--transition-fast)}.status-modal-btn.primary{background:var(--accent-blue);color:#fff}.status-modal-btn.primary:hover{background:var(--accent-blue-hover);box-shadow:var(--glow-shadow)}.status-modal-btn.secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.status-modal-btn.secondary:hover{background:#ffffff14;border-color:#ffffff26}.status-modal-btn.danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-modal-btn.danger:hover{background:#ef444440}.status-modal-btn:disabled{opacity:.5;pointer-events:none}.status-modal-dots{display:flex;gap:5px;margin-top:.75rem}.status-modal-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent-blue);animation:statusBounce 1.2s ease-in-out infinite}.status-modal-dots span:nth-child(2){animation-delay:.15s}.status-modal-dots span:nth-child(3){animation-delay:.3s}@keyframes statusFadeIn{0%{opacity:0}to{opacity:1}}@keyframes statusSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes statusSpin{to{transform:rotate(360deg)}}@keyframes statusPulse{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes statusShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes statusBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:.75rem;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(145deg,#16161cf7,#101014fa);border-radius:var(--radius-lg);width:100%;max-width:min(780px,calc(100vw - 1.5rem));max-height:min(94dvh,920px);overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;padding:clamp(1rem,2vw,1.6rem);box-shadow:0 30px 70px #0009,0 0 0 1px #ffffff0f,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;min-height:0;overscroll-behavior:contain;animation:modalSlideIn .25s cubic-bezier(.34,1.56,.64,1)}.modal-grab-handle{display:none;width:3rem;height:.28rem;border-radius:999px;background:#ffffff29;margin:-.15rem auto .85rem}.modal-content.split-mode{max-width:min(860px,calc(100vw - 1.5rem))}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);cursor:pointer;padding:0;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:1}.modal-close:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.modal-close:active{transform:rotate(90deg) scale(.9)}.modal-header{margin-bottom:.95rem;padding-bottom:.85rem;padding-right:2.75rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;color:var(--text-primary);letter-spacing:-.01em}.modal-header-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem}.modal-header-chip{display:inline-flex;align-items:center;gap:.3rem;min-height:1.8rem;padding:.28rem .62rem;border-radius:999px;background:#3e8bff14;border:1px solid rgba(62,139,255,.14);color:var(--text-primary);font-size:.72rem;font-weight:600;line-height:1.2}.modal-header-chip--muted{background:#ffffff0a;border-color:#ffffff14;color:var(--text-secondary)}.modal-header-chip--warning{background:#facc151a;border-color:#facc1538;color:#fde68a}.error-banner{background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;margin-bottom:.5rem;line-height:1.4}.order-form{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0}.order-form-scroll{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;overflow-y:auto;padding-right:.15rem}.address-section{display:flex;flex-direction:column;gap:.55rem;background:#ffffff06;padding:.85rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);transition:border-color var(--transition-fast)}.address-section:hover{border-color:#ffffff1a}.address-section.full-width{width:100%}.parcel-value-section{background:linear-gradient(135deg,#22c55e14,#22c55e08);border-color:#22c55e29}.parcel-value-hint{margin:0;font-size:.78rem;line-height:1.45;color:var(--text-secondary)}.parcel-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;align-items:end}.parcel-dimensions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.parcel-value-field{display:flex;flex-direction:column;gap:.32rem;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.parcel-metric-field input{text-align:left}.parcel-metric-field span{letter-spacing:.01em}.parcel-value-meta{padding:.7rem .85rem;border-radius:var(--radius-sm);background:#ffffff09;border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.parcel-value-meta__item{display:flex;flex-direction:column;gap:.2rem;min-width:0}.parcel-value-meta span{font-size:.7rem;color:var(--text-muted)}.parcel-value-meta strong{color:var(--text-primary);font-size:.95rem;line-height:1.35;word-break:break-word}.parcel-value-meta--refresh{grid-template-columns:1fr;gap:.45rem;background:#facc150f;border-color:#facc1529}.parcel-value-meta__delta{font-size:.76rem;font-weight:600;color:#fde68a}@media(max-width:640px){.parcel-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parcel-dimensions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.parcel-value-meta{grid-template-columns:1fr}}.address-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.address-section h3{font-family:var(--font-heading);font-size:.8rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.4rem;margin:0}.btn-copy{display:flex;align-items:center;gap:.3rem;padding:.22rem .52rem;font-size:.68rem;font-weight:600;color:var(--accent-blue);background:#3e8bff14;border:1px solid rgba(62,139,255,.15);border-radius:20px;cursor:pointer;transition:all var(--transition-fast)}.btn-copy:hover{background:#3e8bff26}.btn-copy:active{background:#3e8bff38;transform:scale(.96)}.btn-copy:disabled{opacity:.4;cursor:not-allowed}.address-tabs{display:flex;gap:4px;background:#0000004d;padding:3px;border-radius:var(--radius-sm)}.address-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.42rem .62rem;background:transparent;color:var(--text-muted);border:none;border-radius:4px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.address-tab-btn:hover:not(.active){color:var(--text-secondary);background:#ffffff08}.address-tab-btn.active{background:#3e8bff1f;color:var(--accent-blue);font-weight:600;box-shadow:0 1px 6px #3e8bff26}.ai-paste-container,.manual-address-container{display:flex;flex-direction:column;gap:.65rem;animation:tabContentSlide .2s ease-out}@keyframes tabContentSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn-clipboard-paste{display:flex;align-items:center;gap:.3rem;padding:.36rem .68rem;font-size:.72rem;font-weight:600;color:var(--accent-blue);background:#3e8bff14;border:1px solid rgba(62,139,255,.15);border-radius:20px;cursor:pointer;transition:all var(--transition-fast)}.btn-clipboard-paste--compact{align-self:flex-start}.btn-clipboard-paste:hover{background:#3e8bff26}.btn-clipboard-paste:active{background:#3e8bff38;transform:scale(.96)}.ai-textarea{width:100%;padding:.75rem .9rem;background:#00000040;border:1.5px dashed rgba(62,139,255,.3);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-main);font-size:.85rem;resize:none;min-height:96px;transition:all var(--transition-fast);line-height:1.6}.ai-textarea::placeholder{color:var(--text-muted);font-size:.82rem}.ai-textarea:focus{outline:none;border-style:solid;border-color:var(--accent-blue);background:#3e8bff0a;box-shadow:0 0 0 3px #3e8bff1a}.ai-extract-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.62rem .9rem;background:linear-gradient(135deg,#3e8bff26,#3e8bff14)!important;border:1px solid rgba(62,139,255,.2)!important;color:var(--accent-blue)!important;font-weight:600;font-size:.85rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.ai-extract-btn:hover:not(:disabled){background:linear-gradient(135deg,#3e8bff38,#3e8bff1f)!important;box-shadow:0 4px 16px #3e8bff26}.ai-extract-btn:active:not(:disabled){transform:scale(.98)}.ai-extract-btn:disabled{opacity:.4;cursor:not-allowed}.address-section input,.manual-address-container input{width:100%;padding:.62rem .78rem;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-main);font-size:.82rem;transition:all var(--transition-fast)}.address-section input::placeholder,.manual-address-container input::placeholder{color:var(--text-muted)}.address-section input:focus,.manual-address-container input:focus{outline:none;border-color:var(--border-focus);background:#3e8bff08;box-shadow:0 0 0 3px #3e8bff1a}.address-section input:disabled,.manual-address-container input:disabled{opacity:.5;cursor:not-allowed;background:#00000026}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.modal-actions{display:flex;flex-direction:column;gap:.55rem;padding-top:.8rem;margin-top:auto;border-top:1px solid var(--border-color);padding-bottom:max(.25rem,env(safe-area-inset-bottom,0));background:linear-gradient(180deg,#10101400,#101014fa 28%);box-shadow:0 -10px 24px #0000002e}.modal-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.9rem;width:100%;padding:.72rem .95rem;background:linear-gradient(135deg,var(--accent-blue),#2b6fd4);color:#fff;font-weight:600;font-size:.88rem;line-height:1.25;text-align:center;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #3e8bff40}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4e95ff,var(--accent-blue));box-shadow:0 6px 20px #3e8bff59;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #3e8bff33}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.55rem;padding:.58rem .82rem;background:#ffffff0a;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);font-weight:500;font-size:.8rem;line-height:1.25;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.btn-secondary:active:not(:disabled){background:#ffffff1a;transform:scale(.98)}.btn-telegram-order{min-width:0;color:#8fd8ff;border-color:#2aabee47;background:#2aabee14}.btn-telegram-order:hover:not(:disabled){background:#2aabee24;border-color:#2aabee57}.btn-telegram-order.is-success{color:#86efac;border-color:#22c55e40;background:#22c55e1a}.inline-icon{vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.w-full{width:100%}@media(max-width:600px){.modal-overlay{padding:max(.5rem,env(safe-area-inset-top,0px)) .45rem max(.5rem,env(safe-area-inset-bottom,0px));align-items:center;justify-content:center}.modal-content{max-width:100%;width:min(100%,32rem);height:auto;max-height:min(94dvh,100%);border-radius:1.35rem;padding:.95rem;padding-bottom:calc(.95rem + env(safe-area-inset-bottom,0));box-shadow:0 28px 56px #00000085,0 0 0 1px #ffffff0f,inset 0 1px #ffffff0d}.modal-grab-handle{display:block}.modal-close{top:.85rem;right:.85rem;width:2.1rem;height:2.1rem}.modal-header h2{font-size:1.05rem;line-height:1.25}.modal-header{margin-bottom:.8rem;padding-right:2.8rem;padding-bottom:.7rem}.address-section{padding:.78rem;gap:.5rem}.address-tab-btn{font-size:.76rem;padding:.55rem}.modal-actions{gap:.45rem;padding-top:.72rem;margin-left:-.1rem;margin-right:-.1rem;margin-bottom:-.15rem;padding-left:.1rem;padding-right:.1rem}.modal-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.modal-actions button{width:100%;justify-content:center;padding-left:.9rem;padding-right:.9rem}.btn-primary{min-height:3rem;font-size:.9rem}.btn-secondary{min-height:2.7rem;font-size:.8rem}.parcel-metrics-grid,.parcel-dimensions-grid,.parcel-value-meta{gap:.6rem}.parcel-value-meta{padding:.75rem .8rem}.address-section-header{align-items:flex-start;gap:.55rem}.btn-telegram-order{white-space:normal}.input-row{grid-template-columns:1fr;gap:.5rem}.parcel-value-row{grid-template-columns:1fr}.parcel-value-meta{min-width:0}.ai-textarea{min-height:92px}.order-form-scroll{padding-right:0}}@media(max-width:380px){.modal-content{padding:.8rem;border-radius:1.15rem}.modal-secondary-actions{grid-template-columns:1fr;gap:.4rem}.address-section{padding:.75rem}.address-tab-btn{font-size:.72rem;padding:.4rem}.modal-header h2{font-size:.98rem}.input-row{grid-template-columns:1fr}}.quote-form{padding:.5rem;display:flex;flex-direction:column;gap:.5rem;border-radius:var(--radius-lg)}@media(min-width:768px){.quote-form{padding:2.25rem;gap:2rem}}.form-header h2{display:flex;align-items:center;color:var(--text-primary);margin-bottom:.5rem}.form-header p{color:var(--text-secondary);font-size:.95rem}.form-section{display:flex;flex-direction:column;gap:1.2rem}.section-label{display:flex;align-items:center;gap:.4rem;color:var(--text-primary);font-weight:600;font-size:.9rem;border-bottom:1px solid var(--border-color);padding-bottom:.25rem;margin-bottom:.25rem}.input-group-2{display:grid;grid-template-columns:1fr 1fr!important;gap:.5rem}@media(min-width:1024px){.input-group-2{gap:1.25rem}}.input-field{display:flex;flex-direction:column;gap:.5rem}.input-field label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.compact-metrics{display:flex;gap:.5rem;align-items:center}.metric-badge{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;color:var(--text-secondary);font-weight:500}.metric-badge svg{color:var(--accent-blue)}.metric-box{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-primary);font-weight:500}.metric-box .accent-icon{color:var(--accent-blue)}.input-field input,.input-field select{width:100%;padding:.6rem .85rem;border-radius:var(--radius-sm);background:#0000004d;border:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all var(--transition-fast);font-family:var(--font-mono);box-shadow:inset 0 1px 3px #0000001a}@supports (-webkit-touch-callout: none){.input-field input,.input-field select{font-size:16px}}.quote-form .btn-primary{margin-top:1rem;background:var(--accent-blue);color:#fff;font-weight:600;font-size:1rem;padding:1rem;border-radius:var(--radius-md);box-shadow:var(--glow-shadow);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-smooth)}@media(min-width:768px){.quote-form .btn-primary{font-size:1.05rem;padding:1.15rem}}.quote-form .btn-primary:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 4px 20px #3e8bff66}.quote-form .btn-primary:disabled{opacity:.7;cursor:not-allowed;background:var(--text-muted);box-shadow:none;transform:none}.orders-dashboard{padding:0;max-width:none;margin:0;width:100%;min-width:0}.dashboard-header{margin-bottom:1.25rem}.dashboard-header h2{font-size:1.35rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.dashboard-header p{color:var(--text-secondary);font-size:.85rem}.filter-container{position:sticky;top:5rem;z-index:5;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:.9rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0b,#ffffff05);box-shadow:0 18px 40px #00000029;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.filter-top-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;min-width:0}.search-bar{position:relative;display:flex;align-items:center;flex:1;min-width:0;flex:1 1 280px;min-height:48px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 .9rem;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.search-bar:focus-within{border-color:var(--accent-blue);background:#ffffff0d}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;background:none;border:none;padding:.75rem .5rem;color:var(--text-primary);font-size:.9rem;outline:none;appearance:none;-webkit-appearance:none;border-radius:0}.search-input::placeholder{color:var(--text-muted)}.clear-search{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color var(--transition-fast)}.clear-search:hover{background:#ffffff1a;color:var(--text-primary)}.vendor-filter-control{display:flex;align-items:center;gap:.45rem;flex:0 1 260px;min-width:190px;min-height:48px;padding:0 .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#ffffff0a;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.vendor-filter-control:focus-within{border-color:var(--accent-blue);background:#ffffff0d}.vendor-filter-icon{flex-shrink:0;color:var(--text-muted)}.vendor-filter-select{min-width:0;flex:1;height:100%;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:.84rem;font-weight:700;cursor:pointer}.vendor-filter-select option{color:#111827;background:#fff}.orders-manual-sync{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:48px;padding:0 .88rem;border-radius:var(--radius-md);border:1px solid rgba(62,139,255,.38);background:#3e8bff21;color:#dbeafe;cursor:pointer;font-size:.84rem;font-weight:800;white-space:nowrap;-webkit-tap-highlight-color:transparent}.orders-manual-sync:hover:not(:disabled){background:#3e8bff36}.orders-manual-sync:disabled{cursor:default;opacity:.62}.filter-scroll-row{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.1rem .1rem .3rem;-ms-overflow-style:none;scrollbar-width:none}.filter-scroll-row::-webkit-scrollbar{display:none}.filter-divider{width:1px;height:1.25rem;background-color:var(--border-color);margin:0 .25rem;flex-shrink:0}.filter-chip{white-space:nowrap;padding:.4rem .8rem;border-radius:20px;background:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;-webkit-tap-highlight-color:transparent}.filter-chip:hover{background:#ffffff14;color:var(--text-primary)}.filter-chip.active{background:#ffffff26;color:var(--text-primary);border-color:#ffffff4d}.filter-chip.active.success{background:#10b98126;color:#34d399;border-color:#10b9814d}.filter-chip.active.warning{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.filter-chip.active.info{background:#3e8bff26;color:#93bbff;border-color:#3e8bff4d}.filter-chip.active.danger{background:#ef444426;color:#ef4444;border-color:#ef44444d}.btn-clear-filters{margin-top:1rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-clear-filters:hover{background:#3e8bff1a}.orders-list{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.order-pagination-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;padding:1rem 0 .25rem}.order-pagination-footer__status{color:var(--text-secondary);font-size:.78rem}.order-pagination-footer__button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.45rem;padding:.55rem 1rem;border-radius:12px;border:1px solid rgba(62,139,255,.35);background:#3e8bff1f;color:#bfdbfe;font-size:.85rem;font-weight:700;cursor:pointer}.order-pagination-footer__button:disabled{cursor:default;opacity:.58}@media(min-width:1280px){.orders-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.order-card{background:linear-gradient(180deg,#ffffff0b,#ffffff06);border:1px solid var(--border-color);border-radius:18px;padding:1.05rem;display:flex;flex-direction:column;gap:.75rem;min-width:0;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;box-shadow:0 14px 36px #0000001f}.order-card:hover{transform:translateY(-2px);border-color:#3e8bff38;box-shadow:0 20px 44px #00000029}.order-card:active{border-color:#ffffff26}.order-card-cancelled{background:linear-gradient(180deg,#7f1d1d4d,#450a0a38);border-color:#f8717157;box-shadow:0 16px 40px #450a0a42}.order-card-cancelled:hover{border-color:#fca5a57a;box-shadow:0 22px 48px #450a0a52}.card-row-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.customer-name{font-weight:600;font-size:1rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.customer-title{display:flex;align-items:center;gap:.45rem;flex:1;min-width:0}.order-display-number{flex-shrink:0;padding:.16rem .48rem;border-radius:999px;border:1px solid rgba(96,165,250,.45);background:#3e8bff29;color:#bfdbfe;font-size:.72rem;font-weight:900;letter-spacing:.02em}.card-row-order-id{display:flex;align-items:center;gap:.45rem;min-width:0;margin-top:-.35rem}.order-id-label{color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}.order-id-copy{min-width:0;display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.24rem .5rem;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:#94a3b814;color:#b8c4d6;font-size:.76rem;font-weight:700;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.order-id-copy:hover{border-color:#3e8bff61;background:#3e8bff1f;color:#dbeafe}.order-id-copy.is-copied{border-color:#10b98170;background:#10b98124;color:#7dd3a8}.order-id-copy__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{flex-shrink:0;font-size:.65rem;font-weight:700;padding:.2rem .55rem;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.pill-paid{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.pill-cod{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.pill-danger{background:#ef44442e;color:#fca5a5;border:1px solid rgba(248,113,113,.35)}.card-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.8rem;color:var(--text-secondary)}.meta-item{display:flex;align-items:center;gap:.3rem;white-space:nowrap;min-width:0}.meta-item svg{opacity:.5;flex-shrink:0}.card-row-stats{display:flex;gap:.5rem;flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;padding:.3rem .6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:var(--text-primary)}.stat-chip svg{color:var(--accent-blue);flex-shrink:0}.stat-chip.accent{background:#3e8bff14;border-color:#3e8bff26;color:#93bbff;font-size:.85rem;padding:.3rem .75rem}.card-row-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding-top:.25rem}.card-row-statuses>*,.card-row-primary-actions>*{min-width:0}.card-row-primary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.btn-ship{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .8rem;min-width:0;background:var(--accent-blue);color:#fff;font-weight:600;font-size:.78rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-ship.is-blocked{background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.btn-ship:active{transform:scale(.97);background:var(--accent-blue-hover)}.btn-ship:disabled{background:#ffffff14;color:var(--text-muted);cursor:not-allowed;border:1px solid rgba(255,255,255,.08)}.btn-ship:active:not(:disabled){transform:scale(.97);background:var(--accent-blue-hover)}.btn-details{display:flex;align-items:center;justify-content:center;padding:.65rem;flex-shrink:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-details:active{background:#ffffff1a}.btn-notify{display:flex;align-items:center;justify-content:center;padding:.7rem .85rem;flex-shrink:0;background:#25d3661f;border:1px solid rgba(37,211,102,.25);border-radius:var(--radius-sm);color:#25d366;cursor:pointer;transition:all var(--transition-fast)}.btn-notify:active{background:#25d366;color:#fff;transform:scale(.97)}.btn-booked{display:flex;align-items:center;gap:.35rem;justify-content:center;padding:.5rem .7rem;font-weight:600;font-size:.76rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-booked.active{background:#10b981;border-color:#10b981;color:#fff}.btn-booked.cancelled{background:#dc262633;border-color:#f871716b;color:#fecaca}.btn-booked:active{transform:scale(.97)}.btn-printing{display:flex;align-items:center;gap:.35rem;justify-content:center;padding:.5rem .7rem;font-weight:600;font-size:.76rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);color:#93c5fd;cursor:pointer;transition:all var(--transition-fast)}.btn-printing.active{background:#10b98129;border-color:#10b98157;color:#6ee7b7}.btn-printing:disabled{opacity:.6;cursor:not-allowed}.btn-printing:active:not(:disabled){transform:scale(.97)}.btn-cancel{display:flex;align-items:center;gap:.35rem;justify-content:center;padding:.65rem .8rem;font-weight:600;font-size:.78rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{background:#ef4444;color:#fff}.btn-cancel:active{transform:scale(.97)}.action-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:.75rem}.detail-modal-sheet{width:100%;max-width:720px;max-height:85dvh;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(min-width:768px){.detail-modal-overlay{align-items:center}.detail-modal-sheet{max-height:80dvh;border-radius:var(--radius-lg)}}.sheet-handle{display:none}.sheet-handle-bar{width:36px;height:4px;background:#ffffff26;border-radius:2px}.sheet-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem 1rem;border-bottom:1px solid var(--border-color)}.sheet-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.sheet-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:none;color:var(--text-secondary);cursor:pointer}.sheet-body{flex:1;overflow-y:auto;min-height:0;padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem;-webkit-overflow-scrolling:touch}.detail-block h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin-bottom:.75rem}.detail-address{background:#ffffff08;padding:.85rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05);font-size:.85rem;line-height:1.6;color:var(--text-secondary)}.detail-address strong{color:var(--text-primary);display:block;margin-bottom:.15rem;font-size:.9rem}.detail-price-list{list-style:none;padding:0;margin:0;background:#ffffff08;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05);overflow:hidden}.detail-price-list li{display:flex;justify-content:space-between;padding:.6rem .85rem;font-size:.85rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.detail-price-list li:last-child{border-bottom:none}.detail-price-list .row-total{background:#3e8bff14;color:var(--text-primary);font-weight:600}.detail-file-list{display:flex;flex-direction:column;gap:.5rem}.detail-file-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;background:#ffffff08;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05)}.file-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#3e8bff1a;color:var(--accent-blue);border-radius:6px;flex-shrink:0}.file-meta{flex:1;min-width:0}.file-name{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-specs{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.2rem}.file-spec-tag{font-size:.65rem;padding:.1rem .35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--text-secondary)}.file-qty{font-weight:700;font-size:.9rem;color:var(--accent-blue);flex-shrink:0}.sheet-footer{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;padding-bottom:max(1rem,env(safe-area-inset-bottom,1rem));border-top:1px solid var(--border-color)}.btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#25d366;color:#fff;font-weight:600;font-size:.9rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-whatsapp:active{background:#1ebc5a;transform:scale(.98)}.sheet-footer .btn-ship{flex:1}.btn-telegram-order-sheet{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem .85rem;flex-shrink:0;background:#2aabee1f;border:1px solid rgba(42,171,238,.28);border-radius:var(--radius-sm);color:#5fcfff;font-weight:600;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-telegram-order-sheet:active{background:#2aabee38;color:#fff;transform:scale(.97)}.btn-telegram-order-sheet.loading{opacity:.7;cursor:wait}.btn-telegram-order-sheet .spin{animation:spinIcon 1s linear infinite}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:1100px){.orders-list{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem}}@media(max-width:767px){.filter-container{padding:.8rem;margin-bottom:1.25rem}.filter-top-row{align-items:stretch;flex-direction:column}.search-bar{width:100%;flex:0 0 auto}.orders-manual-sync{width:100%}.vendor-filter-control{width:100%;flex-basis:auto}.detail-modal-overlay{align-items:flex-end;padding:.5rem}.detail-modal-sheet{max-width:none;max-height:calc(100dvh - .5rem);border-radius:24px 24px 18px 18px}.sheet-header{padding:.85rem 1rem .95rem}.sheet-body{padding:1rem}.sheet-footer{padding:.9rem 1rem;padding-bottom:max(.9rem,env(safe-area-inset-bottom,.9rem))}.order-card{padding:.95rem;gap:.65rem}.card-row-meta{gap:.55rem .9rem;font-size:.78rem}.card-row-stats{gap:.4rem}.stat-chip{font-size:.72rem;padding:.28rem .5rem}.card-row-primary-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.btn-booked,.btn-printing,.btn-cancel,.btn-ship{min-height:42px}.btn-details{min-height:42px;width:44px;padding:0}}.shipment-detail-id{font-family:monospace;font-size:.8rem}.shipment-detail-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--accent-blue);text-decoration:none;font-weight:600}.shipment-detail-link:hover{text-decoration:underline}.shipment-detail-eta-suffix{font-size:.75rem;color:var(--text-secondary);margin-left:.35rem}.shipment-detail-heading-icon{vertical-align:middle;margin-right:.35rem}.bottom-drawer__overlay{position:fixed;inset:0;z-index:180;display:flex;align-items:flex-end;justify-content:center;background:#05080fb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom,0px))}.bottom-drawer__sheet{display:flex;flex-direction:column;width:min(100%,34rem);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 3rem);border:1px solid rgba(163,177,198,.18);border-radius:1.5rem 1.5rem .75rem .75rem;background:linear-gradient(180deg,#1d2330fa,#0e121cfa);box-shadow:0 -1rem 3rem #00000073;padding:0 1rem calc(1rem + env(safe-area-inset-bottom,0px));animation:bottomDrawerIn .18s ease-out}.bottom-drawer__handle{width:3rem;height:.3rem;border-radius:999px;background:#c9d5e159;margin:.8rem auto .5rem}.bottom-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.4rem 0 1rem}.bottom-drawer__header h2{margin:0;font-size:1rem}.bottom-drawer__header p{margin:.35rem 0 0;color:var(--text-secondary);font-size:.82rem}.bottom-drawer__close{min-height:2.75rem;padding:.75rem .9rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary)}.bottom-drawer__body{display:flex;min-height:0;flex:1;flex-direction:column;gap:.85rem;overflow-y:auto;overscroll-behavior:contain;padding-bottom:.25rem}.bottom-drawer__handle,.bottom-drawer__header{flex-shrink:0}@keyframes bottomDrawerIn{0%{transform:translateY(1.25rem);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1024px){.bottom-drawer__overlay{display:none}}.app-shell{display:flex;min-height:100dvh;background:radial-gradient(circle at top left,rgba(55,126,255,.14),transparent 26%),radial-gradient(circle at bottom right,rgba(56,189,248,.1),transparent 24%),var(--bg-primary)}.app-shell__rail{display:none}.app-shell__stage{display:flex;flex:1;min-width:0;min-height:100dvh;flex-direction:column}.app-shell__topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:4rem;padding:.7rem var(--page-gutter);border-bottom:1px solid rgba(255,255,255,.07);background:#0a0d14cc;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 10px 30px -24px #000000e6}.app-shell__topbar-nav{display:flex;align-items:center;gap:.65rem}.app-shell__topbar-title{min-width:0;flex:1}.app-shell__topbar h2{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.app-shell__topbar-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.6rem;min-width:2.6rem;padding:.6rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0b;color:var(--text-primary);font-weight:600;transition:background .18s ease,transform .12s ease}.app-shell__topbar-button:hover{background:#ffffff14}.app-shell__topbar-button:active{transform:scale(.95)}.app-shell__topbar-button:disabled{opacity:.45}@media(max-width:1023.98px){.app-shell__topbar-nav .app-shell__topbar-button span{display:none}.app-shell__topbar-nav .app-shell__topbar-button{padding:.6rem}}.app-shell__topbar-action{flex-shrink:0}.app-shell__main{display:flex;flex:1;min-height:0;padding:var(--page-gutter) var(--page-gutter) calc(var(--mobile-nav-height) + 1.35rem + env(safe-area-inset-bottom,0px))}.app-shell__mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:120;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;padding:.5rem .6rem calc(.6rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#101520eb,#080b12fa);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 -12px 30px -18px #000c,inset 0 1px #ffffff0d}.app-shell__mobile-item{position:relative;display:flex;min-height:3.4rem;flex-direction:column;align-items:center;justify-content:center;gap:.24rem;border-radius:.95rem;color:var(--text-muted);font-size:.66rem;font-weight:700;letter-spacing:.01em;transition:color .18s ease,background .18s ease,transform .12s ease}.app-shell__mobile-item:active{transform:scale(.94)}.app-shell__mobile-item.active,.app-shell__mobile-item[aria-current=page]{background:linear-gradient(180deg,#4d8dff38,#7b6bff1a);color:#eaf1ff;box-shadow:inset 0 1px #ffffff14}.app-shell__mobile-item.active:before,.app-shell__mobile-item[aria-current=page]:before{content:"";position:absolute;top:.3rem;width:1.6rem;height:3px;border-radius:999px;background:var(--accent-gradient)}.app-shell__more-list{display:flex;flex-direction:column;gap:.65rem}.app-shell__more-item{display:flex;align-items:center;gap:.85rem;padding:.9rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#ffffff0d,#ffffff04);transition:transform .14s ease,border-color .14s ease}.app-shell__more-item:active{transform:scale(.99)}.app-shell__more-item-icon{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.9rem;background:linear-gradient(135deg,#4d8dff38,#7b6bff24);color:#cfe1ff;box-shadow:inset 0 1px #ffffff14}.app-shell__more-item-copy{display:flex;min-width:0;flex:1;align-items:center}.app-shell__more-item-copy strong{font-size:.92rem}@media(min-width:1024px){.app-shell{display:grid;grid-template-columns:18rem minmax(0,1fr)}.app-shell__rail{position:sticky;top:0;display:flex;height:100dvh;flex-direction:column;gap:1.5rem;padding:1.25rem;border-right:1px solid var(--border-subtle);background:#080b12f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-shell__brand{display:flex;align-items:center;gap:.9rem;padding:.8rem .9rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.05);background:#ffffff08}.app-shell__brand-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.95rem;overflow:hidden;background:#fffffff2;box-shadow:inset 0 0 0 1px #377eff1f}.app-shell__brand-mark img{width:100%;height:100%;object-fit:cover}.app-shell__brand-text{display:flex;align-items:center}.app-shell__brand-text strong{font-size:1rem}.app-shell__rail-nav{display:flex;flex:1;min-height:0;flex-direction:column;gap:1.2rem;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-right:.15rem}.app-shell__rail-group{display:flex;flex-direction:column;gap:.65rem}.app-shell__rail-group>p{margin:0;padding:0 .85rem;color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.app-shell__rail-links{display:flex;flex-direction:column;gap:.35rem}.app-shell__rail-link{display:flex;align-items:center;gap:.7rem;min-height:2.9rem;min-width:0;padding:.8rem .85rem;border-radius:1rem;color:var(--text-secondary);font-weight:600}.app-shell__rail-link svg{flex-shrink:0}.app-shell__rail-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__rail-link:hover{background:#ffffff0a;color:var(--text-primary)}.app-shell__rail-link.active{background:#377eff21;border:1px solid rgba(55,126,255,.18);color:#eef4ff}.app-shell__rail-footer{display:flex;flex-direction:column;gap:.2rem;flex-shrink:0;padding:1rem;border-radius:1.15rem;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.app-shell__rail-footer-label{color:var(--text-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.app-shell__topbar{padding:1rem var(--page-gutter-wide)}.app-shell__topbar-button{padding-inline:1.05rem}.app-shell__topbar-action{display:none}.app-shell__main{padding:var(--page-gutter-wide)}.app-shell__mobile-nav{display:none}}.page-header{display:flex;flex-direction:column;gap:1rem;padding:0 0 .35rem}.page-header__text{display:flex;flex-direction:column;gap:.2rem}.page-header h1{margin:0;font-size:clamp(1.5rem,4vw,2.4rem);line-height:1}.page-header__actions{display:flex;flex-wrap:wrap;gap:.75rem}.page-header__action-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(96,165,250,.24);background:#377eff1a;color:#d7e7ff;font-size:.88rem;font-weight:600}@media(min-width:768px){.page-header{flex-direction:row;align-items:flex-end;justify-content:space-between}.page-header__actions{justify-content:flex-end}}.empty-state-ui{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:clamp(2rem,5vw,3rem);text-align:center;border-radius:1.35rem;border:1px dashed rgba(158,173,193,.18);background:linear-gradient(180deg,#161c27db,#0e121ce6)}.empty-state-ui__icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.25rem;background:#377eff1a;color:var(--accent-blue)}.empty-state-ui h3{margin:0}.empty-state-ui p{margin:0;max-width:34rem;color:var(--text-secondary)}.empty-state-ui__action{margin-top:.25rem}.section-card{border:1px solid var(--border-subtle);border-radius:1.35rem;background:var(--surface-card);box-shadow:var(--shadow-soft)}.status-badge-ui{display:inline-flex;align-items:center;min-height:1.9rem;padding:.32rem .7rem;border-radius:999px;border:1px solid transparent;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-badge-ui.tone-default{background:#94a3b81f;border-color:#94a3b833;color:var(--text-secondary)}.status-badge-ui.tone-success{background:#16a34a21;border-color:#16a34a40;color:#7ef0aa}.status-badge-ui.tone-warning{background:#f59e0b24;border-color:#f59e0b40;color:#ffd27c}.status-badge-ui.tone-danger{background:#ef444424;border-color:#ef444442;color:#ffb0b0}.status-badge-ui.tone-accent{background:#377eff26;border-color:#377eff47;color:#a7c7ff}.tools-hub{display:flex;flex-direction:column;gap:1rem}.tools-hub__grid{display:grid;gap:.9rem}.tools-hub__card{display:flex;min-height:14rem;flex-direction:column;gap:1rem;padding:1.1rem}.tools-hub__card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tools-hub__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:#377eff1f;color:var(--accent-blue)}.tools-hub__copy{display:flex;flex:1;flex-direction:column;gap:.5rem}.tools-hub__copy h3,.tools-hub__copy p{margin:0}.tools-hub__copy p{color:var(--text-secondary)}.tools-hub__link{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.8rem 1rem;border-radius:1rem;border:1px solid rgba(55,126,255,.18);background:#377eff1c;color:#e7f0ff;font-weight:700}@media(min-width:768px){.tools-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,5vw,3rem);position:relative;overflow:hidden;isolation:isolate;color-scheme:dark;background:linear-gradient(180deg,#070a11d6,#070a11fa),linear-gradient(122deg,rgba(77,141,255,.22),transparent 42%),linear-gradient(306deg,transparent 44%,rgba(20,184,166,.09) 66%,transparent 100%),repeating-linear-gradient(90deg,rgba(148,163,184,.055) 0 1px,transparent 1px 84px),repeating-linear-gradient(0deg,rgba(148,163,184,.042) 0 1px,transparent 1px 84px),#070b13}.login-page:before{content:"";position:absolute;inset:-18%;background:linear-gradient(115deg,transparent 0 40%,rgba(77,141,255,.13) 49%,transparent 58%),linear-gradient(68deg,transparent 0 54%,rgba(245,158,11,.09) 58%,transparent 64%);opacity:.8;pointer-events:none;transform:translateZ(0)}.login-page:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 28%,rgba(0,0,0,.42)),linear-gradient(90deg,rgba(0,0,0,.42),transparent 32%,transparent 68%,rgba(0,0,0,.4));pointer-events:none}.login-card{position:relative;z-index:1;width:100%;max-width:26rem;display:flex;flex-direction:column;gap:.98rem;padding:1.7rem;border-radius:8px;border:1px solid rgba(203,213,225,.2);background:linear-gradient(180deg,#ffffff18,#ffffff09),linear-gradient(145deg,#18202ef5,#090e17fa);box-shadow:0 1px #ffffff1a inset,0 42px 96px -34px #000000e0,0 18px 42px -34px #4d8dff9e;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);overflow:hidden}.login-card:before{content:"";position:absolute;inset:1px;border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 34%,rgba(77,141,255,.045));pointer-events:none}.login-card>*{position:relative;z-index:1}.login-card__topline{position:absolute;top:0;left:0;right:0;height:3px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#f59e0b,#4d8dff 45%,#14b8a6);z-index:2}.login-brand{display:flex;align-items:center;gap:.75rem}.login-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:8px;background:#f8fbff;box-shadow:0 14px 32px -18px #4d8dffd9,0 1px #ffffffbf inset;overflow:hidden}.login-brand__mark img{width:145%;height:145%;object-fit:cover;transform:scale(1.08)}.login-brand__text{display:flex;min-width:0;flex:1;flex-direction:column;line-height:1.05}.login-brand__name{font-weight:800;font-size:1.12rem;letter-spacing:0;color:var(--text-primary, #f4f8ff)}.login-brand__domain{margin-top:.18rem;color:#93a4bb;font-size:.78rem;font-weight:600}.login-brand__secure{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border-radius:999px;border:1px solid rgba(77,141,255,.26);background:#4d8dff1a;color:#b8ccff;font-size:.72rem;font-weight:700}.login-header{padding-top:.45rem}.login-header h1{font-size:clamp(1.7rem,4vw,2rem);font-weight:800;letter-spacing:0;margin:0 0 .34rem;color:var(--text-primary, #f4f8ff);line-height:1.08}.login-header p{margin:0;color:#a8b3c5;font-size:.93rem;line-height:1.5}.login-field{display:flex;flex-direction:column;gap:.42rem}.login-field>span{font-size:.7rem;font-weight:700;color:#a8b3c5;text-transform:uppercase;letter-spacing:0}.login-input-wrap{display:flex;align-items:center;gap:.6rem;padding:0 .8rem;min-height:3.18rem;background:linear-gradient(180deg,#ffffff0b,#ffffff05),#090e17e0;border:1px solid rgba(203,213,225,.17);border-radius:8px;box-shadow:0 1px #ffffff0a inset;transition:border-color .18s,background .18s,box-shadow .18s}.login-input-wrap:focus-within{border-color:#4d8dffc2;background:linear-gradient(180deg,#fff1,#ffffff06),#0a101bf0;box-shadow:0 0 0 3px #4d8dff2e,0 12px 30px -26px #4d8dffe0}.login-input-icon{color:#cbd5e194;flex-shrink:0}.login-input-wrap input{flex:1;background:none;border:none;outline:none;padding:.84rem 0;color:var(--text-primary, #f4f8ff);font-size:.92rem;box-shadow:none!important;color-scheme:dark;-webkit-appearance:none;appearance:none}.login-input-wrap input::placeholder{color:#cbd5e161}.login-input-wrap input:-webkit-autofill,.login-input-wrap input:-webkit-autofill:hover,.login-input-wrap input:-webkit-autofill:focus,.login-input-wrap input:autofill{-webkit-text-fill-color:#f4f8ff!important;caret-color:#f4f8ff!important;box-shadow:0 0 0 1000px #111923 inset!important;transition:background-color 9999s ease-in-out 0s}.login-submit{margin-top:.35rem;min-height:3.12rem;padding:.82rem 1rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#2f78ff,#666cff 58%,#14b8a6);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.95rem;letter-spacing:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;box-shadow:0 18px 36px -17px #4d8dffdb,0 1px #ffffff47 inset;transition:transform .15s,box-shadow .15s,filter .15s}.login-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 32%,rgba(255,255,255,.24) 46%,transparent 62% 100%);transform:translate(-110%);transition:transform .42s ease}.login-submit>*{position:relative;z-index:1}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 42px -18px #4d8dfff2,0 1px #ffffff52 inset;filter:brightness(1.05)}.login-submit:hover:not(:disabled):before{transform:translate(110%)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.login-error{padding:.65rem .8rem;border-radius:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.85rem}@media(max-width:26rem){.login-card{padding:1.25rem;max-width:100%}.login-brand{align-items:flex-start}.login-brand__secure{display:none}}:root{--mobile-nav-height: 74px}.page-scene{display:flex;width:100%;min-width:0;flex-direction:column;gap:1.1rem}.page-scene__body{display:flex;width:100%;min-width:0;flex-direction:column;gap:1rem}.route-fallback{display:flex;min-height:14rem;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem}.calculator-scene{display:grid;gap:1rem}.calculator-scene__form,.calculator-scene__results{min-width:0}.calculator-scene__results{display:flex;min-height:18rem;flex-direction:column;gap:1rem;padding:1.15rem}.calculator-scene__intro{display:flex;flex-direction:column;gap:.45rem}.calculator-scene__intro h3,.calculator-scene__intro p{margin:0}.calculator-scene__intro p{color:var(--text-secondary)}.app-global-overlay{padding:1rem}.app-global-overlay__card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.app-global-overlay__card--error{max-width:28rem}.app-global-overlay__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-blue);border-radius:50%}.app-global-overlay__title{margin:0;font-size:1rem;font-weight:700}.app-global-overlay__message{margin:0;color:var(--text-secondary);font-size:.88rem}@media(min-width:1024px){.calculator-scene{grid-template-columns:minmax(23rem,28rem) minmax(0,1fr);align-items:start}.calculator-scene__results{min-height:100%}}
