@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"Geist Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:calc(var(--radius) * .8);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:Geist Variable,sans-serif}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-16{height:calc(var(--spacing) * 16)}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-none{max-width:none}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.rounded-2xl{border-radius:calc(var(--radius) * 1.8)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-100{border-color:var(--color-gray-100)}.border-slate-700{border-color:var(--color-slate-700)}.border-transparent{border-color:#0000}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-slate-400{color:var(--color-slate-400)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-CHSlOQsW.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DMtmJ5ZE.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-Dm3htQBi.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{background-color:#fff;margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}.header-rates-badge{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 1px 2px #00000008}.badge-icon{color:#0369a1;background-color:#0369a115;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.buyer-sidebar{color:#111827;z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;width:260px;height:calc(100vh - 32px);transition:all .3s;display:flex;box-shadow:0 4px 20px #00000008}.logout-btn{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{color:#ef4444;background-color:#fef2f2}.contact-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.contact-modal-content{background-color:#fff;border-radius:16px;width:90%;max-width:500px;animation:.3s cubic-bezier(.16,1,.3,1) modalScale;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.contact-header{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;padding:24px;display:flex;position:relative}.header-text h2{color:#111827;margin:0;font-size:18px;font-weight:700}.close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;position:absolute;top:20px;right:20px}.contact-form{padding:24px}.form-info{color:#4b5563;background-color:#f9fafb;border-radius:8px;margin-bottom:20px;padding:10px 16px;font-size:13px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.submit-btn{color:#fff;cursor:pointer;background-color:#ea580c;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.submit-btn:hover{background-color:#d44d0b}.submit-btn:disabled{cursor:not-allowed;background-color:#fdba74}.contact-success{text-align:center;padding:48px 24px}.contact-success h3{color:#111827;margin:16px 0 8px;font-size:20px}.contact-success p{color:#6b7280;font-size:14px}.error-message{color:#dc2626;margin-bottom:16px;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.buyer-layout-container{background-color:#fff;gap:16px;width:100%;height:100vh;padding:16px;display:flex;overflow:hidden}.buyer-main-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden auto}.buyer-top-header{background-color:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.buyer-main-content{flex:1;width:100%;padding:32px}.exporter-sidebar{color:#111827;z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;width:260px;height:calc(100vh - 32px);transition:all .3s;display:flex;box-shadow:0 4px 20px #00000008}.logo-container{justify-content:center;align-items:center;width:100%;display:flex}.logo-image{object-fit:contain;width:120px;height:auto}.logo-text{color:#111827;letter-spacing:-.02em;font-size:20px;font-weight:700}.sidebar-nav{flex:1;padding:24px 12px;overflow-y:auto}.nav-group{margin-bottom:24px}.nav-group-title{color:#9ca3af;letter-spacing:.05em;margin-bottom:8px;padding-left:12px;font-size:11px;font-weight:600}.nav-link{color:#4b5563;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#111827;background-color:#f9fafb}.nav-link.active{color:#0d3b1e;background-color:#f0fdf4;font-weight:600}.nav-icon-svg{opacity:.7;justify-content:center;width:20px;height:20px;transition:all .2s;display:flex}.nav-link.active .nav-icon-svg{opacity:1;color:#0d3b1e}.sidebar-footer{border-top:1px solid #f3f4f6;padding:16px}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#374151;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-details{flex:1;overflow:hidden}.user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600}.user-role{color:#6b7280;margin:0;font-size:11px}.logout-button{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:12px;width:100%;margin-top:16px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.logout-button:hover{background-color:#fef2f2;border-color:#fecaca}.logout-button svg{opacity:.8}.emergency-contact{background-color:#fffaf0;border:1px solid #fed7aa;border-radius:12px;margin-bottom:20px;padding:12px}.emergency-label{color:#9a3412;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.emergency-label svg{color:#ea580c}.emergency-email{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s;display:block;overflow:hidden}.emergency-email:hover{color:#ea580c;text-decoration:underline}.exporter-layout-container{background-color:#fff;gap:16px;width:100%;height:100vh;padding:16px;display:flex;overflow:hidden}.exporter-main-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.exporter-top-header{background-color:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header-search input{border:1px solid #d1d5db;border-radius:6px;outline:none;width:300px;padding:8px 16px;font-size:14px;transition:all .2s}.header-search input:focus{border-color:#62a537;box-shadow:0 0 0 3px #62a53726}.header-actions{gap:12px;display:flex}.icon-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:8px;font-size:20px;transition:background-color .2s}.icon-btn:hover{color:#111827;background-color:#f3f4f6}.exporter-main-content{flex:1;width:100%;padding:32px;overflow-y:auto}.pricing-modal-overlay{z-index:3000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#0a190ad9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pricing-modal-content{background:#fff;border-radius:32px;flex-direction:column;width:100%;max-width:1100px;max-height:95vh;animation:.6s cubic-bezier(.16,1,.3,1) modalEnter;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0006}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.pricing-header{z-index:20;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex}.pricing-steps{align-items:center;gap:1.5rem;display:flex}.step-item{color:#94a3b8;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.step-item.active{color:#0d1117}.step-item.completed{color:#62a537}.step-number{border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .3s;display:flex}.active .step-number{color:#fff;background:#62a537;border-color:#62a537}.completed .step-number{color:#62a537;background:#f0fdf4;border-color:#62a537}.step-divider{background:#f1f5f9;width:40px;height:2px}.close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pricing-body{flex:1;padding:0;overflow-y:auto}.plans-view{padding:3rem;animation:.4s ease-out fadeIn}.view-title{text-align:center;margin-bottom:4rem}.view-title h2{letter-spacing:-.04em;color:#0d1117;margin:0 0 .5rem;font-size:2.75rem;font-weight:850}.view-title p{color:#64748b;max-width:600px;margin:0 auto;font-size:1.1rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.plan-card:hover{border-color:#62a537;transform:translateY(-8px);box-shadow:0 20px 40px -10px #00000014}.plan-card.recommended{z-index:10;border:2px solid #62a537;transform:scale(1.05);box-shadow:0 20px 50px -10px #62a53726}.popular-ribbon{color:#fff;text-transform:uppercase;background:#62a537;border-radius:100px;padding:4px 12px;font-size:.7rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem}.plan-name{color:#0d1117;align-items:center;gap:10px;margin-bottom:.5rem;font-size:1.1rem;font-weight:800;display:flex}.plan-expiry-notice{color:#d97706;background:#fffbeb;border-radius:8px;align-items:center;gap:4px;width:fit-content;margin-bottom:1.5rem;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.active-badge{color:#fff;background:#62a537;border-radius:100px;padding:4px 10px;font-size:.7rem;font-weight:700}.plan-price{flex-direction:column;gap:4px;margin-bottom:2.5rem;display:flex}.price-amount{letter-spacing:-.04em;font-size:2.5rem;font-weight:850;line-height:1.1}.price-period{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:1rem;font-weight:600}.plan-features{flex:1;margin:0 0 2.5rem;padding:0;list-style:none}.plan-features li{color:#475569;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.95rem;display:flex}.plan-features li svg{color:#62a537;flex-shrink:0}.star-feature{background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;padding:8px 12px;font-weight:600;color:#92400e!important}.star-icon{color:#d97706!important}.select-plan-btn{color:#0d1117;cursor:pointer;background:#f1f5f9;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:1.25rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.recommended .select-plan-btn{color:#fff;background:#62a537}.select-plan-btn:hover:not(:disabled){color:#fff;background:#0d1117;transform:scale(1.02)}.select-plan-btn:disabled{opacity:.8;cursor:not-allowed}.checkout-view{grid-template-columns:350px 1fr;min-height:700px;animation:.4s cubic-bezier(.16,1,.3,1) slideInRight;display:grid}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.checkout-summary{background:#f8fafc;border-right:1px solid #f1f5f9;padding:3rem}.back-btn-minimal{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:3rem;font-weight:600;transition:color .2s;display:flex}.back-btn-minimal:hover{color:#0d1117}.summary-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px #00000008}.summary-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.summary-price{flex-direction:column;margin:1.5rem 0;display:flex}.summary-price span{letter-spacing:-.04em;color:#0d1117;font-size:2rem;font-weight:850;line-height:1.2}.summary-price small{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.85rem;font-weight:700}.summary-divider{background:#f1f5f9;height:1px;margin:2rem 0}.summary-perks{flex-direction:column;gap:12px;display:flex}.summary-perks p{color:#475569;align-items:center;gap:10px;margin:0;font-size:.9rem;font-weight:600;display:flex}.summary-perks p svg{color:#62a537}.checkout-actions{padding:4rem}.checkout-header{margin-bottom:3rem}.checkout-header h3{margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.checkout-header p{color:#64748b;font-size:1rem}.bank-details-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.bank-field{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.bank-field:hover{background:#f0fdf4;border-color:#62a537}.bank-field.wide{grid-column:span 2}.bank-field.alert{background:#f0fdf4;border:1px dashed #62a537}.field-icon{color:#0d1117;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.alert .field-icon{color:#fff;background:#62a537}.field-content label{color:#94a3b8;text-transform:uppercase;margin-bottom:2px;font-size:.75rem;font-weight:700;display:block}.field-content span{color:#0d1117;word-break:break-all;font-weight:700}.upload-workflow h4{margin-bottom:1.5rem;font-size:1.1rem;font-weight:800}.premium-upload-zone{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #e2e8f0;border-radius:20px;padding:2.5rem;transition:all .3s;display:block}.premium-upload-zone:hover{background:#f0fdf4;border-color:#62a537}.premium-upload-zone.has-file{background:#f0fdf4;border-style:solid;border-color:#62a537}.premium-upload-zone input{display:none}.icon-circle{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;transition:all .3s;display:flex}.premium-upload-zone:hover .icon-circle{color:#fff;background:#62a537;transform:translateY(-3px)}.upload-text strong{color:#0d1117;font-size:1rem;display:block}.upload-text span{color:#94a3b8;font-size:.85rem}.file-preview{justify-content:center;align-items:center;gap:1rem;display:flex}.file-info{text-align:left}.file-info span{color:#0d1117;font-weight:700;display:block}.file-info small{color:#64748b}.submit-upgrade-btn-premium{color:#fff;cursor:pointer;background:#0d1117;border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:3rem;padding:1.5rem;font-size:1.1rem;font-weight:750;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.submit-upgrade-btn-premium:hover:not(.disabled){background:#62a537;transform:translateY(-4px);box-shadow:0 20px 40px #62a53740}.submit-upgrade-btn-premium.disabled{opacity:.5;cursor:not-allowed}.pricing-success{text-align:center;padding:5rem;animation:.5s ease-out modalEnter}.success-icon{color:#62a537;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 2.5rem;display:flex;box-shadow:0 20px 40px #62a5371a}.pricing-success h3{margin-bottom:1rem;font-size:2rem;font-weight:850}.pricing-success p{color:#64748b;max-width:450px;margin:0 auto;font-size:1.1rem}.primary-btn{color:#fff;cursor:pointer;background:#0d1117;border:none;border-radius:12px;padding:1rem 2rem;font-weight:700;transition:all .2s}.primary-btn:hover{background:#62a537;transform:scale(1.05)}.limit-error-view{text-align:center;padding:6rem 4rem;animation:.5s ease-out modalEnter}.error-card{max-width:600px;margin:0 auto}.error-icon-circle{color:#e11d48;background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 2.5rem;display:flex}.error-card h2{color:#0d1117;margin-bottom:1rem;font-size:2.25rem;font-weight:850}.error-card p{color:#64748b;margin-bottom:2rem;font-size:1.1rem}.error-message-box{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:1.5rem}.error-message-box p{color:#1e293b;align-items:center;gap:12px;margin:.75rem 0;font-size:.95rem;font-weight:600;display:flex}.error-message-box p svg{color:#e11d48;flex-shrink:0}.error-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.helper-text{color:#94a3b8;margin:0;font-size:.9rem}.pricing-body::-webkit-scrollbar{width:6px}.pricing-body::-webkit-scrollbar-track{background:0 0}.pricing-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.global-map-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.map-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.map-header h3{color:#0d3b1e;margin:0 0 4px;font-size:1.25rem;font-weight:700}.map-header p{color:#64748b;margin:0;font-size:.875rem}.connection-count{background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;flex-direction:column;align-items:flex-end;padding:8px 16px;display:flex}.connection-count .count{color:#15803d;font-size:1.5rem;font-weight:800;line-height:1}.connection-count .label{color:#166534;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:600}.map-container{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:100%;height:auto;min-height:350px;display:flex;overflow:hidden}.rsm-composable-map{width:100%;height:100%}.map-marker{cursor:pointer}.marker-ping{animation:2s cubic-bezier(0,0,.2,1) infinite ping}@keyframes ping{75%,to{opacity:0;transform:scale(2.5)}}.marker-label{fill:#0d3b1e;pointer-events:none;opacity:0;filter:drop-shadow(0 1px 1px #fff);font-size:10px;font-weight:700;transition:opacity .2s}.map-marker:hover+.marker-label{opacity:1}.map-marker:hover circle:first-child{fill:#15803d;r:8px}:global(.dark) .global-map-card{background:#111827;border-color:#1f2937}:global(.dark) .map-container{background:#1f2937;border-color:#374151}:global(.dark) .rsm-geography{fill:#374151;stroke:#4b5563}.buyer-dashboard-container{flex-direction:column;gap:40px;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-end;display:flex}.usage-banner{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-bottom:32px;padding:24px;display:grid;box-shadow:0 4px 6px -1px #0000000d}.primary-btn{color:#fff;cursor:pointer;background-color:#0d3b1e;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.reports-section{background-color:#fff;border:1px solid #f3f4f6;border-radius:16px;margin-top:16px;padding:32px}.section-header h3{color:#111827;margin:0;font-size:18px;font-weight:700}.pro-badge{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800}.report-card{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;padding:24px;transition:all .2s;display:flex}.report-card:hover{background-color:#f1f5f9;border-color:#e2e8f0}.report-info{align-items:center;gap:20px;display:flex}.report-icon{color:#7c3aed;box-sizing:content-box;background:#f3e8ff;border-radius:12px;padding:12px}.report-info h4{color:#1e293b;margin:0 0 4px;font-size:16px;font-weight:700}.report-info p{color:#64748b;max-width:450px;margin:0;font-size:14px;line-height:1.5}.download-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.download-btn:hover{color:#7c3aed;background-color:#f5f3ff;border-color:#7c3aed}.exporter-select-container{position:relative}.exporter-select{color:#111827;appearance:none;cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-width:220px;padding:10px 40px 10px 16px;font-size:14px;transition:all .2s}.exporter-select:hover{background-color:#fff;border-color:#d1d5db}@media (width<=768px){.performance-metrics-grid{grid-template-columns:1fr}.sourcing-header{flex-direction:column;gap:16px}.exporter-select{width:100%}}.header-text-container{align-items:center;gap:20px;display:flex}.buyer-logo-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;padding:8px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.buyer-dashboard-logo{object-fit:contain;max-width:100%;max-height:100%}.selected-exporter-logo{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:5px;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000000d}.selected-exporter-logo img{object-fit:contain;max-width:100%;max-height:100%}.exporter-logo-placeholder{color:#fff;background:#0d3b1e;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}.action-btn.not-fulfilled{color:#dc2626;background-color:#fff;border-color:#fecaca}.action-btn.not-fulfilled:hover{background-color:#fef2f2}.create-order-btn{align-items:center;gap:8px;display:flex}.create-order-btn.active{background-color:#ef4444}.create-order-btn.active:hover{background-color:#dc2626}.order-creation-form-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:24px;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-header h3{color:#1e293b;margin:0 0 4px;font-size:18px;font-weight:700}.form-header p{color:#64748b;margin:0;font-size:14px}.form-group select,.form-group input{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group select:focus,.form-group input:focus{border-color:#0d3b1e;outline:none;box-shadow:0 0 0 3px #0d3b1e1a}.form-actions{align-items:flex-end;display:flex}.submit-order-btn{color:#fff;cursor:pointer;background-color:#0d3b1e;border:none;border-radius:8px;align-items:center;gap:8px;height:40px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.submit-order-btn:hover:not(:disabled){background-color:#15582f;transform:translateY(-1px)}.submit-order-btn:disabled{opacity:.7;cursor:not-allowed}.order-success-toast{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s ease-out fadeIn;display:flex}@media (width<=640px){.order-form .form-row{flex-direction:column;align-items:stretch}.form-group{min-width:100%}.submit-order-btn{justify-content:center;width:100%}}.edit-order-modal{background-color:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.close-btn{color:#374151;cursor:pointer;z-index:20;background-color:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.close-btn:hover{color:#ef4444;background-color:#fee2e2;transform:rotate(90deg)}.order-context{background-color:#f8fafc;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;display:flex}.context-item{gap:8px;font-size:14px;display:flex}.context-item label{color:#64748b;font-weight:600}.context-item span{color:#1e293b;font-weight:500}.edit-order-form{flex-direction:column;gap:20px;display:flex}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.dual-price-dashboard{flex-direction:column;gap:2px;line-height:1.2;display:flex}.dual-price-dashboard .converted{color:#0d3b1e;font-size:18px;font-weight:900}.dual-price-dashboard .native{color:#64748b;font-size:14px;font-weight:700}.dual-price-dashboard.large .converted{font-size:22px;font-weight:900}.dual-price-dashboard.large .native{font-size:14px;font-weight:700}.price-detail{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:8px 0;display:flex}.price-detail span:first-child{color:#64748b;margin-top:4px;font-size:13px;font-weight:600}.price-detail.total{background-color:#f8fafc;border-bottom:none;border-radius:8px;margin-top:8px;padding:12px}.price-detail.total span:first-child{color:#1e293b;font-size:14px;font-weight:700}.exporter-dashboard-container{flex-direction:column;gap:40px;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.plan-badge-container{cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.plan-badge-container:hover{background-color:#f0fdf4;border-color:#62a537}.plan-label{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:700}.plan-badge{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:800}.plan-badge.free{color:#475569;background-color:#f1f5f9}.plan-badge.starter{color:#0369a1;background-color:#e0f2fe}.plan-badge.growth{color:#15803d;background-color:#f0fdf4}.plan-badge.premium{color:#fff;background-color:#0d3b1e}.upgrade-btn-small{color:#62a537;text-transform:uppercase;cursor:pointer;background:0 0;border:none;margin-left:4px;font-size:11px;font-weight:800}.badge-text .rate-value{color:#0f172a;font-size:14px;font-weight:700}.usage-banner{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;padding:24px;display:grid;box-shadow:0 4px 6px -1px #0000000d}.usage-item{flex-direction:column;gap:10px;display:flex}.usage-info{color:#475569;justify-content:space-between;font-size:13px;font-weight:700;display:flex}.usage-bar{background-color:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.usage-fill{background-color:#62a537;border-radius:4px;height:100%;transition:width 1s ease-out}.usage-fill.connections{background-color:#0369a1}.buyer-select{color:#111827;appearance:none;cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-width:220px;padding:10px 40px 10px 16px;font-size:14px;font-weight:600;transition:all .2s}.buyer-select:hover{background-color:#fff;border-color:#d1d5db}.primary-btn{color:#fff;cursor:pointer;background-color:#0d3b1e;border:none;border-radius:8px;align-items:center;height:44px;padding:0 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.primary-btn:hover{background-color:#15582f;box-shadow:0 4px 12px #0d3b1e26}.primary-btn:active{transform:translateY(1px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.stat-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;align-items:center;gap:16px;padding:24px;transition:all .2s;display:flex}.stat-card:hover{border-color:#e5e7eb;box-shadow:0 8px 24px #0000000a}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.02em;margin:0 0 4px;font-size:13px;font-weight:500}.stat-value{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.dashboard-content-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.dashboard-section{background-color:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.section-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.text-btn{color:#62a537;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600;transition:background-color .2s}.text-btn:hover{background-color:#f0fdf4}.empty-state{color:#9ca3af;background-color:#fafafa;border:2px dashed #f3f4f6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:240px;display:flex}.empty-icon{opacity:.3}.task-item{border-bottom:1px solid #f9fafb;align-items:center;gap:16px;padding:16px 0;display:flex}.task-item:last-child{border-bottom:none}.task-dot{background-color:#62a537;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #f0fdf4}.task-item p{color:#374151;margin:0;font-size:15px;font-weight:500}.sourcing-overview-section{background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;gap:32px;padding:32px;display:flex}.sourcing-header{justify-content:space-between;align-items:flex-start;display:flex}.header-right{align-items:center;gap:12px;display:flex}.header-left h2{color:#111827;margin:0 0 8px;font-size:24px;font-weight:700}.header-left p{color:#6b7280;margin:0;font-size:14px}.performance-metrics-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.perf-metric-card{background:#f8fafc;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.perf-metric-info p{color:#64748b;margin:0 0 4px;font-size:13px}.perf-metric-info h3{color:#1e293b;margin:0;font-size:20px;font-weight:700}.currency-label-icon{font-size:14px;font-weight:700}.chart-section{background:#fcfcfc;border:1px solid #f1f5f9;border-radius:12px;padding:24px}.dummy-chart{justify-content:space-between;align-items:flex-end;gap:12px;height:240px;padding:20px 10px 0;display:flex}.chart-bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:12px;height:100%;display:flex}.bar-container{background-color:#f1f5f980;border-radius:6px;flex:1;justify-content:center;align-items:flex-end;width:100%;padding:0 4px;display:flex}.chart-bar{background:linear-gradient(#15582f,#0d3b1e);border-radius:4px 4px 0 0;width:100%;max-width:40px;min-height:2px;transition:height .6s cubic-bezier(.4,0,.2,1);position:relative}.bar-value{color:#64748b;font-size:11px;font-weight:600;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.bar-label{color:#64748b;font-size:12px;font-weight:500}.orders-table-section{flex-direction:column;gap:20px;display:flex}.orders-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding-top:12px;display:flex}.orders-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.order-filter{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:13px}.orders-table-container{overflow-x:auto}.orders-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600}.orders-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px;font-size:14px}.status-badge{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.status-completed{color:#15803d;background-color:#dcfce7}.status-pending{color:#854d0e;background-color:#fef9c3}.status-confirmed{color:#0369a1;background-color:#e0f2fe}.status-shipping{color:#1d4ed8;background-color:#dbeafe}.status-not-fulfilled{color:#991b1b;background-color:#fee2e2}.size-label{color:#94a3b8;margin-left:4px;font-size:11px}.order-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.action-btn.view{color:#64748b;background-color:#fff;border-color:#e2e8f0;width:36px;padding:0}.action-btn.view:hover{color:#1e293b;background-color:#f8fafc;border-color:#cbd5e1}.action-btn.accept{color:#fff;background-color:#0d3b1e}.action-btn.accept:hover{background-color:#15582f}.action-btn.ship{color:#fff;background-color:#3b82f6}.action-btn.ship:hover{background-color:#2563eb}.action-btn.receive{color:#fff;background-color:#62a537}.action-btn.receive:hover{background-color:#4d822b}.action-label{color:#64748b;font-size:12px;font-style:italic}.action-label.not-fulfilled{color:#dc2626;font-style:normal;font-weight:600}.action-label.completed{color:#15803d;font-style:normal;font-weight:600}.dashboard-loading,.dashboard-error{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:400px;display:flex}.dashboard-error p{color:#ef4444;font-weight:500}.content-loading{opacity:.5;pointer-events:none}@media (width<=768px){.performance-metrics-grid{grid-template-columns:1fr}}.view-order-modal{background-color:#fff;border-radius:16px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.modal-header h3{color:#1e293b;margin:0;font-size:20px;font-weight:700}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.close-btn:hover{color:#1e293b;background-color:#f1f5f9}.order-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.order-info-section{flex-direction:column;gap:16px;display:flex}.order-info-section.full-width{grid-column:span 2}.order-info-section h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:14px;font-weight:700}.info-row{flex-direction:column;gap:4px;display:flex}.info-row label{color:#94a3b8;font-size:12px;font-weight:500}.info-row span{color:#1e293b;font-size:15px;font-weight:600}.product-summary-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.product-main-info h5{color:#0d3b1e;margin:0 0 8px;font-size:16px;font-weight:700}.product-main-info p{color:#475569;margin:0;font-size:14px}.product-price-info{text-align:right}.product-price-info p{color:#64748b;margin:0 0 4px;font-size:13px}.product-price-info .total-label{color:#1e293b;margin-top:8px;font-size:18px;font-weight:800}.modal-actions{justify-content:flex-end;margin-top:32px;display:flex}.secondary-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.secondary-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}@media (width<=640px){.order-grid{grid-template-columns:1fr}.order-info-section.full-width{grid-column:span 1}.product-summary-card{flex-direction:column;align-items:flex-start;gap:16px}.product-price-info{text-align:left;border-top:1px solid #e2e8f0;width:100%;padding-top:16px}}.login-container{color:#111827;background-color:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.login-form-section{flex-direction:column;flex:1;justify-content:center;padding:48px;display:flex;position:relative}.login-logo{align-items:center;gap:10px;display:flex;position:absolute;top:48px;left:48px}.login-logo img{width:auto;height:120px}.login-content-wrapper{width:100%;max-width:380px;margin:0 auto}.login-header{margin-bottom:40px}.login-header h2{letter-spacing:-.03em;color:#111827;margin:0 0 10px;font-size:30px;font-weight:700}.login-header p{color:#6b7280;margin:0;font-size:15px;line-height:1.5}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{color:#111827;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px 40px 12px 14px;font-family:inherit;font-size:15px;transition:all .2s}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:hover{border-color:#9cb3a1}.input-wrapper input:focus{border-color:#62a537;outline:none;box-shadow:0 0 0 3px #62a53726}.input-icon-right{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.input-icon-right:hover{color:#4b5563}.forgot-password{text-align:right;color:#0d3b1e;margin-top:10px;margin-bottom:32px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:block}.forgot-password:hover{color:#62a537}.login-button{color:#fff;cursor:pointer;background-color:#0d3b1e;border:none;border-radius:6px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;transition:background-color .2s,transform .1s;box-shadow:0 1px 2px #0000000d}.login-button:hover:not(:disabled){background-color:#15582f}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background-color:#e5e7eb}.divider{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:32px 0;font-size:12px;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background-color:#e5e7eb;flex:1;height:1px}.divider span{padding:0 16px}.login-footer{text-align:center;color:#6b7280;font-size:14px}.login-footer a{color:#0d3b1e;margin-left:4px;font-weight:600;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#62a537}.login-visual-section{color:#fff;background-color:#0d3b1e;flex-direction:column;flex:1;justify-content:center;padding:64px;display:flex;position:relative;overflow:hidden}.login-visual-section:before{content:"";z-index:1;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-visual-section:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#62a53726 0%,#0000 70%);border-radius:50%;width:60%;height:60%;position:absolute;top:-20%;right:-20%}.visual-badge{color:#e5e7eb;letter-spacing:.02em;background:#ffffff1a;border:1px solid #fff3;border-radius:100px;align-items:center;margin-bottom:24px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.visual-content p{color:#d1d5db;margin:0 0 40px;font-size:18px;font-weight:400;line-height:1.6}.stat-item h4{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:32px;font-weight:700}.stat-item p{color:#9cb3a1;margin:0;font-size:14px}@media (width<=900px){.login-visual-section{display:none}.login-logo{margin-bottom:48px;position:static}.login-form-section{justify-content:flex-start;padding:32px 24px}}.register-container{color:#111827;background-color:#fff;min-height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex}.register-form-section{flex-direction:column;flex:1;justify-content:center;padding:48px;display:flex;position:relative;overflow-y:auto}.register-logo{align-items:center;gap:10px;display:flex;position:absolute;top:48px;left:48px}.register-logo a{align-items:center;gap:12px;text-decoration:none;display:flex}.register-logo .main-logo{width:auto;height:120px}.register-logo .favicon-icon{opacity:.8;width:24px;height:24px}.register-content-wrapper{width:100%;max-width:480px;margin:0 auto;padding-top:80px}.register-header{margin-bottom:32px}.register-header h2{color:#111827;letter-spacing:-.03em;margin-bottom:8px;font-size:30px;font-weight:700}.register-header p{color:#6b7280;font-size:15px;line-height:1.5}.role-cards{grid-template-columns:1fr 1fr;gap:20px;margin:32px 0;display:grid}.role-card{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:24px;transition:all .2s}.role-card:hover{background-color:#62a5370d;border-color:#62a537;transform:translateY(-2px)}.role-icon{color:#0d3b1e;background-color:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.role-card:hover .role-icon{color:#fff;background-color:#62a537}.role-card h3{color:#111827;margin-bottom:8px;font-size:18px;font-weight:600}.role-card p{color:#6b7280;margin-bottom:0;font-size:14px;line-height:1.4}.select-hint{text-align:center;color:#9ca3af;font-size:14px}.required-asterisk{color:#ef4444;margin-left:2px}.register-content-wrapper input,.register-content-wrapper select,.register-content-wrapper textarea{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:all .2s}.register-content-wrapper select{cursor:pointer;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='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.readonly-input{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6!important}.field-hint{color:#6b7280;margin-top:4px;font-size:12px}.register-content-wrapper input::placeholder,.register-content-wrapper textarea::placeholder{color:#9ca3af}.register-content-wrapper input:focus,.register-content-wrapper select:focus,.register-content-wrapper textarea:focus{border-color:#62a537;outline:none;box-shadow:0 0 0 3px #62a53726}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1}.file-input{background-color:#f9fafb;border:1px dashed #d1d5db!important}.file-hint{color:#9ca3af;margin-top:6px;font-size:12px}.register-button{color:#fff;cursor:pointer;background-color:#0d3b1e;border:none;border-radius:6px;width:100%;margin-top:12px;padding:12px 16px;font-size:15px;font-weight:600;transition:background-color .2s,transform .1s}.register-button:hover:not(:disabled){background-color:#15582f}.register-button:active:not(:disabled){transform:translateY(1px)}.register-button:disabled{color:#9ca3af;cursor:not-allowed;background-color:#e5e7eb}.error-message{color:#b91c1c;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:24px;padding:12px 14px;font-size:14px}.register-footer{text-align:center;color:#6b7280;margin-top:32px;font-size:14px}.register-footer a{color:#0d3b1e;margin-left:4px;font-weight:600;text-decoration:none}.register-footer a:hover{color:#62a537}.encryption-notice{color:#9ca3af;justify-content:center;align-items:center;gap:8px;margin-top:48px;font-size:12px;font-weight:500;display:flex}.register-visual-section{color:#fff;background-color:#0d3b1e;flex-direction:column;flex:1;justify-content:center;padding:64px;display:flex;position:relative;overflow:hidden}.register-visual-section:before{content:"";z-index:1;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.register-visual-section:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#62a53726 0%,#0000 70%);border-radius:50%;width:60%;height:60%;position:absolute;top:-20%;right:-20%}.visual-content{z-index:10;max-width:480px;position:relative}.visual-badge{color:#e5e7eb;background:#ffffff1a;border:1px solid #fff3;border-radius:100px;align-items:center;margin-bottom:24px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.visual-badge .dot{background-color:#62a537;border-radius:50%;width:6px;height:6px;margin-right:8px;box-shadow:0 0 8px #62a53799}.visual-content h3{letter-spacing:-.03em;margin:0 0 20px;font-size:40px;font-weight:700;line-height:1.15}.visual-content p{color:#d1d5db;margin:0 0 40px;font-size:18px;line-height:1.6}.visual-stats{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:32px;padding-top:32px;display:grid}.stat-item h4{color:#fff;margin-bottom:4px;font-size:32px;font-weight:700}.stat-item p{color:#9cb3a1;font-size:14px}@media (width<=900px){.register-visual-section{display:none}.register-logo{margin-bottom:48px;position:static}.register-form-section{justify-content:flex-start;padding:32px 24px}.register-content-wrapper{padding-top:0}}.input-with-status{align-items:center;display:flex;position:relative}.input-with-status input{padding-right:40px}.input-error{background-color:#fffafb!important;border-color:#ef4444!important}.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.status-icon{font-size:16px;font-weight:700;position:absolute;right:12px}.status-icon.success{color:#62a537}.status-icon.error{color:#ef4444}.status-loader{border:2px solid #e5e7eb;border-top-color:#62a537;border-radius:50%;width:16px;height:16px;animation:1s linear infinite rotate;position:absolute;right:12px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.field-error-text{color:#ef4444;margin-top:4px;font-size:12px;font-weight:500}.pending-verification-container{background-color:#f9fafb;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Inter,-apple-system,sans-serif;display:flex}.pending-verification-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:500px;padding:48px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.logo-section{margin-bottom:32px}.pending-logo{width:auto;height:100px}.status-badge{color:#059669;background-color:#ecfdf5;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-flex}.pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}h1{color:#111827;letter-spacing:-.02em;margin:0 0 16px;font-size:28px;font-weight:700}.description{color:#6b7280;margin-bottom:40px;font-size:16px;line-height:1.6}.timeline{text-align:left;margin-bottom:40px}.timeline-item{gap:16px;margin-bottom:24px;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background-color:#e5e7eb;width:2px;position:absolute;top:36px;bottom:-20px;left:15px}.timeline-icon{color:#9ca3af;z-index:1;background-color:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.timeline-item.completed .timeline-icon{color:#fff;background-color:#0d3b1e}.timeline-item.active .timeline-icon{color:#fff;background-color:#62a537;box-shadow:0 0 0 4px #62a53726}.timeline-content h4{color:#111827;margin:0 0 4px;font-size:15px;font-weight:600}.timeline-content p{color:#6b7280;margin:0;font-size:13px}.notice-box{background-color:#fefce8;border:1px solid #fef08a;border-radius:12px;margin-bottom:32px;padding:16px}.notice-box p{color:#854d0e;margin:0;font-size:14px;line-height:1.5}.actions{gap:12px;margin-bottom:32px;display:flex}.refresh-button{color:#fff;cursor:pointer;background-color:#0d3b1e;border:none;border-radius:10px;flex:1;padding:12px 24px;font-weight:600;transition:all .2s}.refresh-button:hover{background-color:#15582f}.refresh-button:disabled{cursor:not-allowed;opacity:.7;background-color:#9ca3af}.refresh-button.loading{color:#0000;position:relative}.refresh-button.loading:after{content:"";border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin:auto;animation:1s infinite button-loading-spinner;position:absolute;inset:0}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.logout-button{color:#6b7280;cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:10px;padding:12px 24px;font-weight:600;transition:all .2s}.logout-button:hover{color:#111827;background-color:#f9fafb;border-color:#9ca3af}.help-footer{color:#9ca3af;font-size:13px}.help-footer a{color:#0d3b1e;font-weight:500;text-decoration:none}.help-footer a:hover{text-decoration:underline}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.close-modal-btn{color:#94a3b8;cursor:pointer;z-index:10;background:#fff;border:1px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.close-modal-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fee2e2;transform:rotate(90deg)}.connect-modal-header h3{color:#0f172a;letter-spacing:-.02em;margin:0 0 24px;font-size:22px;font-weight:800}.connect-modal-body .form-group{margin-bottom:24px}.connect-modal-body textarea{resize:none;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:14px;font-size:15px;transition:all .2s}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.invite-modal-header h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.premium-invite-form .form-group{margin-bottom:24px}.premium-invite-form label{color:#1e293b;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.invite-benefits-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;padding:20px}.premium-message-banner{border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.premium-modal-actions{flex-direction:column;gap:12px;display:flex}.premium-submit-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0d3b1e33}.premium-cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.premium-cancel-btn:hover{color:#64748b}.invitation-cards-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-top:24px;display:grid}.invitation-card-premium{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.invitation-card-premium:hover{border-color:#0d3b1e;transform:translateY(-2px);box-shadow:0 12px 24px -8px #0d3b1e1f}.invite-card-header{justify-content:space-between;align-items:flex-start;display:flex}.exporter-mini-profile{align-items:center;gap:12px;display:flex}.exporter-mini-profile img,.exporter-mini-profile .logo-placeholder{border-radius:10px;width:44px;height:44px}.exporter-mini-info h4{color:#1e293b;margin:0 0 2px;font-size:16px;font-weight:700}.exporter-mini-info span{color:#64748b;font-size:12px}.invite-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.invite-status-badge.pending{color:#c2410c;background:#fff7ed}.invite-status-badge.accepted{color:#15803d;background:#f0fdf4}.invite-status-badge.rejected{color:#b91c1c;background:#fef2f2}.invite-message-box{background:#f8fafc;border-left:4px solid #0d3b1e;border-radius:12px;padding:16px}.invite-message-box p{color:#475569;margin:0;font-size:13px;font-style:italic;line-height:1.5}.invite-card-footer{border-top:1px solid #f1f5f9;flex-direction:column;gap:16px;margin-top:auto;padding-top:16px;display:flex}.invite-date{color:#94a3b8;font-size:12px;font-weight:500}.invite-actions{gap:8px;display:flex}.invite-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.invite-action-btn.view{color:#64748b;background:#fff;border-color:#e2e8f0}.invite-action-btn.view:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.invite-action-btn.accept{color:#fff;background:#0d3b1e}.invite-action-btn.accept:hover:not(:disabled){background:#15582f}.invite-action-btn.reject{color:#ef4444;background:#fff;border-color:#fee2e2}.invite-action-btn.reject:hover:not(:disabled){background:#fef2f2}.invite-action-btn:disabled{opacity:.5;cursor:not-allowed}.invite-status-text{color:#64748b;text-align:center;background:#f1f5f9;border-radius:8px;padding:8px 12px;font-size:12px}.empty-invitations{text-align:center;color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:24px;padding:80px 40px}.empty-invitations h3{color:#1e293b;margin:16px 0 8px}.order-details-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.order-details-modal{background:#fff;border-radius:1.5rem;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s ease-out modal-enter;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-title h2{color:#0f172a;margin:0;font-size:1.5rem}.order-id-tag{color:#475569;background:#e2e8f0;border-radius:.5rem;margin-top:.25rem;padding:.25rem .75rem;font-family:monospace;font-size:.875rem;display:inline-block}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem;transition:background .2s}.close-btn:hover{color:#0f172a;background:#f1f5f9}.modal-body{flex-grow:1;padding:2rem;overflow-y:auto}.order-stepper{justify-content:space-between;margin-bottom:3rem;padding:0 1rem;display:flex}.step-item{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{color:#94a3b8;z-index:2;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex}.circle-dot{background:#cbd5e1;border-radius:50%;width:.5rem;height:.5rem}.step-label{color:#64748b;text-transform:uppercase;letter-spacing:.025em;text-align:center;margin-top:.75rem;font-size:.75rem;font-weight:600}.step-line{z-index:1;background:#e2e8f0;width:100%;height:2px;position:absolute;top:1.25rem;left:50%}.step-item.completed .step-circle{color:#fff;background:#0d3b1e;border-color:#0d3b1e}.step-item.completed .step-label{color:#0d3b1e}.step-item.completed .step-line{background:#0d3b1e}.details-section{margin-bottom:2rem}.details-section h3{color:#0f172a;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem}.info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:.75rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-row label{color:#64748b;font-size:.875rem}.info-row span{color:#0f172a;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;display:flex}.info-row.total{border-top:2px solid #e2e8f0;margin-top:.5rem;padding-top:1rem}.info-row.total .price{color:#0d3b1e;font-size:1.25rem;font-weight:800}.price-group{flex-direction:column;align-items:flex-end;display:flex}.native-price{color:#64748b;margin-top:-2px;font-size:.75rem;font-weight:500}.status-pill{border-radius:.5rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.status-pill.paid{color:#166534;background:#dcfce7}.status-pill.rejected{color:#991b1b;background:#fee2e2}.status-pill.shipping-shipped{color:#1e40af;background:#dbeafe}.status-pill.shipping-delivered{color:#1f2937;background:#f3f4f6}.location-tag{background:#f1f5f9;border-radius:.25rem;padding:.125rem .5rem}.slip-link{color:#0d3b1e;align-items:center;gap:.25rem;font-weight:700;text-decoration:none;display:flex}.slip-link:hover{text-decoration:underline}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.secondary-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600}.primary-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600}.modal-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:5rem;display:flex}.modal-loading p{margin-top:1rem}@media (width<=768px){.details-grid{grid-template-columns:1fr}}.primary-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;transition:background .2s,transform .1s;display:flex}.primary-btn:hover:not(:disabled){background:#092a15}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.create-order-btn.active{background:#ef4444}.create-order-btn.active:hover{background:#dc2626}.order-creation-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.form-header{margin-bottom:1.5rem}.form-header h3{color:#111827;margin-bottom:.25rem;font-size:1.25rem}.form-header p{color:#6b7280;font-size:.875rem}.order-form .form-row{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.form-group{flex-direction:column;flex:1;gap:.5rem;min-width:200px;display:flex}.form-group select,.form-group input{border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem 1rem;font-size:.875rem;transition:border-color .2s}.form-group select:focus,.form-group input:focus{border-color:#0d3b1e;outline:none}.submit-order-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background .2s;display:flex}.submit-order-btn:hover{background:#092a15}.order-success-toast{color:#fff;z-index:1000;background:#10b981;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 15px -3px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.orders-loading p,.orders-empty p{color:#6b7280;margin-top:1rem}.order-label{color:#6b7280;text-transform:uppercase;letter-spacing:.025em;font-size:.875rem}.exporter-info{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.value-group{flex-direction:column;align-items:flex-end;display:flex}.native-value{color:#6b7280;margin-top:-2px;font-size:.75rem;font-weight:500}.advance-row{flex-direction:column;display:flex}.advance-row label{color:#166534;font-size:.75rem}.advance-value{color:#111827;font-weight:600}.upload-slip-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;font-weight:600;transition:background .2s;display:flex}.upload-slip-btn:hover{background:#092a15}.view-slip-link{color:#0d3b1e;border:1px solid #0d3b1e;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.order-card-footer{border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.details-btn{color:#374151;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem;font-weight:600;display:flex}.details-btn:hover{background:#f9fafb}.footer-actions{flex-direction:column;gap:12px;display:flex}.shipping-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.receive-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.receive-btn:hover:not(:disabled){background:#092a15;transform:translateY(-1px)}.not-receive-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.not-receive-btn:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.receive-btn:disabled,.not-receive-btn:disabled{opacity:.5;cursor:not-allowed}.upload-modal{background:#fff;border-radius:1.25rem;width:100%;max-width:500px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header h2{color:#111827;font-size:1.25rem}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none}.order-summary-mini{background:#f9fafb;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.order-summary-mini p{color:#4b5563;margin:.25rem 0}.upload-zone{margin-bottom:1.5rem}.upload-label{text-align:center;cursor:pointer;border:2px dashed #d1d5db;border-radius:1rem;padding:3rem 1.5rem;transition:border-color .2s,background .2s;display:block}.upload-label:hover{background:#f0fdf4;border-color:#0d3b1e}.upload-placeholder{flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-placeholder p{color:#374151;font-weight:600}.upload-placeholder span{color:#6b7280;font-size:.75rem}.selected-file{color:#0d3b1e;flex-direction:column;align-items:center;gap:1rem;display:flex}.payment-instructions{background:#fffbeb;border:1px solid #fef3c7;border-radius:.75rem;padding:1rem}.payment-instructions h4{color:#92400e;margin-bottom:.5rem;font-size:.875rem}.payment-instructions p{color:#b45309;font-size:.875rem;line-height:1.4}.bank-details-display{background:#fff;border:1px solid #fef3c7;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;padding:1rem;display:grid}.bank-detail-item{align-items:flex-start;gap:.75rem;display:flex}.bank-detail-item svg{color:#92400e;margin-top:.25rem}.bank-detail-item.full-width{grid-column:1/-1}.detail-content{flex-direction:column;display:flex}.detail-content label{text-transform:uppercase;color:#92400e;margin-bottom:.125rem;font-size:.7rem;font-weight:600}.detail-content span{color:#111827;word-break:break-all;font-size:.875rem;font-weight:600}.no-bank-details{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;align-items:center;gap:.75rem;margin:1rem 0;padding:.75rem;display:flex}.no-bank-details p{color:#991b1b;margin:0;font-size:.875rem}.upload-notice{margin-top:.5rem;font-style:italic;color:#6b7280!important;font-size:.75rem!important}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;display:flex}.page-header-container{margin-bottom:40px}.header-content p,.page-description{color:#6b7280;font-size:16px;line-height:1.5}.exporter-logo{background-color:#f3f4f6;border-radius:8px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.exporter-info h3{color:#111827;align-items:center;gap:6px;margin-bottom:4px;font-size:18px;display:flex}.footer-actions{align-items:center;gap:12px;display:flex}.remove-connection-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fee2e2;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.remove-connection-btn:hover:not(:disabled){color:#dc2626;background-color:#fef2f2;border-color:#fca5a5}.remove-connection-btn:disabled{opacity:.5;cursor:not-allowed}.invitations-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:16px 24px;font-size:14px}.action-btns{align-items:center;gap:10px;display:flex}.invitation-message{color:#4b5563;background:#f9fafb;border-left:3px solid #62a537;border-radius:6px;max-width:250px;padding:8px 12px;font-size:13px;font-style:italic;line-height:1.5}.view-profile-btn.small{border-radius:4px;justify-content:center;align-items:center;height:32px;padding:6px 12px;font-size:12px;display:flex}.accept-btn,.reject-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;height:32px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.accept-btn:hover:not(:disabled){background-color:#047857;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.accept-btn:active:not(:disabled){transform:translateY(0)}.reject-btn:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.reject-btn:active:not(:disabled){transform:translateY(0)}.accept-btn:disabled,.reject-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=640px){.page-header{flex-direction:column;gap:16px}.invite-btn{justify-content:center;width:100%}.connections-grid{grid-template-columns:1fr}}.products-section{margin-top:40px}.products-grid-modal{scroll-behavior:smooth;scrollbar-width:none;gap:24px;margin:0 -4px;padding:12px 4px 24px;display:flex;overflow-x:auto}.products-grid-modal::-webkit-scrollbar{display:none}.product-item-modal{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;flex:0 0 320px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.product-item-modal:hover{border-color:#62a537;transform:translateY(-8px);box-shadow:0 12px 20px -8px #0000001a}.product-image-gallery-container{background-color:#f8fafc;width:100%;height:250px;position:relative;overflow:hidden}.product-image-gallery{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;width:100%;height:100%;display:flex;overflow-x:auto}.product-image-gallery::-webkit-scrollbar{display:none}.product-image-gallery img{object-fit:cover;scroll-snap-align:start;flex-shrink:0;width:100%;height:100%}.gallery-nav-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:15;color:#0f172a;opacity:0;background-color:#ffffffe6;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.product-item-modal:hover .gallery-nav-btn{opacity:1}.image-count-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:10;background-color:#0f172ab3;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;bottom:12px;right:12px}.product-item-info{flex-direction:column;flex:1;padding:20px;display:flex}.product-category{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.product-item-info h4{color:#0f172a;margin:0 0 16px;font-size:18px;font-weight:700;line-height:1.4}.product-sizes-info{margin-bottom:20px}.sizes-label{color:#64748b;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.sizes-list{flex-wrap:wrap;gap:8px;display:flex}.size-pill-mini{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.product-item-price{border-top:1px solid #f3f4f6;flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;display:flex}.converted-price{color:#0d3b1e;letter-spacing:-.04em;line-height:1;display:block;font-size:16px!important;font-weight:900!important}.native-price{color:#4b5563;display:block;font-size:14px!important;font-weight:700!important}.product-item-price .unit{color:#94a3b8;margin-top:2px;font-size:15px;font-weight:700}.no-products-info{color:#94a3b8;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 0;display:flex}.no-products-info p{font-size:15px;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background-color:#0f172a99;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.4,0,.2,1) fadeInModal;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:480px;padding:32px;animation:.4s cubic-bezier(.16,1,.3,1) slideUpModal;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.exporter-modal{background-color:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:1000px;max-height:calc(100vh - 48px);animation:.5s cubic-bezier(.16,1,.3,1) slideUpModal;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.close-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:100;color:#64748b;background-color:#fffc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:20px;right:20px}.close-modal:hover{color:#ef4444;background-color:#fee2e2;border-color:#fecaca;transform:rotate(90deg)}.modal-header{margin-bottom:24px}.modal-header h2,.modal-header h3{color:#0f172a;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.modal-header p{color:#64748b;font-size:14px;line-height:1.5}.exporter-modal-content{width:100%;height:100%;display:flex;overflow:hidden}.exporter-modal-sidebar{background-color:#f8fafc;border-right:1px solid #f1f5f9;flex-direction:column;flex-shrink:0;align-items:center;width:300px;padding:40px 24px;display:flex;overflow-y:auto}.exporter-modal-logo{background-color:#fff;border:3px solid #fff;border-radius:20px;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:24px;display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.exporter-modal-sidebar h2{color:#0f172a;text-align:center;margin:0 0 8px;font-size:20px;font-weight:800;line-height:1.2}.exporter-modal-main{background-color:#fff;flex:1;padding:40px;overflow-y:auto}.exporter-modal-main section{margin-bottom:48px}.exporter-modal-main h3{color:#64748b;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin:0 0 20px;font-size:14px;font-weight:700;display:flex}.exporter-modal-main h3:after{content:"";background-color:#f1f5f9;flex:1;height:1px}.input-with-icon input,.form-group textarea{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 14px 12px 42px;font-size:15px;transition:all .2s}.form-group textarea{resize:none;padding-left:14px}.input-with-icon input:focus,.form-group textarea:focus{border-color:#62a537;outline:none;box-shadow:0 0 0 3px #62a53726}.hint,.helper-text{color:#94a3b8;margin-top:8px;font-size:12px}.modal-actions,.connect-modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.cancel-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 24px;font-weight:600;transition:all .2s}.cancel-btn:hover{color:#0f172a;background:#f1f5f9}.submit-btn,.submit-connect-btn,.confirm-order-btn{color:#fff;cursor:pointer;background-color:#0d3b1e;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.submit-btn:hover,.submit-connect-btn:hover{background-color:#15582f;transform:translateY(-1px);box-shadow:0 4px 12px #0d3b1e26}.masked-info{color:#62a537;cursor:help;background:#f0fdf4;border:1px solid #dcfce7;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.status-pill.verified{color:#059669;background-color:#ecfdf5;border:1px solid #10b981}.status-pill.pending{color:#d97706;background-color:#fffbeb;border:1px solid #f59e0b}.quick-info{background:#fff;border:1px solid #f1f5f9;border-radius:16px;width:100%;padding:24px}.info-item{gap:12px;margin-bottom:16px;display:flex}.info-item:last-child{margin-bottom:0}.detail-item{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;gap:16px;padding:20px;display:flex}.business-id{background:linear-gradient(90deg,#f8fafc,#fff);border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;margin-top:12px;padding:24px;display:flex}.message-banner.success{color:#15803d;background:#f0fdf4}.message-banner.error{color:#b91c1c;background:#fef2f2}.order-modal-mini{background:#fff;border-radius:16px;width:90%;max-width:400px;padding:2rem;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.order-modal-header{text-align:center;margin-bottom:1.5rem}.order-modal-header h3{color:#111827;margin-bottom:.25rem;font-size:1.25rem}.order-modal-header p{color:#6b7280;font-size:.875rem}.size-selector{flex-wrap:wrap;gap:.5rem;display:flex}.size-opt{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.size-opt:hover{border-color:#0d3b1e}.size-opt.active{color:#fff;background:#0d3b1e;border-color:#0d3b1e}.quantity-control{border:1px solid #e5e7eb;border-radius:8px;align-items:center;width:fit-content;display:flex}.quantity-control button{cursor:pointer;color:#374151;background:#f9fafb;border:none;padding:.5rem 1rem;font-size:1.25rem}.quantity-control input{text-align:center;border:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;width:50px;padding:.5rem 0;font-weight:500}.order-summary{background:#f9fafb;border-radius:12px;margin:1.5rem 0;padding:1rem}.summary-row{color:#4b5563;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.summary-row.total{color:#111827;border-top:1px dashed #e5e7eb;margin-top:.5rem;padding-top:.5rem;font-size:1rem;font-weight:600}.confirm-order-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:10px;width:100%;padding:.875rem;font-weight:600;transition:all .2s}.order-success-message{text-align:center;padding:2rem 0}.order-success-message p{color:#0d3b1e;margin-top:1rem;font-size:1.125rem;font-weight:600}.connection-required-overlay{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px dashed #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:20px 0;padding:60px 40px;display:flex}.connection-required-overlay h4{color:#1e293b;margin:0;font-size:20px}.connection-required-overlay p{color:#64748b;max-width:400px;margin:0}.connect-modal-premium{background:#fff;border-radius:24px;width:100%;max-width:460px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUpModal;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.close-modal-btn{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.close-modal-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.connect-modal-header h3{color:#0f172a;letter-spacing:-.02em;margin-bottom:24px;font-size:22px;font-weight:800}.target-company-summary{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.target-company-logo{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:48px;height:48px;overflow:hidden}.target-company-info h4{color:#1e293b;margin:0 0 2px;font-size:16px;font-weight:700}.target-company-info span{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.connect-modal-header p{color:#64748b;margin-bottom:24px;font-size:14px;line-height:1.5}.label-with-count{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.char-count{color:#94a3b8;font-size:11px;font-weight:500}.benefits-section{border-top:1px dashed #e2e8f0;margin-top:24px;padding-top:24px}.benefits-section h5{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:13px;font-weight:700}.benefits-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.benefits-list li{color:#475569;align-items:center;gap:10px;font-size:13px;display:flex}.benefit-check{color:#10b981;background:#ecfdf5;border-radius:50%;padding:2px}.connect-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:13px;display:flex}.connect-modal-actions-premium{flex-direction:column;gap:12px;margin-top:32px;display:flex}.request-submit-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0d3b1e33}.request-submit-btn:hover:not(:disabled){background:#15582f;transform:translateY(-2px);box-shadow:0 6px 16px #0d3b1e40}.request-submit-btn:disabled{opacity:.7;cursor:not-allowed}.request-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.request-cancel-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.connect-success-state{text-align:center;padding:40px 0 20px}.success-icon-wrapper{color:#10b981;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:.5s cubic-bezier(.16,1,.3,1) scaleIn;display:flex}.connect-success-state h3{color:#0f172a;margin-bottom:12px;font-size:24px;font-weight:800}.connect-success-state p{color:#64748b;line-height:1.6}.invite-modal-premium{background:#fff;border-radius:24px;width:100%;max-width:440px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUpModal;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.invite-modal-header{text-align:center;margin-bottom:32px}.invite-icon-wrapper{color:#10b981;background:#f0fdf4;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.invite-modal-header h2{color:#0f172a;margin-bottom:12px;font-size:24px;font-weight:800}.invite-modal-header p{color:#64748b;font-size:14px;line-height:1.5}.premium-input-wrapper{align-items:center;display:flex;position:relative}.premium-input-wrapper .input-icon{color:#94a3b8;position:absolute;left:16px}.premium-input-wrapper input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:14px 16px 14px 48px;font-size:15px;transition:all .2s}.premium-input-wrapper input:focus{background:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 4px #10b9811a}.form-hint{color:#94a3b8;margin-top:8px;font-size:12px}.limit-alert{color:#b45309;background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:12px;display:flex}.limit-alert button{color:#b45309;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.invite-benefits-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;margin-top:24px;padding:20px}.invite-benefits-box h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:12px;font-weight:700}.benefit-grid-mini{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.benefit-item-mini{color:#475569;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.benefit-item-mini svg{color:#10b981}.premium-message-banner{border-radius:12px;align-items:center;gap:10px;margin-top:24px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.premium-message-banner.success{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.premium-message-banner.error{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.premium-modal-actions{flex-direction:column;gap:12px;margin-top:32px;display:flex}.premium-submit-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.premium-submit-btn:hover:not(:disabled){background:#15582f;transform:translateY(-2px);box-shadow:0 4px 12px #0d3b1e33}.premium-submit-btn:disabled{opacity:.6;cursor:not-allowed}.premium-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.premium-cancel-btn:hover{color:#0f172a;background:#f8fafc}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.profile-section{grid-template-columns:1fr;gap:16px}}@media (width<=600px){.form-grid{grid-template-columns:1fr}}@media (width<=600px){.plan-details-card{flex-direction:column;align-items:flex-start;gap:20px}.upgrade-plan-btn{justify-content:center;width:100%}}.exporters-page-container{flex-direction:column;gap:32px;animation:.4s ease-out fadeIn;display:flex}.exporters-loading,.exporters-error{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:400px;display:flex}.exporters-loading .animate-spin{color:#0d3b1e}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.card-top-actions{align-items:center;gap:12px;display:flex}.save-exporter-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.save-exporter-btn:hover{color:#0d3b1e;background:#e5e7eb}.save-exporter-btn.active{color:#0d3b1e;background:#ecfdf5}.exporter-modal-actions-sidebar{flex-direction:column;gap:16px;margin-top:24px;display:flex}.modal-save-btn:hover{background:#f9fafb;border-color:#9ca3af}.exporters-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:8px;display:flex}.header-filters{align-items:center;gap:12px;display:flex}.filter-toggle{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}.filter-toggle:hover:not(.locked){color:#0d3b1e;background:#f0fdf4;border-color:#62a537}.filter-toggle.active{color:#fff;background:#0d3b1e;border-color:#0d3b1e;box-shadow:0 4px 12px #0d3b1e26}.filter-toggle.locked{color:#9ca3af;cursor:pointer;background:#f9fafb;border-color:#f3f4f6}.filter-toggle.locked:hover{background:#f3f4f6;border-color:#e5e7eb}.pro-tag{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:4px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:800}.header-content h1{color:#111827;letter-spacing:-.03em;margin:0 0 8px;font-size:32px;font-weight:700}.header-content p{color:#6b7280;margin:0;font-size:16px}.search-bar input{width:100%;box-shadow:none;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:12px 16px 12px 44px;font-size:14px;transition:all .2s}.exporters-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.exporter-card{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.exporter-card:hover{border-color:#0d3b1e;box-shadow:0 10px 25px -5px #0000000d}.exporter-card.featured{background:linear-gradient(#fff,#fffdfa);border-color:#fde68a}.exporter-card.boosted{background:linear-gradient(#fff,#f0fdf4);border:2px solid #0d3b1e;box-shadow:0 4px 20px #0d3b1e14}.exporter-card.boosted:before{content:"";background:linear-gradient(90deg,#0d3b1e,#62a537,#0d3b1e) 0 0/200%;height:4px;animation:3s linear infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{to{background-position:200%}}.card-header{justify-content:space-between;align-items:flex-start;padding:0;display:flex}.exporter-logo{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;width:48px;height:48px;overflow:hidden}.logo-placeholder{color:#6b7280;background-color:#f3f4f6;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:600;display:flex}.featured-badge{color:#d97706;background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.boosted-badge{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.boosted-badge svg{color:#0284c7}.exporter-meta{flex-wrap:wrap;gap:12px;margin:0;display:flex}.exporter-meta span{color:#6b7280;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.exporter-meta span svg{opacity:.7}.exporter-desc{color:#4b5563;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer{background-color:#0000;border-top:none;justify-content:space-between;align-items:center;margin-top:4px;padding:0;display:flex}.exporter-card:hover .view-more-btn{color:#62a537}.requests-page-container{max-width:1200px;margin:0 auto;padding:32px;font-family:Inter,sans-serif}.requests-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.requests-header h1{color:#111827;letter-spacing:-.02em;margin:0 0 8px;font-size:30px;font-weight:700}.requests-header p{color:#6b7280;margin:0;font-size:16px}.create-request-btn{color:#fff;cursor:pointer;background-color:#0d3b1e;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:background-color .2s;display:flex}.create-request-btn:hover{background-color:#15582f}.create-request-btn:active{transform:translateY(1px)}.requests-loading,.requests-error,.requests-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:64px;display:flex}.requests-empty svg{color:#9ca3af;margin-bottom:16px}.requests-empty h3{color:#111827;margin:0 0 8px}.requests-empty p{color:#6b7280;margin-bottom:24px}.request-card{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-direction:column;padding:24px;transition:border-color .2s,box-shadow .2s;display:flex}.request-card:hover{border-color:#62a537;box-shadow:0 4px 12px #0000000d}.request-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.request-card-header h3{color:#111827;margin:0;font-size:18px;font-weight:700}.status-badge.open{color:#059669;background-color:#ecfdf5}.status-badge.fulfilled{color:#3b82f6;background-color:#eff6ff}.status-badge.cancelled{color:#ef4444;background-color:#fef2f2}.request-details{border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:16px;display:flex}.detail-pill{color:#374151;align-items:center;gap:6px;font-size:14px;display:flex}.detail-pill svg{color:#6b7280}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.request-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;padding:32px;position:relative;box-shadow:0 20px 25px -5px #0000001a}.close-modal{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.close-modal:hover{color:#111827;background:#e5e7eb;transform:rotate(90deg)}.request-modal h2{color:#111827;margin:0 0 24px;padding-right:80px;font-size:24px;font-weight:700}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{color:#111827;border:1px solid #d1d5db;border-radius:6px;padding:12px 14px;font-size:15px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#62a537;outline:none;box-shadow:0 0 0 3px #62a53726}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:6px;padding:12px 24px;font-weight:600}.card-actions{justify-content:flex-end;margin-top:20px;display:flex}.view-quotations-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.view-quotations-btn:hover{color:#111827;background:#e5e7eb;border-color:#9ca3af}.close-request-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:6px;align-items:center;gap:6px;margin-left:10px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.close-request-btn:hover{background:#fef2f2;border-color:#fca5a5}.quotations-list-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:650px;max-height:85vh;padding:32px;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a}.quotations-list-modal .modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.modal-header-content{flex-direction:column;gap:4px;display:flex}.quotations-list-modal .modal-header h2{margin:0 0 4px}.quotations-list-modal .modal-header p{color:#6b7280;font-size:14px}.quotations-list{flex-direction:column;gap:20px;padding-right:8px;display:flex;overflow-y:auto}.quotation-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px;transition:transform .2s}.quotation-item:hover{background:#fff;border-color:#62a537}.quotation-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.quotation-exporter{align-items:center;gap:12px;display:flex}.exporter-logo{color:#fff;background:#0d3b1e;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.exporter-logo img{object-fit:cover;width:100%;height:100%}.exporter-info h4{color:#111827;margin:0;font-size:16px}.timestamp{color:#6b7280;font-size:12px}.quotation-financials{background:#fff;border:1px solid #f3f4f6;border-radius:6px;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;padding:12px;display:grid}.quotation-product-label{color:#065f46;background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:14px;display:flex}.quotation-product-label strong{color:#047857}.financial-item label{color:#9ca3af;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.financial-item .value{color:#0d3b1e;align-items:baseline;gap:6px;font-size:18px;font-weight:700;display:flex}.currency-label{color:#6b7280;font-size:12px;font-weight:600}.quotation-notes{margin-bottom:20px}.quotation-notes label{color:#374151;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.quotation-notes p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.quotation-footer{flex-wrap:wrap;gap:12px;display:flex}.accept-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.reject-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.status-message{color:#6b7280;width:100%;padding:8px 0;font-size:14px;font-style:italic;font-weight:500}.quotation-footer .secondary-btn{flex:1;padding:10px;font-size:14px}.modal-loading,.modal-error,.modal-empty-state{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:48px 0;display:flex}.modal-loading .animate-spin{color:#62a537;margin-bottom:12px}.modal-empty-state svg{color:#d1d5db;margin-bottom:12px}.sourcing-overview-container{flex-direction:column;gap:32px;animation:.4s ease-out fadeIn;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.report-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}.report-btn:hover:not(.locked){color:#7c3aed;background:#f5f3ff;border-color:#7c3aed}.report-btn.locked{color:#94a3b8;background:#f8fafc;border-color:#f1f5f9}.report-btn.locked:hover{background:#f1f5f9;border-color:#e2e8f0}.biz-tag{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:4px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:800}.sourcing-content{padding:32px}.performance-metrics-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.perf-metric-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:20px;padding:24px;display:flex}.perf-metric-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.perf-metric-icon-wrapper.blue{color:#2563eb;background:#eff6ff}.perf-metric-icon-wrapper.green{color:#166534;background:#f0fdf4}.perf-metric-icon-wrapper.yellow{color:#854d0e;background:#fffbeb}.perf-metric-info p{color:#64748b;margin:0 0 4px;font-size:14px;font-weight:600}.perf-metric-info h3{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.analytics-section{grid-template-columns:1fr;gap:40px;display:grid}.chart-container h3{color:#1e293b;margin-bottom:24px;font-size:18px;font-weight:700}.table-header h3{color:#1e293b;margin-bottom:0;font-size:18px;font-weight:700}.simple-bar-chart{border-bottom:1px solid #f1f5f9;align-items:flex-end;gap:16px;height:200px;padding-bottom:20px;display:flex}.chart-bar-column{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-rail{background:#f1f5f9;border-radius:4px;flex:1;align-items:flex-end;width:32px;display:flex;position:relative}.bar-fill{background:#0d3b1e;border-radius:2px;width:100%;transition:height 1s;position:relative}.bar-tooltip{color:#64748b;font-size:11px;font-weight:700;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bar-label{color:#64748b;margin-top:8px;font-size:12px;font-weight:600}.table-header{justify-content:space-between;align-items:center;display:flex}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;padding:12px;font-size:12px;font-weight:700}.orders-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px}.dual-amount{flex-direction:column;display:flex}.native-amount-hint{color:#64748b;margin-top:2px;font-size:11px;font-weight:500}.status-pill{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.status-pill.completed{color:#166534;background:#dcfce7}.status-pill.pending{color:#854d0e;background:#fef9c3}.status-pill.shipping{color:#1d4ed8;background:#dbeafe}.actions-cell{gap:8px;display:flex}.icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.icon-btn.edit:hover{color:#0d3b1e;border-color:#0d3b1e}.order-creation-form-container{padding:24px}.order-form .form-row{align-items:flex-end;gap:20px;display:flex}.order-form .form-group{flex:1}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a}.detail-row{justify-content:space-between;margin-bottom:12px;display:flex}.detail-row span:first-child{color:#64748b;font-weight:600}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:20px 24px;display:flex}.buyers-page-container{max-width:100%;margin:0 auto;padding:24px}.buyers-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.buyers-header h1{color:#111827;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:700}.buyers-header p{color:#6b7280;margin:0;font-size:16px}.search-bar{width:100%;max-width:450px;margin-top:8px;position:relative}.search-bar input{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px 12px 12px 45px;font-size:15px;transition:all .2s}.search-bar input:focus{border-color:#62a537;outline:none;box-shadow:0 0 0 3px #62a53726}.empty-state-card{text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:80px 40px;transition:all .3s;display:flex}.empty-state-card:hover{background:#f1f5f9;border-color:#cbd5e1}.empty-state-card h3{color:#1e293b;margin:0 0 12px;font-size:24px;font-weight:700}.empty-state-card p{color:#64748b;max-width:450px;margin:0 auto 32px;font-size:16px;line-height:1.6}.empty-icon-container{color:#0d3b1e;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:32px;display:flex;box-shadow:0 10px 15px -3px #0000000d}.buyers-loading,.buyers-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.buyers-loading p{color:#64748b;font-size:16px}.buyers-loading .animate-spin{color:#0d3b1e}.buyers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.buyer-card{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.buyer-card:hover{border-color:#0d3b1e;box-shadow:0 10px 25px -5px #0000000d}.card-header{background:0 0;justify-content:space-between;align-items:flex-start;padding:0;display:flex}.buyer-logo{background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.card-top-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.verified-badge{color:#059669;background-color:#ecfdf5;border:1px solid #d1fae5;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.save-buyer-btn{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.save-buyer-btn:hover{color:#0d3b1e;border-color:#62a537}.save-buyer-btn.active{color:#0d3b1e;background:#f0fdf4;border-color:#62a537}.card-body{flex-direction:column;flex:1;gap:12px;padding:0;display:flex}.card-body h3{color:#111827;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.buyer-meta{flex-wrap:wrap;gap:12px;margin:0;display:flex}.buyer-meta span{color:#6b7280;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.buyer-meta span svg{opacity:.7}.buyer-desc{color:#475569;margin:0;font-size:14px;line-height:1.5}.card-footer{border-top:none;justify-content:space-between;align-items:center;margin-top:4px;padding:0;display:flex}.plan-badge{color:#94a3b8;letter-spacing:.05em;font-size:10px;font-weight:700}.view-more-btn{color:#0d3b1e;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;transition:all .2s;display:flex}.view-more-btn:hover{gap:6px}.buyer-card:hover .view-more-btn{color:#62a537}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.buyer-modal{background:#fff;border-radius:24px;width:100%;max-width:900px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.close-modal{cursor:pointer;color:#64748b;z-index:10;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.close-modal:hover{color:#0f172a;background:#e2e8f0}.buyer-modal-content{flex-direction:row;width:100%;display:flex}.buyer-modal-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-shrink:0;width:320px;padding:40px}.logo-placeholder-large{color:#fff;background:#0d3b1e;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;font-size:32px;font-weight:700;display:flex}.buyer-modal-logo{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex;overflow:hidden}.buyer-modal-logo img{object-fit:contain;width:100%;height:100%;padding:8px}.buyer-modal-sidebar h2{color:#111827;margin:0 0 12px;font-size:24px;font-weight:700}.status-pill{border-radius:100px;margin-bottom:32px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-pill.verified{color:#0d3b1e;background:#f0fdf4;border:1px solid #62a537}.status-pill.pending{color:#92400e;background:#fffbeb;border:1px solid #fcd34d}.quick-info{flex-direction:column;gap:24px;margin-bottom:40px;display:flex}.info-item{gap:16px;display:flex}.info-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;display:block}.info-item span,.info-item a{color:#334155;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.info-item a{color:#3b82f6;text-decoration:none}.buyer-modal-actions-sidebar{flex-direction:column;gap:12px;display:flex}.connect-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:6px;padding:12px;font-weight:600;transition:background .2s}.connect-btn:hover{background:#15582f}.modal-save-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:all .2s;display:flex}.modal-save-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.modal-save-btn.active{color:#0d3b1e;background:#f0fdf4;border-color:#62a537}.buyer-modal-main{flex:1;min-width:0;padding:40px}.buyer-modal-main h3{color:#111827;margin:0 0 16px;font-size:20px;font-weight:700}.buyer-modal-main p{color:#475569;margin-bottom:32px;line-height:1.6}.details-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.detail-item{align-items:center;gap:16px;display:flex}.detail-icon{color:#0d3b1e;background:#f0fdf4;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.detail-text label{color:#94a3b8;margin-bottom:2px;font-size:12px;display:block}.detail-text span{color:#1e293b;font-weight:600}.business-id{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:16px;padding:20px}.business-id label{color:#94a3b8;margin-bottom:4px;font-size:12px;display:block}.business-id span{color:#64748b;letter-spacing:1px;font-family:monospace;font-weight:600}@media (width<=768px){.buyer-modal-content{flex-direction:column}.buyer-modal-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;padding:30px}.buyer-modal-main{padding:30px}.details-grid{grid-template-columns:1fr}}.restriction-container{justify-content:center;align-items:center;padding:80px 24px;animation:.4s ease-out fadeIn;display:flex}.restriction-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:600px;padding:60px 40px;display:flex;box-shadow:0 20px 40px #0000000d}.restriction-icon{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:32px;display:flex}.restriction-card h2{color:#111827;letter-spacing:-.02em;margin-bottom:16px;font-size:32px;font-weight:800}.restriction-card p{color:#64748b;margin-bottom:40px;font-size:18px;line-height:1.6}.connection-stat{margin-bottom:40px}.stat-circle{border:8px solid #f0fdf4;border-top-color:#62a537;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;animation:2s ease-in-out forwards rotateBorder;display:flex}@keyframes rotateBorder{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}.stat-circle span{color:#0d3b1e;font-size:40px;font-weight:800;line-height:1}.stat-circle label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px;font-weight:600}.upgrade-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:12px;width:100%;padding:16px 40px;font-size:16px;font-weight:700;transition:all .2s}.upgrade-btn:hover{background:#15582f;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0d3b1e4d}.masked-info{color:#9ca3af;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:13px;font-style:italic;display:inline-block}.connection-required-info{text-align:center;background:#f9fafb;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:40px;display:flex}.connection-required-info svg{color:#94a3b8}.connection-required-info p{color:#64748b;margin:0;font-size:14px}.connect-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;padding:32px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.connect-modal-header{margin-bottom:24px}.connect-modal-header h3{color:#111827;margin:0 0 8px;font-size:20px}.connect-modal-header p{color:#6b7280;margin:0;font-size:14px}.connect-modal-body .form-group{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.connect-modal-body textarea{resize:none;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .2s}.connect-modal-body textarea:focus{border-color:#0d3b1e;outline:none;box-shadow:0 0 0 3px #0d3b1e1a}.helper-text{color:#9ca3af;font-size:12px}.connect-modal-actions{justify-content:flex-end;gap:12px;display:flex}.submit-connect-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.submit-connect-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 20px;font-weight:600}.connect-success-message{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 0;display:flex}.connect-success-message p{color:#111827;font-size:18px;font-weight:600}.orders-page-container{max-width:1400px;margin:0 auto;padding:2rem}.orders-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.orders-header h1{color:#111827;margin-bottom:.5rem;font-size:2rem}.orders-header p{color:#6b7280}.filter-group{align-items:center;gap:.75rem;display:flex}.filter-group label{color:#4b5563;white-space:nowrap;font-size:.875rem;font-weight:500}.select-wrapper{min-width:220px;position:relative}.filter-select{appearance:none;color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.625rem 2.5rem .625rem 1rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.select-icon{color:#6b7280;pointer-events:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.orders-loading,.orders-error,.orders-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:5rem;display:flex}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.order-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.order-card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.order-id-group{align-items:center;gap:.5rem;display:flex}.order-label{color:#6b7280;text-transform:uppercase;font-size:.875rem}.order-id{color:#111827;font-weight:700}.status-pending{color:#92400e;background:#fef3c7}.status-confirmed{color:#166534;background:#dcfce7}.status-shipping{color:#1e40af;background:#dbeafe}.status-completed{color:#374151;background:#f3f4f6}.status-cancelled{color:#991b1b;background:#fee2e2}.order-card-body{flex-grow:1;padding:1.5rem}.order-main-info h3{color:#111827;margin-bottom:.5rem;font-size:1.25rem}.buyer-info{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.country-tag{background:#f3f4f6;border-radius:4px;padding:.125rem .5rem;font-size:.75rem}.order-meta{border-bottom:1px solid #f3f4f6;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.meta-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.order-financials{flex-direction:column;gap:1rem;display:flex}.total-amount{justify-content:space-between;align-items:center;display:flex}.total-amount label{color:#6b7280;font-size:.875rem}.total-amount .value{color:#0d3b1e;font-size:1.25rem;font-weight:700}.advance-payment-box{background:#f0fdf4;border:1px solid #dcfce7;border-radius:.75rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.advance-info{justify-content:space-between;align-items:center;display:flex}.advance-row label{color:#166534;font-size:.75rem;display:block}.advance-value{font-weight:600}.advance-status{align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.advance-status.paid{color:#166534}.advance-status.pending{color:#92400e}.verify-slip-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem;font-weight:600;display:flex}.next-action-hint{color:#166534;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.request-advance-prompt{text-align:center;background:#fffbeb;border:1px solid #fef3c7;border-radius:.75rem;padding:1rem}.request-advance-prompt p{color:#92400e;margin-bottom:.75rem;font-size:.875rem}.request-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.order-card-actions{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.5rem;display:grid}.confirm-btn,.ship-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:.5rem;padding:.625rem;font-weight:700}.secondary-action-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-weight:600;display:flex}.preview-modal{background:#fff;border-radius:1.25rem;width:100%;max-width:600px;box-shadow:0 25px 50px -12px #00000040}.payment-details-summary{background:#f9fafb;border-radius:.75rem;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.summary-item label{color:#6b7280;margin-bottom:.25rem;font-size:.75rem;display:block}.summary-item span{font-weight:600}.amount-highlight{color:#0d3b1e;font-size:1.125rem}.slip-preview-container{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:1rem;max-height:400px;overflow:hidden auto}.slip-image{width:100%;height:auto;display:block}.pdf-placeholder{color:#6b7280;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.view-btn{color:#0d3b1e;font-weight:600;text-decoration:underline}.confirm-payment-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:700;display:flex}:root{--brand-deep-green:#0d3b1e;--brand-vibrant-green:#62a537;--brand-hover-green:#15582f;--text-heading:#111827;--text-primary:#374151;--text-secondary:#6b7280;--border-color:#d1d5db;--divider-color:#e5e7eb;--bg-base:#fff;--bg-input:#fff;--radius-sm:4px;--radius-md:6px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}.products-container{padding:var(--spacing-xl);max-width:1280px;margin:0 auto}.products-header{margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--divider-color);padding-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.header-title h1{color:var(--text-heading);letter-spacing:-.03em;margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700}.header-title p{color:var(--text-secondary);font-size:1rem}.add-product-btn{align-items:center;gap:var(--spacing-sm);background:var(--brand-deep-green);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 18px;font-weight:600;transition:all .2s;display:flex}.add-product-btn:hover:not(:disabled){background:var(--brand-hover-green)}.add-product-btn:active:not(:disabled){transform:translateY(1px)}.add-product-btn:disabled{cursor:not-allowed;background:#9ca3af}.tier-limit-warning{color:#b91c1c;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-md);background:#fef2f2;border:1px solid #fca5a5;display:flex}.tier-limit-info{color:#0369a1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:#f0f9ff;border:1px solid #bae6fd;justify-content:space-between;align-items:center;font-size:.9375rem;display:flex}.add-product-btn.central{margin:var(--spacing-lg) auto 0}.products-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.product-card{border:1px solid var(--divider-color);background:#fff;border-radius:12px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--brand-vibrant-green);transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.image-slider-container{background:#f8fafc;width:100%;height:200px;position:relative;overflow:hidden}.product-status-badge{text-transform:uppercase;z-index:5;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000000d}.status-live{color:#10b981;border:1px solid #10b981}.status-draft{color:#6b7280;border:1px solid #d1d5db}.slider-btn{cursor:pointer;z-index:10;width:36px;height:36px;color:var(--brand-deep-green);opacity:0;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a}.image-slider-container:hover .slider-btn{opacity:1}.slider-btn:hover{background:#fff;transform:translateY(-50%)scale(1.1)}.slider-btn.prev{left:10px}.slider-btn.next{right:10px}.slider-dots{z-index:10;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;background:#fff9;border-radius:3px;width:6px;height:6px;transition:all .2s}.slider-dot.active{background:#fff;width:16px}.product-image{object-fit:cover;width:100%;height:100%}.no-image{color:#94a3b8;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:200px;display:flex}.product-info{flex-direction:column;flex:1;padding:20px;display:flex}.product-category{text-transform:uppercase;color:var(--brand-vibrant-green);letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:700}.product-name{color:var(--text-heading);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:1.125rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.product-details{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding:12px;display:flex}.product-price{flex-direction:column;gap:2px;display:flex}.product-price .amount{color:var(--text-heading);font-size:1.25rem;font-weight:800}.product-price .unit{color:var(--text-secondary);font-size:.75rem;font-weight:600}.product-moq{color:var(--text-secondary);text-align:right;font-size:.8125rem}.product-moq strong{color:var(--text-heading);font-size:.9375rem;display:block}.product-sizes-tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.size-tag{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.product-actions{border-top:1px solid var(--divider-color);grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:16px;display:grid}.action-btn{cursor:pointer;color:var(--text-primary);background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.action-btn.edit:hover{color:#166534;background:#f0fdf4;border-color:#86efac}.action-btn.delete:hover{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.loading-state{color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;padding:80px;display:flex}.loading-icon{color:var(--brand-vibrant-green);animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse}.product-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11182799;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.product-modal-content{border-radius:var(--radius-md);border:1px solid var(--divider-color);background:#fff;width:100%;max-width:1100px;max-height:90vh;animation:.3s ease-out modalIn;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.product-modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--divider-color);background:#fff;justify-content:space-between;align-items:center;display:flex}.product-modal-header h2{color:var(--text-heading);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;display:flex}.close-btn:hover{color:var(--text-heading)}.product-modal-body{padding:var(--spacing-xl)}.form-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}label{color:var(--text-heading);margin-bottom:8px;font-size:14px;font-weight:600;display:block}label:after{content:attr(data-required);color:#ef4444;margin-left:4px;font-weight:700}input,select,textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-heading);background:var(--bg-input);padding:12px 14px;font-size:15px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--brand-vibrant-green);outline:none;box-shadow:0 0 0 3px #62a53726}.product-modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--divider-color);gap:var(--spacing-md);background:#f9fafb;justify-content:flex-end;display:flex}.cancel-btn{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;background:#fff;padding:10px 20px;font-weight:600}.submit-btn{background:var(--brand-deep-green);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 24px;font-weight:600}.submit-btn:disabled{opacity:.6}.empty-state{text-align:center;border-radius:var(--radius-md);border:2px dashed var(--border-color);background:#f9fafb;padding:64px 32px}.empty-state h3{color:var(--text-heading);margin-top:var(--spacing-md);font-size:1.125rem;font-weight:700}.empty-state p{color:var(--text-secondary);margin:var(--spacing-sm) 0 var(--spacing-lg)}.image-upload-grid{gap:var(--spacing-md);margin-top:var(--spacing-xs);grid-template-columns:repeat(3,1fr);display:grid}.image-upload-slot{aspect-ratio:1;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.image-upload-slot:hover{border-color:var(--brand-vibrant-green);background:#f9fafb}.product-modal-body .upload-placeholder{cursor:pointer;width:100%;height:100%;min-height:100px;color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;font-size:.8125rem;font-weight:600;display:flex}.preview-container{width:100%;height:100%;position:relative}.preview-container img{object-fit:cover;width:100%;height:100%}.remove-image-btn{cursor:pointer;color:#ef4444;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #0000001a}.remove-image-btn:hover{color:#fff;background:#ef4444}.sizes-checkbox-group{gap:var(--spacing-md);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.size-checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;margin-right:20px;font-size:.875rem;display:inline-flex}.size-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-vibrant-green);cursor:pointer;margin:0 10px 0 0}@media (width<=640px){.image-upload-grid{grid-template-columns:1fr}}.profile-container{max-width:1000px;margin:0 auto;padding:24px}.profile-header{margin-bottom:32px}.header-title-row{align-items:center;gap:16px;margin-bottom:8px;display:flex}.profile-header h1{color:#1e293b;margin:0;font-size:28px;font-weight:700}.profile-header p{color:#64748b;font-size:16px}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;display:flex}.status-badge.verified{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.status-badge.pending{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.profile-section{opacity:0;grid-template-columns:280px 1fr;gap:32px;margin-bottom:40px;animation:.5s forwards slideUp;display:grid}.section-info{gap:16px;display:flex}.section-icon{color:#3b82f6;flex-shrink:0}.section-info h2{color:#1e293b;margin-bottom:8px;font-size:18px;font-weight:600}.section-info p{color:#64748b;font-size:14px;line-height:1.5}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group.full-width{grid-column:1/-1}.required-asterisk{color:#ef4444}.form-group input,.form-group select,.form-group textarea{color:#1e293b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:15px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.capacity-input-group{grid-template-columns:1fr 160px;gap:12px;display:grid}.capacity-input-group input{padding-left:14px!important}.input-with-icon svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{width:100%;padding-left:44px!important}.profile-actions-bar{border-top:1px solid #e2e8f0;justify-content:flex-end;padding-top:24px;display:flex}.logo-upload-container{align-items:center;gap:24px;display:flex}.logo-preview{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;transition:all .2s;display:flex;position:relative;overflow:hidden}.logo-preview:hover{border-color:#3b82f6}.logo-preview img{object-fit:contain;width:100%;height:100%;padding:8px}.logo-placeholder{color:#94a3b8}.logo-upload-overlay{color:#3b82f6;z-index:5;background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.logo-upload-actions{flex-direction:column;gap:8px;display:flex}.upload-btn{color:#fff;cursor:pointer;background:#0d3b1e;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:10px 18px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.upload-btn:hover{background:#62a537;transform:translateY(-1px)}.upload-hint{color:#64748b;font-size:.8rem}.animate-spin{animation:1s linear infinite spin}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.save-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.save-btn:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:12px;margin-bottom:32px;padding:16px;display:flex}.success-toast{color:#fff;z-index:1000;background:#10b981;border-radius:12px;align-items:center;gap:12px;padding:12px 24px;animation:.3s ease-out fadeInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}.profile-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.spinner{border:4px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@media (width<=900px){.profile-section{grid-template-columns:1fr;gap:16px}}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.plan-details-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.plan-info{flex-direction:column;gap:4px;display:flex}.plan-name-row{align-items:center;gap:12px;display:flex}.current-plan-badge{text-transform:capitalize;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-block}.current-plan-badge.free{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.current-plan-badge.starter{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.current-plan-badge.growth{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.current-plan-badge.premium{color:#fff;background:#0d3b1e;border:1px solid #062010}.upgrade-plan-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.upgrade-plan-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}@media (width<=600px){.plan-details-card{flex-direction:column;align-items:flex-start;gap:20px}.upgrade-plan-btn{justify-content:center;width:100%}}.connections-page{max-width:1200px;margin:0 auto;padding:32px;animation:.3s ease-out fadeIn}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex}.header-content h1{color:#111827;letter-spacing:-.02em;margin-bottom:8px;font-size:32px}.header-content p{color:#6b7280;font-size:16px}.invite-btn{color:#fff;cursor:pointer;background-color:#0d3b1e;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.invite-btn:hover{background-color:#15582f}.invite-btn:disabled{cursor:not-allowed;background-color:#9ca3af}.tier-limit-warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:16px;margin-bottom:32px;padding:16px 24px;display:flex}.tier-limit-info{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 24px;font-size:.9375rem;display:flex}.tier-limit-info.success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.info-content{align-items:center;gap:8px;display:flex}.upgrade-link{color:#62a537;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.upgrade-link:hover{color:#15582f}.tabs-container{border-bottom:1px solid #e5e7eb;gap:32px;margin-bottom:32px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:12px 4px;font-size:15px;font-weight:500;transition:color .2s;position:relative}.tab-btn.active{color:#0d3b1e;font-weight:600}.tab-btn.active:after{content:"";background-color:#0d3b1e;height:2px;position:absolute;bottom:-1px;left:0;right:0}.connections-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.connection-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:20px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.connection-card:hover{border-color:#0d3b1e;box-shadow:0 10px 25px -5px #0000000d}.card-top{align-items:center;gap:16px;display:flex}.buyer-logo{background-color:#f3f4f6;border-radius:8px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.buyer-logo img{object-fit:contain;width:100%;height:100%;padding:4px}.logo-placeholder{color:#6b7280;background:#f3f4f6;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:600;display:flex}.buyer-logo,.exporter-logo{background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.buyer-logo img,.exporter-logo img{object-fit:contain;width:100%;height:100%;padding:4px}.logo-placeholder-large{color:#6b7280;background:#f3f4f6;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:600;display:flex}.exporter-modal-logo{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex;overflow:hidden}.exporter-modal-logo img{object-fit:contain;width:100%;height:100%;padding:8px}.buyer-info h3{color:#111827;align-items:center;gap:6px;margin-bottom:4px;font-size:18px;display:flex}.verified-icon{color:#62a537}.location{color:#6b7280;align-items:center;gap:4px;font-size:14px;display:flex}.card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.status-badge{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.status-badge.active{color:#059669}.view-profile-btn{color:#374151;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.view-profile-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.invitations-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.invitations-table{border-collapse:collapse;text-align:left;width:100%}.invitations-table th{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 24px;font-size:13px;font-weight:600}.invitations-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:16px 24px;font-size:14px}.status-pill{border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.pending{color:#d97706;background-color:#fffbeb}.status-pill.accepted{color:#059669;background-color:#ecfdf5}.status-pill.rejected{color:#991b1b;background-color:#fef2f2}.action-btns{gap:8px;display:flex}.accept-btn,.reject-btn{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.accept-btn{color:#fff;background-color:#059669}.accept-btn:hover{background-color:#047857}.reject-btn{color:#fff;background-color:#ef4444}.reject-btn:hover{background-color:#dc2626}.empty-state{text-align:center;color:#9ca3af;padding:64px 32px}.empty-state h3{color:#374151;margin:16px 0 8px}.empty-state p{max-width:400px;margin:0 auto}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:480px;padding:32px;position:relative;box-shadow:0 20px 25px -5px #0000001a}.close-modal{color:#9ca3af;cursor:pointer;background:0 0;border:none;position:absolute;top:16px;right:16px}.modal-header h2{color:#111827;margin-bottom:8px;font-size:24px}.modal-header p{color:#6b7280;margin-bottom:24px;font-size:14px}.form-group{margin-bottom:24px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#9ca3af;position:absolute;left:14px}.input-with-icon input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px 14px 12px 42px;font-size:15px;transition:all .2s}.input-with-icon input:focus{border-color:#62a537;outline:none;box-shadow:0 0 0 3px #62a53726}.hint{color:#6b7280;margin-top:8px;font-size:12px}.error-hint{color:#b91c1c;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:4px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:500}.message-banner{border-radius:6px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.message-banner.success{color:#065f46;background-color:#ecfdf5}.message-banner.error{color:#991b1b;background-color:#fef2f2}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.cancel-btn{color:#374151;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;padding:12px 24px;font-weight:600}.submit-btn{color:#fff;cursor:pointer;background-color:#0d3b1e;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.connections-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.spinner{animation:1s linear infinite spin}@media (width<=640px){.page-header{flex-direction:column;gap:16px}.invite-btn{justify-content:center;width:100%}.connections-grid{grid-template-columns:1fr}}.invitation-message{background-color:#f8fafc;border-left:3px solid #0d3b1e;border-radius:4px;margin-top:12px;padding:12px}.message-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.message-text{color:#334155;margin:0;font-size:13px;font-style:italic;line-height:1.5}.quotations-page-container{max-width:1200px;margin:0 auto;padding:32px}.quotations-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.quotations-header h1{color:#111827;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:700}.quotations-header p{color:#6b7280;max-width:600px;margin:0;font-size:16px}.quotation-search{width:100%;max-width:400px;position:relative}.quotation-search input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px 12px 12px 42px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s}.quotation-search input:focus{border-color:#62a537;outline:none;box-shadow:0 0 0 3px #62a53726}.requests-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;display:grid}.request-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.request-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.request-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.category-badge{color:#374151;text-transform:uppercase;background:#f3f4f6;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.deadline-badge{color:#6b7280;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.request-card-body{flex:1;padding:24px 20px}.request-card-body h3{color:#111827;letter-spacing:-.01em;margin:0 0 12px;font-size:20px;font-weight:700}.request-buyer{align-items:center;gap:8px;margin-bottom:20px;display:flex}.buyer-mini-logo{color:#fff;background:#0d3b1e;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.request-buyer span{color:#374151;font-size:14px;font-weight:500}.request-details{gap:12px;margin-bottom:16px;display:flex}.detail-pill{color:#6b7280;background:#f9fafb;border:1px solid #f1f5f9;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.currency-type{color:#111827;font-size:11px;font-weight:700}.request-desc{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.request-card-footer{background:#f9fafb;border-top:1px solid #f3f4f6;border-bottom-right-radius:6px;border-bottom-left-radius:6px;padding:16px 20px}.bid-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.bid-btn:hover{background:#15582f}.bid-btn:active{transform:translateY(1px)}.quotation-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#11182766;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.quotation-modal-content{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:85vh;margin:20px;padding:60px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.close-modal{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:4px;transition:color .15s;display:flex}.close-modal:hover{color:#111827}.modal-header{border-bottom:2px solid #f8fafc;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:24px;display:flex}.modal-header-text{flex-direction:column;gap:4px;display:flex}.modal-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.modal-header p{color:#6b7280;margin:0;font-size:14px}.request-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:32px;margin-bottom:40px;padding:20px 24px;display:flex}.summary-item{flex:1}.summary-item label{color:#9ca3af;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.summary-item span{color:#374151;font-size:14px;font-weight:600}.quotation-form{flex-direction:column;gap:28px;display:flex}.form-row{gap:24px;width:100%;display:flex}.form-row .form-group{flex:1;min-width:0}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#374151;font-size:14px;font-weight:500}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;padding:12px 14px;font-family:inherit;font-size:15px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#62a537;outline:none;box-shadow:0 0 0 3px #62a53726}.total-value-display{color:#0d3b1e;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;min-height:45px;padding:12px 14px;font-size:16px;font-weight:700;display:flex}.submit-bid-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:6px;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.submit-bid-btn:hover{background:#15582f}.submit-bid-btn:disabled{cursor:not-allowed;background:#9ca3af}.product-select{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:all .2s}.product-selection-group{flex-direction:column;gap:12px;display:flex}.product-row{align-items:center;gap:20px;display:flex}.product-row label{flex:0 0 160px;font-weight:600;margin:0!important}.product-row .product-select{flex:1;margin-top:0}.field-hint{color:#6b7280;margin-top:-4px;margin-left:180px;font-size:12px}.success-view{text-align:center;padding:20px 0}.success-icon{color:#62a537;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 24px;display:flex}.success-view h2{color:#111827;margin-bottom:12px;font-size:28px;font-weight:700}.success-view p{color:#6b7280;font-size:16px;line-height:1.6}.no-requests{color:#9ca3af;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:100px 0;display:flex}.no-requests p{margin-top:20px;font-size:18px;font-weight:500}.quotations-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:100px 0;display:flex}.quotations-loading .animate-spin{color:#0d3b1e;margin-bottom:16px}.quotations-error{text-align:center;padding:80px 0}.retry-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:20px;padding:8px 16px}@media (width<=640px){.form-row{grid-template-columns:1fr}}.export-performance-container{flex-direction:column;gap:32px;animation:.4s ease-out fadeIn;display:flex}.page-header{justify-content:space-between;align-items:flex-end;display:flex}.card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.metric-card{align-items:center;gap:20px;padding:24px;display:flex}.metric-icon.blue{color:#2563eb;background:#eff6ff}.metric-icon.green{color:#166534;background:#f0fdf4}.metric-icon.yellow{color:#854d0e;background:#fffbeb}.metric-info p{color:#64748b;margin:0 0 4px;font-size:14px;font-weight:600}.analytics-section{padding:32px}.chart-wrapper h3{color:#1e293b;margin-bottom:24px;font-size:18px;font-weight:700}.section-header h3{color:#1e293b;margin-bottom:0;font-size:18px;font-weight:700}.bar-chart{border-bottom:1px solid #f1f5f9;align-items:flex-end;gap:16px;height:200px;margin-bottom:40px;padding-bottom:20px;display:flex}.chart-column{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.column-rail{background:#f1f5f9;border-radius:4px;flex:1;align-items:flex-end;width:32px;display:flex;position:relative}.column-fill{background:#0d3b1e;border-radius:2px;width:100%;transition:height 1s;position:relative}.tooltip{color:#64748b;font-size:11px;font-weight:700;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.recent-orders-wrapper{margin-top:48px}.section-header{justify-content:space-between;align-items:center;display:flex}.filter-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:auto;min-width:160px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.filter-select:hover{background-color:#f8fafc;border-color:#cbd5e1}.filter-select:focus{border-color:#0d3b1e;outline:none;box-shadow:0 0 0 3px #0d3b1e1a}.performance-table{border-collapse:collapse;width:100%}.performance-table th{text-align:left;color:#94a3b8;text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding:12px;font-size:12px;font-weight:700}.performance-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px}.amount-cell{flex-direction:column;display:flex}.native-amount-label{color:#64748b;margin-top:2px;font-size:11px;font-weight:500}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.status-badge.completed{color:#166534;background:#dcfce7}.status-badge.pending{color:#854d0e;background:#fef9c3}.status-badge.shipping{color:#1d4ed8;background:#dbeafe}.status-badge.confirmed{color:#0369a1;background:#e0f2fe}.row-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.action-icon{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.text-action{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.text-action.ship{background:#15803d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;padding:0;overflow:hidden}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.detail-item label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.detail-item p{color:#1e293b;margin:0;font-size:16px;font-weight:600}.buyer-select-container{position:relative}.buyer-select{appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:220px;padding:10px 40px 10px 16px;font-size:14px}.select-icon{pointer-events:none;color:#64748b;position:absolute;top:50%;right:12px;transform:translateY(-50%)}:root{--deep-green:#0d3b1e;--accent-green:#62a537;--accent-green-alpha:#62a53726;--text-heading:#111827;--text-primary:#374151;--text-secondary:#6b7280;--text-inactive:#9ca3af;--border-color:#d1d5db;--divider-color:#e5e7eb;--bg-base:#fff;--bg-light:#f9fafb;--metric-blue:#2563eb;--metric-blue-bg:#eff6ff;--metric-green:#059669;--metric-green-bg:#ecfdf5;--metric-purple:#7c3aed;--metric-purple-bg:#f5f3ff}.discovery-analytics-container{background-color:var(--bg-base);flex-direction:column;gap:32px;min-height:100%;padding:32px;font-family:Inter,sans-serif;display:flex}.page-header{border-bottom:1px solid var(--divider-color);justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.header-text h1{color:var(--text-heading);letter-spacing:-.02em;margin:0 0 4px;font-size:30px;font-weight:700}.header-text p{color:var(--text-secondary);margin:0;font-size:15px}.header-actions{align-items:center;gap:16px;display:flex}.period-selector{background:var(--bg-base);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:10px;min-width:160px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.period-selector:hover{border-color:var(--text-inactive);background-color:var(--bg-light)}.period-selector:focus-within{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-alpha)}.period-selector select{appearance:none;color:var(--text-heading);cursor:pointer;z-index:2;background:0 0;border:none;outline:none;width:100%;padding-right:24px;font-size:14px;font-weight:500}.period-selector .lucide-calendar{color:var(--text-secondary);flex-shrink:0}.period-selector .lucide-chevron-down{color:var(--text-inactive);pointer-events:none;transition:transform .2s;position:absolute;right:12px}.period-selector:focus-within .lucide-chevron-down{color:var(--accent-green);transform:rotate(180deg)}.header-rates-badge{background:var(--bg-light);border:1px solid var(--divider-color);border-radius:6px;align-items:center;gap:12px;padding:8px 16px;display:flex}.badge-icon{color:var(--accent-green)}.badge-text{flex-direction:column;display:flex}.badge-text span:first-child{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.rate-value{color:var(--text-heading);font-size:14px;font-weight:700}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.metric-card{background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:20px;padding:24px;display:flex}.metric-icon{border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-icon.views{background-color:var(--metric-blue-bg);color:var(--metric-blue)}.metric-icon.connections{background-color:var(--metric-green-bg);color:var(--metric-green)}.metric-icon.conversion{background-color:var(--metric-purple-bg);color:var(--metric-purple)}.metric-info label{color:var(--text-secondary);margin-bottom:2px;font-size:14px;font-weight:500;display:block}.metric-info h3{color:var(--text-heading);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700}.metric-period{color:var(--text-inactive);margin-top:4px;font-size:12px;display:block}.charts-section{background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;padding:32px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.chart-header h3{color:var(--text-heading);margin:0;font-size:18px;font-weight:700}.chart-legend{gap:16px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.dot{border-radius:2px;width:8px;height:8px}.dot.views{background-color:var(--deep-green)}.dot.connections{background-color:var(--accent-green)}.bar-chart-container{gap:16px;height:280px;display:flex}.y-axis{color:var(--text-inactive);text-align:right;flex-direction:column;justify-content:space-between;width:32px;padding-bottom:28px;font-size:12px;display:flex}.bar-chart{border-bottom:1px solid var(--divider-color);flex:1;align-items:flex-end;gap:8px;padding-bottom:4px;display:flex}.chart-column{flex-direction:column;flex:1;align-items:center;gap:8px;height:100%;display:flex}.column-rail{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.column-fill-bg{background-color:var(--bg-light);z-index:1;border-radius:4px 4px 0 0;width:100%;height:100%;position:absolute;bottom:0}.column-fill.views{background-color:var(--deep-green);z-index:2;border-radius:4px 4px 0 0;width:100%;transition:height .6s cubic-bezier(.4,0,.2,1);position:relative}.column-fill.views:hover{background-color:#15582f}.tooltip{background:var(--text-heading);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:opacity .2s;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.chart-column:hover .tooltip{opacity:1}.connection-marker{z-index:3;background:var(--bg-base);width:20px;height:20px;color:var(--accent-green);border:1px solid var(--accent-green);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:8px}.label{color:var(--text-secondary);text-align:center;white-space:nowrap;height:16px;font-size:11px;font-weight:500}.analytics-footer{background:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:24px;padding:32px;display:flex}.footer-icon{background:var(--bg-base);border:1px solid var(--divider-color);width:48px;height:48px;color:var(--accent-green);border-radius:6px;justify-content:center;align-items:center;display:flex}.footer-text{flex:1}.footer-text h4{color:var(--text-heading);margin:0 0 4px;font-size:18px;font-weight:700}.footer-text p{color:var(--text-secondary);margin:0;font-size:14px}.upgrade-link-btn{background-color:var(--deep-green);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}.upgrade-link-btn:hover{background-color:#15582f}.upgrade-link-btn:active{transform:translateY(1px)}.analytics-loading,.analytics-error-container{min-height:calc(100vh - 160px);color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.error-card{text-align:center;flex-direction:column;align-items:center;max-width:400px;padding:40px;display:flex}.error-card h2{color:var(--text-heading);margin:16px 0 8px;font-size:24px}.retry-btn{background:var(--deep-green);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-weight:600}.error-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.current-plan-info{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:14px;display:flex}.plan-badge{background:var(--metric-green-bg);color:var(--metric-green);letter-spacing:.05em;border:1px solid #05966933;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:700}.discovery-analytics-container{animation:.3s ease-out fadeIn}.messages-container{background:#fff;height:calc(100vh - 64px);font-family:Inter,sans-serif;display:flex;overflow:hidden}.conversations-sidebar{background:#fff;border-right:1px solid #d1d5db;flex-direction:column;width:340px;display:flex}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:24px}.sidebar-header h2{color:#111827;letter-spacing:-.02em;margin:0 0 16px;font-size:24px;font-weight:700}.search-box{position:relative}.search-box input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px 14px 12px 40px;font-size:14px;transition:all .2s}.search-box input:focus{border-color:#62a537;outline:none;box-shadow:0 0 0 3px #62a53726}.search-icon{color:#9ca3af;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.conversations-list{flex:1;overflow-y:auto}.conversation-item{cursor:pointer;border-bottom:1px solid #e5e7eb;gap:12px;padding:16px 24px;transition:all .2s;display:flex}.conversation-item:hover{background:#f9fafb}.conversation-item.active{background:#f3f4f6;border-right:4px solid #62a537}.avatar-wrapper{position:relative}.conv-avatar{object-fit:cover;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;width:44px;height:44px}.conv-info{flex:1;min-width:0}.conv-name-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.conv-name-row h4{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.conv-time{color:#9ca3af;font-size:12px}.conv-last-msg{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.unread-badge{color:#fff;text-align:center;background:#0d3b1e;border-radius:4px;min-width:20px;padding:2px 8px;font-size:11px;font-weight:600}.chat-window{background:#fff;flex-direction:column;flex:1;display:flex}.chat-header{background:#fff;border-bottom:1px solid #d1d5db;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.chat-user-info{align-items:center;gap:16px;display:flex}.chat-user-avatar{border:1px solid #e5e7eb;border-radius:6px;width:40px;height:40px}.chat-user-details h3{color:#111827;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.chat-user-details span{color:#62a537;font-size:13px;font-weight:500}.messages-list{background:#fff;flex-direction:column;flex:1;gap:20px;padding:32px;display:flex;overflow-y:auto}.message-bubble{word-wrap:break-word;border-radius:6px;max-width:65%;padding:12px 16px;font-size:15px;line-height:1.5;position:relative}.message-bubble.received{color:#374151;background:#f3f4f6;border-top-left-radius:0;align-self:flex-start}.message-bubble.sent{color:#fff;background:#0d3b1e;border-top-right-radius:0;align-self:flex-end}.message-time{opacity:.6;margin-top:6px;font-size:11px;display:block}.message-bubble.received .message-time{color:#6b7280}.chat-input-area{background:#fff;border-top:1px solid #d1d5db;padding:24px 32px}.input-wrapper{border:1px solid #d1d5db;border-radius:6px;align-items:flex-end;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.input-wrapper:focus-within{border-color:#62a537;box-shadow:0 0 0 3px #62a53726}.input-wrapper textarea{color:#374151;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:160px;padding:4px 0;font-size:15px}.send-btn{color:#fff;cursor:pointer;background:#0d3b1e;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.send-btn:hover{background:#15582f}.send-btn:active{transform:translateY(1px)}.send-btn:disabled{cursor:not-allowed;background:#9ca3af}.empty-chat-state,.messages-loading{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:64px;display:flex}.empty-chat-state h3{color:#111827;margin:24px 0 8px;font-size:20px;font-weight:700}.empty-state-icon{color:#0d3b1e;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.empty-chat-state p{color:#6b7280;font-size:15px}.messages-loading p{color:#6b7280;margin-top:16px;font-weight:500}.message-bubble{animation:.2s ease-out forwards fadeIn}.mobile-warning-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background-color:#0f172af2;justify-content:center;align-items:center;padding:24px;animation:.4s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-warning-content{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:420px;padding:40px 32px;animation:.5s cubic-bezier(.16,1,.3,1) slideUp;transform:translateY(0);box-shadow:0 25px 50px -12px #00000080}.warning-icon-wrapper{background:#f8fafc;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;position:relative}.phone-icon{color:#64748b;width:40px;height:40px}.warning-badge{color:#fff;background:#ef4444;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 10px #ef44444d}.mobile-warning-content h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:16px;font-size:24px;font-weight:700}.mobile-warning-content p{color:#64748b;margin-bottom:32px;font-size:15px;line-height:1.6}.mobile-warning-content p strong{color:#0f172a;font-weight:600}.device-previews{background:#f8fafc;border-radius:16px;justify-content:center;align-items:center;gap:16px;margin-bottom:40px;padding:16px;display:flex}.device{flex-direction:column;align-items:center;gap:8px;display:flex}.device span{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.device.muted{color:#94a3b8}.device.active{color:#0d3b1e}.device-arrow{color:#cbd5e1;font-size:12px;font-weight:700}.warning-actions{flex-direction:column;gap:12px;display:flex}.continue-anyway{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s}.continue-anyway:hover{background:#0f172a;transform:translateY(-1px)}.continue-anyway:active{transform:translateY(0)}