:root{--primary-white:#ffffff;--off-white:#fafbfc;--soft-white:#f8f9fa;--subtle-gray:#f1f3f5;--light-gray:#e9ecef;--border-gray:#dee2e6;--medium-gray:#adb5bd;--text-gray:#495057;--dark-text:#212529;--darker-text:#0c0e10;--accent-blue:#0b76ff;--accent-blue-light:#3aa0ff;--accent-blue-dark:#0a5ecc;--accent-green:#00d26a;--accent-orange:#ff9500;--accent-red:#ff3b30;--accent-purple:#8b5cf6;--gradient-blue:linear-gradient(135deg, #0b76ff 0%, #3aa0ff 100%);--gradient-green:linear-gradient(135deg, #00d26a 0%, #00ff87 100%);--gradient-orange:linear-gradient(135deg, #ff9500 0%, #ffaa33 100%);--gradient-subtle:linear-gradient(135deg, #fafbfc 0%, #f8f9fa 100%);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.06);--shadow-md:0 3px 8px rgba(0, 0, 0, 0.08);--shadow-lg:0 6px 16px rgba(0, 0, 0, 0.10);--shadow-xl:0 12px 32px rgba(0, 0, 0, 0.12);--shadow-accent:0 4px 12px rgba(11, 118, 255, 0.16);--shadow-hover:0 8px 24px rgba(11, 118, 255, 0.12);--font-primary:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;--font-mono:'Menlo', 'Monaco', 'Courier New', monospace;--space-xs:4px;--space-sm:6px;--space-md:10px;--space-lg:14px;--space-xl:18px;--space-2xl:24px;--space-3xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:14px;--radius-full:9999px;--timing-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--timing-normal:0.2s cubic-bezier(0.4, 0, 0.2, 1);--timing-smooth:0.3s cubic-bezier(0.4, 0, 0.2, 1);--timing-luxe:0.4s cubic-bezier(0.34, 1.56, 0.64, 1);--header-height:68px;--sidebar-width:280px;--sidebar-collapsed:60px;--card-padding:16px;--card-gap:14px;--z-card:10;--z-dropdown:100;--z-sticky:500;--z-modal:1000;--z-tooltip:1100}.create-order-main,.b2c-main{margin-left:var(--sidebar-width);margin-top:var(--header-height);padding:var(--space-2xl) var(--space-xl);padding-bottom:var(--space-3xl);min-height:calc(100vh - var(--header-height));background:var(--off-white);transition:margin-left var(--timing-smooth),padding var(--timing-smooth);max-width:calc(100vw - var(--sidebar-width));overflow-x:hidden}.main-nav.collapsed~.create-order-main,.main-nav.collapsed~.b2c-main{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed))}.form-header{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--timing-normal)}.form-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-blue);box-shadow:0 2px 8px rgb(11 118 255 / .2)}.form-header:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light);transform:translateY(-1px)}.form-header h1{font-size:1.5rem;font-weight:800;color:var(--darker-text);letter-spacing:-.015em;line-height:1.2;margin:0}.form-header p.muted{font-size:.8125rem;color:var(--text-gray);margin:0;font-weight:500}.create-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap);width:100%}.card-compact.full{grid-column:1 / 3}.card,.card-compact{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-xs);transition:all var(--timing-normal);position:relative;overflow:hidden}.card::before,.card-compact::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-blue);opacity:0;transition:opacity var(--timing-normal)}.card:hover,.card-compact:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light);transform:translateY(-2px)}.card:hover::before,.card-compact:hover::before{opacity:1}.card h2,.card-compact h2{font-size:.8125rem;font-weight:800;color:var(--darker-text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-lg) 0;display:flex;align-items:center;gap:var(--space-sm)}.card h2 .icon,.card-compact h2 .icon{width:16px;height:16px;color:var(--accent-blue);flex-shrink:0}.field{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.field:last-child{margin-bottom:0}.field label,.icon-label{font-size:.75rem;font-weight:800;color:var(--darker-text);letter-spacing:.03em;display:flex;align-items:center;gap:var(--space-sm);text-transform:uppercase}.field label .icon,.icon-label .icon{width:14px;height:14px;color:var(--accent-blue);flex-shrink:0}.field input,.field select,.field textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-gray);border-radius:var(--radius-md);background:var(--primary-white);font-size:.8125rem;font-weight:600;color:var(--dark-text);transition:all var(--timing-normal);font-family:var(--font-primary);min-height:36px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgb(11 118 255 / .1);background:#fafbff}.field input::placeholder,.field textarea::placeholder{color:var(--medium-gray);font-weight:500}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:14px;padding-right:2.5rem}.field textarea{resize:vertical;line-height:1.5;min-height:70px}.field .muted,.field small{font-size:.6875rem;color:var(--text-gray);font-weight:500;margin-top:var(--space-xs)}.field a{color:var(--accent-blue);text-decoration:none;font-weight:600;transition:color var(--timing-fast)}.field a:hover{color:var(--accent-blue-dark)}.row{display:flex;gap:var(--card-gap);align-items:flex-start;margin-bottom:var(--space-md)}.row:last-child{margin-bottom:0}.row .field{flex:1;margin-bottom:0;min-width:0}.row.small-gap{gap:var(--space-sm)}.product-table-wrapper{overflow-x:auto;margin:var(--space-md) 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.product-table{width:100%;border-collapse:collapse;background:var(--primary-white);font-size:.8125rem;border-radius:var(--radius-lg);overflow:hidden}.product-table thead{background:var(--subtle-gray);position:sticky;top:0;z-index:10}.product-table thead th{padding:var(--space-md) var(--space-sm);text-align:left;font-weight:800;color:var(--darker-text);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border-gray);white-space:nowrap;background:var(--subtle-gray)}.product-table tbody tr{border-bottom:1px solid var(--light-gray);transition:all var(--timing-fast)}.product-table tbody tr:hover{background:var(--soft-white);box-shadow:inset 0 0 0 1px var(--accent-blue-light)}.product-table tbody td{padding:var(--space-md) var(--space-sm);color:var(--dark-text);font-size:.8125rem;font-weight:600;vertical-align:middle}.product-table tbody input{width:100%;padding:4px 8px;border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;transition:all var(--timing-fast)}.product-table tbody input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px rgb(11 118 255 / .1);outline:none}.product-table tbody input[readonly]{background:var(--subtle-gray);color:var(--text-gray);cursor:not-allowed;font-weight:700}.product-table .sr{text-align:center;font-weight:800;color:var(--text-gray)}.product-table .remove-col{text-align:center}.remove-row{padding:4px 8px;border:none;background:var(--soft-white);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--timing-fast);color:var(--accent-red);font-size:.875rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.remove-row:hover{background:var(--accent-red);color:#fff;transform:scale(1.1);box-shadow:0 2px 8px rgb(255 59 48 / .3)}.total-box{border:1px solid var(--border-gray);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--soft-white) 0%,var(--subtle-gray) 100%);padding:var(--space-lg);margin-top:var(--space-lg);box-shadow:var(--shadow-xs)}.total-box-inner{display:flex;flex-direction:column;gap:var(--space-sm)}.total-box-inner h3{margin:0 0 var(--space-sm) 0;font-size:.875rem;font-weight:800;color:var(--darker-text);text-transform:uppercase;letter-spacing:.05em}.total-line{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--dark-text);font-weight:600;padding:var(--space-xs) 0}.total-line strong{font-weight:800;color:var(--darker-text)}.grand-total{display:flex;justify-content:space-between;font-size:1rem;font-weight:800;color:var(--darker-text);padding-top:var(--space-md);margin-top:var(--space-sm);border-top:2px solid var(--border-gray)}.grand-total strong{font-size:1.25rem;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.radio2-group{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-md)}.radio2{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;user-select:none}.radio2 input[type="radio"]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--accent-blue)}.radio2 span{font-size:.8125rem;font-weight:700;color:var(--dark-text);transition:color var(--timing-fast)}.radio2 input[type="radio"]:checked+span{color:var(--accent-blue)}.btn{padding:var(--space-sm) var(--space-xl);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:800;cursor:pointer;transition:all var(--timing-normal);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-primary);letter-spacing:.03em;min-height:36px}.btn-primary{background:var(--gradient-blue);color:var(--primary-white);box-shadow:var(--shadow-accent);border:1px solid #fff0}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-accent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:#fff0;color:var(--text-gray);border:1px solid var(--border-gray);padding:var(--space-xs) var(--space-md)}.btn-ghost:hover{background:var(--soft-white);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}#b2c-oda-info{font-size:.6875rem;font-weight:700;margin-top:var(--space-xs);display:block;color:var(--text-gray)}#b2c-oda-info:empty{display:none}.field input.field-error,.field select.field-error,.field textarea.field-error{border-color:var(--accent-red);background:rgb(255 59 48 / .03);animation:shake 0.4s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.field input.field-success,.field select.field-success{border-color:var(--accent-green);background:rgb(0 210 106 / .03)}.modal-overlay{position:fixed;inset:0;background:rgb(15 23 42 / .55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--timing-smooth),visibility var(--timing-smooth);padding:var(--space-lg)}.modal-overlay.hidden{display:none;opacity:0;visibility:hidden}.modal-overlay:not(.hidden){opacity:1;visibility:visible}.modal-window{width:520px;max-width:95%;max-height:85vh;background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-xl);overflow:hidden;animation:modalFadeIn 0.3s var(--timing-smooth);box-shadow:0 20px 60px -12px rgb(0 0 0 / .15),0 8px 24px -8px rgb(0 0 0 / .08);display:flex;flex-direction:column}@keyframes modalFadeIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--space-xl) var(--space-xl);border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--off-white) 0%,var(--subtle-gray) 100%)}.modal-header h2{margin:0;font-size:1.125rem;font-weight:800;color:var(--darker-text);letter-spacing:-.01em}.modal-close{background:var(--soft-white);border:none;font-size:1.25rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-gray);transition:all var(--timing-fast);font-weight:800;line-height:1}.modal-close:hover{background:var(--accent-red);color:var(--primary-white);transform:scale(1.08)}.modal-close:active{transform:scale(.92)}.modal-quotes-list{padding:var(--space-lg);overflow-y:auto;max-height:calc(85vh - 120px);flex:1}.modal-quotes-list::-webkit-scrollbar{width:6px}.modal-quotes-list::-webkit-scrollbar-track{background:var(--subtle-gray)}.modal-quotes-list::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:var(--radius-full)}.modal-quotes-list::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.quote-card{border:1.5px solid var(--border-gray);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);cursor:pointer;background:var(--primary-white);transition:all var(--timing-smooth);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.quote-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-blue);opacity:0;transition:opacity var(--timing-smooth)}.quote-card:hover{background:var(--off-white);border-color:var(--accent-blue-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quote-card:hover::before{opacity:1}.quote-card.selected{background:linear-gradient(135deg,rgb(11 118 255 / .08) 0%,rgb(11 118 255 / .04) 100%);border-color:var(--accent-blue);box-shadow:var(--shadow-md),0 0 0 3px rgb(11 118 255 / .1)}.quote-card.selected::before{opacity:1}.quote-info{flex:1;min-width:0}.quote-courier-name{font-size:.9375rem;font-weight:800;color:var(--darker-text);margin:0 0 var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-sm)}.quote-service-type{font-size:.8125rem;color:var(--text-gray);margin:0 0 var(--space-xs) 0;font-weight:600}.quote-eta{font-size:.75rem;color:var(--medium-gray);margin:0;font-weight:500;display:flex;align-items:center;gap:4px}.quote-eta::before{content:'🕐';font-size:.75rem}.quote-price-section{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-md);min-width:140px}.quote-price{font-size:1.375rem;font-weight:900;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin:0}.use-service-btn{background:var(--gradient-blue);color:var(--primary-white);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:800;font-size:.75rem;cursor:pointer;transition:all var(--timing-normal);box-shadow:var(--shadow-accent);text-transform:uppercase;letter-spacing:.04em;min-width:140px;white-space:nowrap}.use-service-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.use-service-btn:active{transform:translateY(0)}.use-service-btn:disabled{opacity:.5;cursor:not-allowed}#toggle-other-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.8125rem;font-weight:700;background:#fff0;border:1px solid var(--border-gray);border-radius:var(--radius-md);cursor:pointer;transition:all var(--timing-fast);color:var(--text-gray)}#toggle-other-btn:hover{background:var(--soft-white);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px)}#other-charges-box{transition:all var(--timing-smooth) ease;overflow:hidden;max-height:500px;opacity:1;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-gray)}#other-charges-box.hidden{max-height:0;opacity:0;margin-top:0;padding-top:0;border-top:none;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:800}.font-semibold{font-weight:700}.text-small{font-size:.75rem}.text-base{font-size:.8125rem}.text-large{font-size:.9375rem}.d-none{display:none}.d-flex{display:flex}.d-grid{display:grid}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.muted{color:var(--text-gray)}.highlight-row{background:rgb(11 118 255 / .05)!important;box-shadow:inset 0 0 0 1px var(--accent-blue)!important}.highlight-success{background:rgb(0 210 106 / .05)!important;box-shadow:inset 0 0 0 1px var(--accent-green)!important}.highlight-warning{background:rgb(255 149 0 / .05)!important;box-shadow:inset 0 0 0 1px var(--accent-orange)!important}.text-gradient-blue{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp 0.3s ease-out}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.loading-shimmer{background:linear-gradient(90deg,var(--subtle-gray) 0%,var(--light-gray) 50%,var(--subtle-gray) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-md);height:20px;margin:var(--space-sm) 0}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl)}.loading-spinner{width:40px;height:40px;border:3px solid var(--light-gray);border-top:3px solid var(--accent-blue);border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.8125rem;font-weight:700;color:var(--text-gray)}@media (max-width:1200px){.create-order-main,.b2c-main{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed));padding:var(--space-lg)}.create-order-grid{grid-template-columns:1fr}.card-compact.full{grid-column:1}}@media (max-width:1024px){.create-order-grid{grid-template-columns:1fr}.card-compact.full{grid-column:1}.row{flex-direction:column}.row .field{width:100%}.product-table{font-size:.75rem}.product-table thead th,.product-table tbody td{padding:var(--space-sm) 4px}.modal-window{width:90%;max-width:500px}.quote-card{flex-direction:column;align-items:flex-start}.quote-price-section{align-items:flex-start}.use-service-btn{width:100%;min-width:auto}}@media (max-width:768px){.create-order-main,.b2c-main{margin-left:0;max-width:100vw;padding:var(--space-md);margin-top:calc(var(--header-height) + var(--space-sm))}.form-header{padding:var(--space-md)}.form-header h1{font-size:1.125rem}.card,.card-compact{padding:var(--space-md)}.card h2,.card-compact h2{font-size:.75rem}.create-order-grid{grid-template-columns:1fr;gap:var(--space-sm)}.row{flex-direction:column;gap:var(--space-sm)}.row .field{width:100%;margin-bottom:0}.product-table{min-width:100%;font-size:.75rem}.product-table-wrapper{overflow-x:auto}.modal-window{width:95%;max-height:90vh;border-radius:var(--radius-lg)}.modal-header{padding:var(--space-lg)}.modal-quotes-list{padding:var(--space-md)}.quote-card{padding:var(--space-md);flex-direction:column;align-items:flex-start;margin-bottom:var(--space-md)}.quote-info{width:100%}.quote-price-section{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.use-service-btn{width:100%}.btn{width:100%;min-height:40px}.btn-primary,.btn-ghost{width:100%}.field input,.field select,.field textarea{min-height:40px}.total-box{padding:var(--space-md)}.radio2-group{flex-direction:column;gap:var(--space-md)}}@media (max-width:480px){.create-order-main,.b2c-main{padding:var(--space-sm)}.form-header,.card,.card-compact,.product-table-wrapper{padding:var(--space-sm)}.form-header h1{font-size:1rem}.card h2,.card-compact h2{font-size:.6875rem}.btn{padding:var(--space-xs) var(--space-md);font-size:.75rem;min-height:36px}.modal-window{width:98%;max-height:85vh}.modal-header{padding:var(--space-md)}.modal-header h2{font-size:1rem}.modal-close{width:28px;height:28px;font-size:1rem}.quote-card{padding:var(--space-sm);margin-bottom:var(--space-sm)}.quote-courier-name{font-size:.875rem}.quote-service-type{font-size:.75rem}.quote-price{font-size:1.125rem}.row{gap:var(--space-xs)}.field{margin-bottom:var(--space-sm)}.total-line{font-size:.75rem}.grand-total{font-size:.9375rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}.btn:focus-visible,.field input:focus-visible,.field select:focus-visible,.modal-close:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::selection{background:rgb(11 118 255 / .15);color:var(--darker-text)}@media print{.btn-primary,.btn-ghost,.modal-close,#toggle-other-btn,#fetch-b2c-quotes{display:none!important}.create-order-main,.b2c-main{margin-left:0!important;padding:0!important}.form-header,.card,.card-compact{page-break-inside:avoid;box-shadow:none;border:1px solid #e0e0e0}.product-table{font-size:9pt}}.create-order-main,.b2c-main,.card,.card-compact,.btn,.btn-primary,.modal-overlay,.product-table tbody tr{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.modal-quotes-list::-webkit-scrollbar,.product-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.modal-quotes-list::-webkit-scrollbar-track,.product-table-wrapper::-webkit-scrollbar-track{background:var(--subtle-gray)}.modal-quotes-list::-webkit-scrollbar-thumb,.product-table-wrapper::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:var(--radius-full)}.modal-quotes-list::-webkit-scrollbar-thumb:hover,.product-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.btn-success{background:var(--gradient-green);color:var(--primary-white);box-shadow:var(--shadow-xs)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 210 106 / .3)}.btn-warning{background:var(--gradient-orange);color:var(--primary-white);box-shadow:var(--shadow-xs)}.btn-warning:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(255 149 0 / .3)}.status-badge{display:inline-flex;align-items:center;padding:3px var(--space-sm);border-radius:var(--radius-full);font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--shadow-xs)}.status-active{background:var(--gradient-green);color:var(--primary-white)}.status-inactive{background:var(--subtle-gray);color:var(--text-gray)}.status-pending{background:var(--gradient-orange);color:var(--primary-white)}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-weight:700;font-size:.8125rem;border-left:3px solid currentColor}.alert-info{background:rgb(11 118 255 / .08);color:var(--accent-blue-dark)}.alert-success{background:rgb(0 210 106 / .08);color:#059669}.alert-warning{background:rgb(255 149 0 / .08);color:#f59e0b}.alert-error{background:rgb(255 59 48 / .08);color:#dc2626}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-gray)}.empty-state h3{font-size:1rem;font-weight:800;color:var(--dark-text);margin:0 0 var(--space-sm) 0}.empty-state p{font-size:.8125rem;color:var(--text-gray);margin:0}.quote-card:focus-within{outline:2px solid var(--accent-blue);outline-offset:-2px}#product-suggest-box{position:absolute;z-index:9999;background:#fff;border:1px solid var(--border-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:250px;max-height:260px;overflow-y:auto;padding:6px 0;font-size:.8125rem;display:none;color:#000}#product-suggest-box div{padding:8px 12px;cursor:pointer;transition:background 0.15s;font-weight:600;color:#000}#product-suggest-box div:hover{background:var(--subtle-gray)}#product-suggest-box.hidden{display:none}#product-suggest-box:not(.hidden){display:block}.sticky-quote-btn{position:fixed;bottom:13px;right:22px;z-index:9999;background:var(--gradient-blue);color:#fff;padding:14px 30px;border-radius:var(--radius-xl);font-size:.95rem;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 25px rgb(11 118 255 / .28),0 4px 10px rgb(11 118 255 / .18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform 0.25s cubic-bezier(.22,1,.36,1),box-shadow 0.25s ease,background 0.3s ease}.sticky-quote-btn:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 32px rgb(11 118 255 / .35),0 6px 14px rgb(11 118 255 / .2)}.sticky-quote-btn:active{transform:scale(.97);box-shadow:0 6px 16px rgb(11 118 255 / .25),0 3px 8px rgb(11 118 255 / .15)}@media (max-width:768px){.sticky-quote-btn{bottom:14px;right:50%;transform:translateX(50%);width:calc(100% - 40px);padding:14px 0;text-align:center;border-radius:var(--radius-lg)}.sticky-quote-btn:hover{transform:translateX(50%) translateY(-3px)}}.modal-overlay{background:rgb(15 23 42 / .65)!important}.modal-window{border-radius:var(--radius-2xl);background:var(--primary-white);box-shadow:0 20px 60px rgb(0 0 0 / .18),0 8px 24px rgb(0 0 0 / .12)}.modal-header{background:var(--soft-white);border-bottom:1px solid var(--border-gray);padding:18px 24px}.modal-header h2{font-size:1.25rem;font-weight:900;color:var(--darker-text)}.modal-quotes-list{background:var(--primary-white);padding:20px;color:var(--dark-text)}.quote-card{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:var(--radius-xl);border:1px solid var(--border-gray);margin-bottom:14px;background:var(--soft-white);cursor:pointer;transition:0.25s ease}.quote-card:hover{border-color:var(--accent-blue);background:#eef6ff;transform:translateY(-3px)}.quote-courier-name{font-size:1rem;font-weight:900;color:var(--darker-text)}.quote-service-type{font-size:.85rem;color:var(--text-gray);margin-bottom:3px}.quote-eta{font-size:.75rem;color:var(--medium-gray)}.quote-price-section{text-align:right}.quote-price{font-size:1.45rem;font-weight:900;color:var(--accent-blue-dark)}.use-service-btn{margin-top:6px;padding:8px 12px;background:var(--gradient-blue);border-radius:var(--radius-md);color:#fff;font-size:.75rem;font-weight:800;border:none;cursor:pointer;transition:0.2s}.use-service-btn:hover{transform:translateY(-2px)}.quote-card{padding:18px 22px;border:1.5px solid var(--border-gray);background:#fff;border-radius:14px;margin-bottom:18px;box-shadow:var(--shadow-xs);display:flex;justify-content:space-between;align-items:center;gap:22px;transition:all 0.25s ease;cursor:pointer;position:relative;overflow:hidden}.quote-card::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:var(--accent-blue);opacity:0;transition:opacity 0.25s ease}.quote-card:hover{border-color:var(--accent-blue-light);background:#f7faff;box-shadow:var(--shadow-md);transform:translateY(-3px)}.quote-card:hover::before{opacity:1}.quote-courier-name{font-size:1rem;font-weight:900;color:var(--darker-text);letter-spacing:-.02em;margin-bottom:6px}.quote-service-type{font-size:.8rem;color:var(--text-gray);font-weight:600;margin-bottom:4px}.quote-eta{font-size:.75rem;font-weight:600;color:var(--medium-gray);display:flex;align-items:center;gap:5px}.quote-eta::before{content:"⏱️";font-size:.75rem}.quote-price-section{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:140px}.quote-price{font-size:1.45rem;font-weight:900;margin:0;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.use-service-btn{background:var(--gradient-blue);color:#fff;padding:10px 16px;border:none;border-radius:var(--radius-md);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-accent);transition:all 0.25s ease}.use-service-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.use-service-btn:active{transform:translateY(0)}.quote-card.selected{border-color:var(--accent-blue);background:linear-gradient(135deg,rgb(11 118 255 / .08),rgb(11 118 255 / .03));box-shadow:var(--shadow-md),0 0 0 3px rgb(11 118 255 / .15)}.quote-card.selected::before{opacity:1}.quote-logo{width:46px;height:46px;object-fit:contain;border-radius:8px;background:#f1f5f9;padding:6px}.wallet-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.wallet-left{display:flex;flex-direction:column;gap:2px}.wallet-label{font-size:.8rem;color:#475569}.wallet-amount{font-size:1.3rem;font-weight:900;color:#1e293b}.wallet-actions{display:flex;gap:10px}#toast-container{position:fixed;top:25px;right:25px;z-index:99999;display:flex;flex-direction:column;gap:10px}.toast{background:#333;color:#fff;padding:14px 24px;border-radius:12px;font-family:Poppins,sans-serif;font-size:.9rem;box-shadow:0 8px 24px rgb(0 0 0 / .25);display:flex;align-items:center;gap:10px;opacity:0;transform:translateX(150%);transition:all .4s cubic-bezier(.22,1,.36,1)}.toast-success{background:linear-gradient(135deg,#16a34a,#10b981)}.toast-error{background:linear-gradient(135deg,#dc2626,#ef4444)}.toast-warn{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.toast-info{background:linear-gradient(135deg,#3b82f6,#60a5fa)}input.field-error,select.field-error,textarea.field-error{border-color:#ff3b30!important;background:rgb(255 59 48 / .08)!important;animation:shake 0.35s ease-in-out}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-3px)}100%{transform:translateX(0)}}input.field-error,select.field-error,textarea.field-error{border:2px solid var(--accent-red)!important;background:rgb(255 59 48 / .1)!important;animation:shakeField 0.35s ease-in-out}@keyframes shakeField{0%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}100%{transform:translateX(0)}}.field-error{border:2px solid #ff3b30!important;background:rgb(255 59 48 / .12)!important}.shake{animation:shakeField 0.35s ease-in-out}@keyframes shakeField{0%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}100%{transform:translateX(0)}}