@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--color-primary:#194c6b;--color-primary-dark:#123b54;--color-primary-light:#2a6a92;--color-primary-50:#f0f6fa;--color-primary-100:#dae8f1;--color-primary-900:#092434;--color-accent:#e77e23;--color-accent-dark:#d16c15;--color-accent-light:#f1a713;--color-accent-hover:#d16c15;--color-accent-subtle:#fdf4ed;--color-accent-50:#fdf4ed;--color-accent-glow:#e77e2326;--accent-h:28;--accent-s:80%;--accent-l:52%;--neutral-50:#f6f8f8;--neutral-100:#ebeeef;--neutral-200:#dbdfe1;--neutral-300:#bdc3c7;--neutral-400:#929ba0;--neutral-500:#6c777f;--neutral-600:#505b62;--neutral-700:#384247;--neutral-800:#252d32;--neutral-900:#141b1f;--color-bg:var(--neutral-50);--color-surface:#fff;--color-card:#fff;--color-surface-hover:var(--neutral-100);--color-surface-raised:#fff;--color-surface-sunken:var(--neutral-100);--color-border:var(--neutral-200);--color-border-light:var(--neutral-100);--color-border-strong:var(--neutral-300);--color-text:var(--neutral-900);--color-text-secondary:var(--neutral-500);--color-text-muted:var(--neutral-400);--color-text-on-primary:#fff;--color-text-on-accent:#fff;--color-success:#28af60;--color-success-dark:#219150;--color-success-bg:#ebfaf1;--color-success-border:#b3e6c8;--color-warning:#f1a713;--color-warning-dark:#c1840b;--color-warning-bg:#fcf6e8;--color-warning-border:#f0d8a8;--color-danger:#e74d3c;--color-danger-dark:#d52d1a;--color-danger-bg:#fdeeed;--color-danger-border:#f0c6c2;--color-info:#3398db;--color-info-bg:#ebf4fa;--color-info-border:#bad6e8;--color-pending:var(--color-warning);--color-pending-bg:var(--color-warning-bg);--font-display:"Space Grotesk","Inter",system-ui,sans-serif;--font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--font-family-arabic:"Inter","Cairo","Tajawal",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--text-xs:clamp(0.6875rem,0.65rem + 0.15vw,0.75rem);--text-sm:clamp(0.75rem,0.72rem + 0.15vw,0.8125rem);--text-base:clamp(0.8125rem,0.78rem + 0.15vw,0.875rem);--text-md:clamp(0.9375rem,0.9rem + 0.2vw,1rem);--text-lg:clamp(1.0625rem,1rem + 0.3vw,1.125rem);--text-xl:clamp(1.1875rem,1.1rem + 0.4vw,1.3125rem);--text-2xl:clamp(1.375rem,1.25rem + 0.5vw,1.5625rem);--text-3xl:clamp(1.625rem,1.4rem + 0.8vw,2rem);--text-4xl:clamp(2rem,1.7rem + 1.2vw,2.75rem);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-15:60px;--space-16:64px;--space-20:80px;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #2437420a,0 0 1px #2437420f;--shadow-sm:0 1px 3px #2437420f,0 1px 2px #2437420a;--shadow-md:0 4px 8px -2px #24374214,0 2px 4px -2px #2437420a;--shadow-lg:0 12px 24px -4px #2437421a,0 4px 8px -2px #2437420a;--shadow-xl:0 20px 40px -8px #2437421f,0 8px 16px -4px #2437420a;--shadow-2xl:0 24px 48px -12px #24374226,0 12px 24px -4px #2437420f;--shadow-accent:0 4px 14px -2px #e77e2340;--shadow-primary:0 4px 14px -2px #194c6b40;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:150ms var(--ease-out);--transition-base:200ms var(--ease-out);--transition-slow:350ms var(--ease-out);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:1000;--z-toast:1500;--sidebar-width:260px;--sidebar-collapsed:68px;--navbar-height:64px;--content-max-width:1440px;--page-padding:var(--space-6)}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--color-bg:var(--neutral-900);--color-surface:var(--neutral-800);--color-surface-hover:var(--neutral-700);--color-border:var(--neutral-700);--color-text:var(--neutral-100);--color-text-secondary:var(--neutral-400)}}.industrial-bg{background-color:#f6f8f8;background-color:var(--color-bg);background-image:linear-gradient(#dbdfe1 1px,#0000 0),linear-gradient(90deg,#dbdfe1 1px,#0000 0);background-image:linear-gradient(var(--neutral-200) 1px,#0000 1px),linear-gradient(90deg,var(--neutral-200) 1px,#0000 1px);background-position:50%;background-size:40px 40px}.accent-stripe{position:relative}.accent-stripe:before{background:linear-gradient(90deg,#e77e23,#f1a713);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));border-radius:12px 12px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.glass-card{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#ffffffb8;border:1px solid #ffffff80;border-radius:12px;border-radius:var(--radius-xl)}.status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.status-dot--success{background:#28af60;background:var(--color-success);box-shadow:0 0 0 3px #ebfaf1;box-shadow:0 0 0 3px var(--color-success-bg)}.status-dot--warning{background:#f1a713;background:var(--color-warning);box-shadow:0 0 0 3px #fcf6e8;box-shadow:0 0 0 3px var(--color-warning-bg)}.status-dot--danger{background:#e74d3c;background:var(--color-danger);box-shadow:0 0 0 3px #fdeeed;box-shadow:0 0 0 3px var(--color-danger-bg)}.status-dot--info{background:#3398db;background:var(--color-info);box-shadow:0 0 0 3px #ebf4fa;box-shadow:0 0 0 3px var(--color-info-bg)}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono)}.display{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-family:var(--font-display)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-base);line-height:1.6;text-rendering:optimizeLegibility}[dir=rtl] body{font-family:var(--font-family-arabic)}code{font-family:var(--font-mono)}.tabular-nums,table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:#194c6b26;color:var(--color-primary-dark)}.toast-container{display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;pointer-events:none;position:fixed;right:var(--space-5);top:var(--space-5);width:calc(100% - var(--space-10));z-index:calc(var(--z-modal) + 10)}[dir=rtl] .toast-container{left:var(--space-5);right:auto}.toast-item{align-items:flex-start;background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;font-family:var(--font-family);gap:var(--space-3);overflow:hidden;padding:var(--space-4) var(--space-5);pointer-events:auto;position:relative}.toast-enter{animation:toastSlideIn .42s var(--ease-out)}.toast-exit{animation:toastSlideOut .28s var(--ease-in-out) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%) scale(.92)}to{opacity:1;transform:translateX(0) scale(1)}}[dir=rtl] .toast-enter{animation:toastSlideInRTL .42s var(--ease-out)}@keyframes toastSlideInRTL{0%{opacity:0;transform:translateX(-100%) scale(.92)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.92)}}[dir=rtl] .toast-exit{animation:toastSlideOutRTL .28s var(--ease-in-out) forwards}@keyframes toastSlideOutRTL{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-100%) scale(.92)}}.toast-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.toast-success .toast-icon{background:var(--color-success-bg);color:var(--color-success)}.toast-error .toast-icon{background:var(--color-danger-bg);color:var(--color-danger)}.toast-warning .toast-icon{background:var(--color-warning-bg);color:var(--color-warning)}.toast-info .toast-icon{background:var(--color-info-bg);color:var(--color-info)}.toast-content{flex:1 1;min-width:0}.toast-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-1)}.toast-message{word-wrap:break-word;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55}.toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--space-1);transition:all var(--transition-base)}.toast-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.toast-progress{background:#0000000f;bottom:0;height:3px;left:0;position:absolute;right:0}.toast-progress:after{animation:progressShrink linear forwards;animation-duration:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.toast-success .toast-progress:after{background:var(--color-success)}.toast-error .toast-progress:after{background:var(--color-danger)}.toast-warning .toast-progress:after{background:var(--color-warning)}.toast-info .toast-progress:after{background:var(--color-info)}@keyframes progressShrink{0%{width:100%}to{width:0}}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}[dir=rtl] .toast-error,[dir=rtl] .toast-info,[dir=rtl] .toast-success,[dir=rtl] .toast-warning{border-left:none}[dir=rtl] .toast-success{border-right:3px solid var(--color-success)}[dir=rtl] .toast-error{border-right:3px solid var(--color-danger)}[dir=rtl] .toast-warning{border-right:3px solid var(--color-warning)}[dir=rtl] .toast-info{border-right:3px solid var(--color-info)}@media (max-width:480px){.toast-container{max-width:100%;top:var(--space-3);width:auto}.toast-container,[dir=rtl] .toast-container{left:var(--space-3);right:var(--space-3)}.toast-item{padding:var(--space-3)}.toast-icon{height:32px;width:32px}.toast-title{font-size:var(--text-sm)}.toast-message{font-size:var(--text-xs)}}.lang-switch{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;gap:6px;justify-content:center;padding:6px 10px;transition:background .18s cubic-bezier(.2,.8,.2,1),border-color .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1)}.lang-switch:hover{background:#ffffff14;border-color:#ffffff24}.lang-switch:active{transform:scale(.96)}.lang-switch:focus-visible{outline:2px solid #e77e23;outline:2px solid var(--color-accent,#e77e23);outline-offset:2px}.lang-switch-flag{border-radius:2px;box-shadow:0 1px 2px #0000002e,0 0 0 .5px #00000014;display:block;flex-shrink:0;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.lang-switch:hover .lang-switch-flag{transform:translateY(-1px)}.lang-switch--onLight{background:#f0f3f5cc;border-color:#c2ced699;color:#184059;color:var(--color-primary,#184059)}.lang-switch--onLight:hover{background:#e0e7ebf2;border-color:#18405933}.lang-switch-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){.lang-switch,.lang-switch-flag{transition:none}.lang-switch:hover .lang-switch-flag{transform:none}}.auth-visual{align-items:center;background:radial-gradient(ellipse at 20% 10%,#98551b59 0,#0000 55%),linear-gradient(160deg,var(--color-primary-900) 0,var(--color-primary-dark) 55%,var(--color-primary) 100%);color:#fff;display:flex;isolation:isolate;justify-content:center;min-block-size:100%;overflow:hidden;padding-block:var(--space-12);padding-inline:var(--space-10);position:relative}.auth-visual__grid{background-image:linear-gradient(#d9e8f20f 1px,#0000 0),linear-gradient(90deg,#d9e8f20f 1px,#0000 0);background-position:50%;background-size:56px 56px;inset:0;mask-image:radial-gradient(ellipse at center,#000 40%,#0000 85%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,#0000 85%)}.auth-visual__glow,.auth-visual__grid{pointer-events:none;position:absolute;z-index:0}.auth-visual__glow{background:radial-gradient(circle,#e77e2352 0,#e77e2300 70%);block-size:420px;filter:blur(6px);inline-size:420px;inset-block-end:-140px;inset-inline-end:-120px}.auth-visual__content{display:flex;flex-direction:column;gap:var(--space-6);inline-size:100%;max-inline-size:460px;position:relative;z-index:1}.auth-visual__eyebrow{align-items:center;align-self:flex-start;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff24;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-display);font-size:11px;font-weight:500;gap:var(--space-2);letter-spacing:.14em;padding-block:var(--space-2);padding-inline:var(--space-3);text-transform:uppercase}.auth-visual__eyebrow,.auth-visual__eyebrow svg{color:var(--color-accent-light)}.auth-visual__title{text-wrap:balance;color:#fff;font-family:var(--font-display);font-size:clamp(2rem,1.6rem + 1.8vw,3rem);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:0}[dir=rtl] .auth-visual__title{font-family:"Cairo","Tajawal",var(--font-display);letter-spacing:0;line-height:1.2}.auth-visual__body{color:#c9dce8;font-family:var(--font-family);font-size:var(--text-md);line-height:1.65;margin:0;max-inline-size:40ch}[dir=rtl] .auth-visual__body{font-family:var(--font-family-arabic)}.auth-visual__features{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:var(--space-2) 0 0;padding:0}.auth-visual__feature{align-items:center;color:#e4ecf1;display:flex;font-family:var(--font-family);font-size:var(--text-md);gap:var(--space-3)}[dir=rtl] .auth-visual__feature{font-family:var(--font-family-arabic)}.auth-visual__feature-icon{align-items:center;background:#e77e232e;block-size:22px;border:1px solid #e77e2366;border-radius:var(--radius-full);color:var(--color-accent-light);display:inline-flex;flex-shrink:0;inline-size:22px;justify-content:center}.auth-visual__brand{-webkit-margin-before:var(--space-6);-webkit-padding-before:var(--space-5);-webkit-border-before:1px solid #ffffff14;align-items:center;border-block-start:1px solid #ffffff14;display:flex;gap:var(--space-3);margin-block-start:var(--space-6);padding-block-start:var(--space-5)}.auth-visual__brand-mark{background:#e77e231a;border:1px solid #e77e2366;border-radius:var(--radius-sm);color:var(--color-accent-light);font-size:14px;font-weight:700;padding-block:var(--space-1);padding-inline:var(--space-2)}.auth-visual__brand-label,.auth-visual__brand-mark{font-family:var(--font-display);letter-spacing:.12em}.auth-visual__brand-label{color:#b6cbd8;font-size:12px;text-transform:uppercase}[dir=rtl] .auth-visual__brand-label{letter-spacing:0;text-transform:none}@media (max-width:860px){.auth-visual{block-size:260px;min-block-size:260px;padding-block:var(--space-8);padding-inline:var(--space-6)}.auth-visual__content{gap:var(--space-3);max-inline-size:none}.auth-visual__title{font-size:clamp(1.5rem,1.2rem + 1.5vw,1.875rem)}.auth-visual__body{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--text-base);overflow:hidden}.auth-visual__brand,.auth-visual__features{display:none}.auth-visual__glow{block-size:260px;inline-size:260px;inset-block-end:-100px}}@media (prefers-reduced-motion:reduce){.auth-visual__glow{animation:none}}.auth-layout{background:var(--color-bg);display:grid;grid-template-columns:1fr;min-block-size:100vh;overflow-x:hidden;position:relative}.auth-layout__language{inset-block-start:var(--space-4);inset-inline-end:var(--space-5);position:absolute;z-index:var(--z-sticky)}.auth-layout__form{background:var(--color-bg);container-name:auth-form;container-type:inline-size;display:flex;justify-content:center;min-block-size:100vh;padding-block:var(--space-16) var(--space-10);padding-inline:var(--space-6)}.auth-layout__form-inner{display:flex;flex-direction:column;inline-size:100%;max-inline-size:560px}@media (min-width:1024px){.auth-layout{grid-template-columns:minmax(360px,46fr) 54fr}.auth-layout__form{padding-block:var(--space-16);padding-inline:var(--space-10)}.auth-layout__form-inner{-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4)}[dir=rtl] .auth-layout{grid-template-columns:54fr minmax(360px,46fr)}[dir=rtl] .auth-visual{order:2}[dir=rtl] .auth-layout__form{order:1}}@media (max-width:860px){.auth-layout{grid-template-rows:260px 1fr}.auth-layout__form{min-block-size:auto;padding-block:var(--space-10) var(--space-8);padding-inline:var(--space-5)}}@media (max-width:520px){.auth-layout__form{-webkit-padding-before:var(--space-8);padding-block-start:var(--space-8);padding-inline:var(--space-4)}}.login-card{direction:inherit;inline-size:100%;position:relative}[dir=rtl] .login-card{direction:rtl;text-align:right}[dir=ltr] .login-card{direction:ltr;text-align:left}.login-header{margin-bottom:var(--space-8);text-align:center}.login-header h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-2)}.login-header p{color:var(--color-text-secondary)}.alert,.login-header p{font-size:var(--text-base)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{gap:var(--space-2)}.form-group input,.form-group label{font-size:var(--text-base)}.form-group input{font-family:inherit;height:44px;padding:var(--space-3) var(--space-4);transition:all var(--transition-base) var(--ease-out)}.form-group input:focus{box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.form-group input.error{border-color:var(--color-danger)}.error-text{margin-top:var(--space-1)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:45px;width:100%}[dir=rtl] .password-input-wrapper input{padding-left:45px;padding-right:var(--space-4)}.toggle-password{color:var(--color-text-secondary);font-size:18px;right:12px;top:50%;transform:translateY(-50%);transition:color var(--transition-fast) var(--ease-out)}.toggle-password:hover{color:var(--color-accent)}[dir=rtl] .toggle-password{left:12px}.form-actions{align-items:center;display:flex;justify-content:space-between;margin-top:calc(var(--space-2)*-1)}[dir=rtl] .form-actions{flex-direction:row-reverse}.remember-me{align-items:center;display:flex;gap:var(--space-2)}.remember-me input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;margin:0;width:16px}.remember-me label{color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.forgot-password-link{color:var(--color-accent);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}.forgot-password-link:hover{color:var(--color-accent-dark);text-decoration:underline}.btn{display:flex;font-size:var(--text-md);height:46px}.btn-primary:hover:not(:disabled){background:var(--color-accent-dark)}.btn-block{margin-top:var(--space-3)}.login-footer{border-top:1px solid var(--color-border);margin-top:var(--space-6);padding-top:var(--space-6);text-align:center}.login-footer p{color:var(--color-text-secondary);font-size:var(--text-base)}.register-link{color:var(--color-accent);font-family:var(--font-display);font-weight:600;text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}.register-link:hover{color:var(--color-accent-dark);text-decoration:underline}@media (max-width:768px){.login-header h2{font-size:24px}.login-header p{font-size:var(--text-sm)}.form-group input{font-size:15px;padding:var(--space-3) var(--space-3)}}@media (max-width:480px){.login-header{margin-bottom:var(--space-5)}.login-header h2{font-size:22px;margin-bottom:var(--space-2)}.login-header p{font-size:var(--text-sm)}.login-form{gap:var(--space-4)}.form-group{gap:var(--space-1)}.form-group label{font-size:var(--text-sm)}.form-group input{font-size:16px;padding:var(--space-3) var(--space-3)}.password-input-wrapper input{padding-right:42px}[dir=rtl] .password-input-wrapper input{padding-left:42px;padding-right:var(--space-3)}.toggle-password{font-size:16px;padding:var(--space-1)}.form-actions{margin-top:calc(var(--space-1)*-1)}.forgot-password-link{font-size:var(--text-xs)}.btn{font-size:15px;font-weight:700;padding:var(--space-3)}.btn-block{margin-top:var(--space-1)}.login-footer{margin-top:var(--space-5);padding-top:var(--space-5)}.login-footer p{font-size:var(--text-sm)}.register-link{display:inline-block;margin-top:var(--space-1)}}@media (max-width:360px){.login-header h2{font-size:20px}.form-group input{padding:var(--space-2) var(--space-3)}.btn{font-size:14px;padding:var(--space-3)}}.rfq-stepper{align-items:flex-start;container-name:rfq-stepper;container-type:inline-size;display:flex;gap:var(--space-2);inline-size:100%;justify-content:space-between;list-style:none;margin:0;padding:0}.rfq-stepper__item{align-items:center;display:flex;flex:1 1;justify-content:center;min-inline-size:0;position:relative}.rfq-stepper__line{background:#cddfea;block-size:2px;inline-size:100%;inset-block-start:17px;inset-inline-end:50%;position:absolute;transition:background .36s cubic-bezier(.2,.8,.2,1);z-index:0}.rfq-stepper__line--filled{background:var(--color-primary)}.rfq-stepper__node{align-items:center;background:#0000;border:0;color:inherit;display:inline-flex;flex-direction:column;font:inherit;gap:var(--space-2);max-inline-size:100%;padding:0;position:relative;z-index:1}.rfq-stepper__node--button{cursor:pointer}.rfq-stepper__node--button:focus-visible{border-radius:var(--radius-md);outline:2px solid var(--color-accent);outline-offset:4px}.rfq-stepper__circle{align-items:center;block-size:36px;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-family:var(--font-display);font-size:14px;font-weight:600;inline-size:36px;justify-content:center;position:relative;transition:background-color .26s var(--ease-out),border-color .26s var(--ease-out),color .26s var(--ease-out),transform .26s var(--ease-out)}.rfq-stepper__circle--pending{background:#0000;border:2px solid #cddfea;color:#70a3c2}.rfq-stepper__circle--current{background:var(--color-accent);border:2px solid var(--color-accent);box-shadow:0 6px 14px -4px #e77e2373,0 2px 4px -2px #e77e234d;color:#fff}.rfq-stepper__circle--completed{background:var(--color-primary);border:2px solid var(--color-primary);box-shadow:0 6px 14px -4px #194c6b59,0 2px 4px -2px #194c6b33;color:#fff}.rfq-stepper__number{line-height:1}.rfq-stepper__pulse{animation:stepperPulse 1.8s infinite;border-radius:var(--radius-full);inset:0;pointer-events:none;position:absolute}@keyframes stepperPulse{0%{box-shadow:0 0 0 0 #e77e2359}to{box-shadow:0 0 0 14px #e77e2300}}.rfq-stepper__label{color:#6a94af;font-family:var(--font-display);font-size:12px;letter-spacing:.1em;line-height:1.3;max-inline-size:14ch;text-align:center;text-transform:uppercase;transition:color .26s var(--ease-out)}.rfq-stepper__item--current .rfq-stepper__label{color:var(--color-accent);font-weight:700}.rfq-stepper__item--completed .rfq-stepper__label{color:var(--color-primary);font-weight:600}[dir=rtl] .rfq-stepper__line{inset-inline-end:50%}@container rfq-stepper (max-width: 520px){.rfq-stepper__label{clip:rect(0,0,0,0);block-size:1px;border:0;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.rfq-stepper__node{gap:0}}@media (prefers-reduced-motion:reduce){.rfq-stepper__pulse{animation:none}.rfq-stepper__circle,.rfq-stepper__label,.rfq-stepper__line{transition:none}}.captcha-row{align-items:center;display:flex;gap:var(--space-3)}.captcha-question{align-items:center;background:var(--neutral-100);background:var(--color-primary-50,var(--neutral-100));display:inline-flex;font-size:1.05rem;font-weight:700;justify-content:center;letter-spacing:.06em;padding:var(--space-3) var(--space-4);-webkit-user-select:none;user-select:none}.captcha-input,.captcha-question{border:1px solid var(--color-border,var(--neutral-300));border-radius:var(--radius-md);font-family:var(--font-mono)}.captcha-input{font-size:1rem;padding:var(--space-3);text-align:center;width:6rem}.captcha-input.error{border-color:#d64545;border-color:var(--color-danger,#d64545)}.captcha-reroll{align-items:center;background:#0000;border:1px solid var(--color-border,var(--neutral-300));border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:1.25rem;height:2.5rem;justify-content:center;transition:background var(--transition-fast) var(--ease-out);width:2.5rem}.captcha-reroll:hover{background:var(--neutral-100);background:var(--color-primary-50,var(--neutral-100))}.phone-input-wrap{align-items:stretch;background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border,var(--neutral-300));border-radius:var(--radius-md);display:flex;overflow:hidden;transition:border-color var(--transition-fast) var(--ease-out)}.phone-input-wrap:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px #f77f002e;box-shadow:0 0 0 2px var(--color-accent-tint,#f77f002e)}.phone-input-wrap.error{border-color:#d64545;border-color:var(--color-danger,#d64545)}.phone-input-prefix{-webkit-border-end:1px solid var(--neutral-300);-webkit-border-end:1px solid var(--color-border,var(--neutral-300));align-items:center;background:var(--neutral-50);background:var(--color-primary-50,var(--neutral-50));border-inline-end:1px solid var(--neutral-300);border-inline-end:1px solid var(--color-border,var(--neutral-300));display:inline-flex;font-size:.95rem;font-weight:600;letter-spacing:.04em;padding:0 var(--space-3);-webkit-user-select:none;user-select:none}.phone-input-local,.phone-input-prefix{color:var(--color-text);font-family:var(--font-mono)}.phone-input-local{background:#0000;border:0;flex:1 1;font-size:1rem;letter-spacing:.05em;outline:none;padding:var(--space-3) var(--space-3)}.phone-input-local::placeholder{color:var(--neutral-500);color:var(--color-text-muted,var(--neutral-500))}.register-card{direction:inherit;inline-size:100%;position:relative}[dir=rtl] .register-card{direction:rtl;text-align:right}[dir=ltr] .register-card{direction:ltr;text-align:left}.register-stepper-wrap{-webkit-margin-before:var(--space-6);margin-block-start:var(--space-6);padding-block:var(--space-4);padding-inline:0}.register-header{margin-bottom:var(--space-8);text-align:center}.register-header h2{color:var(--color-text);font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-2)}.register-header p{color:var(--color-text-secondary);font-size:14px;margin-bottom:var(--space-6)}.register-form{margin-top:var(--space-8)}.form-step,.register-form{display:flex;flex-direction:column}.form-step{gap:var(--space-5)}.form-row{grid-gap:var(--space-4);gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-family:inherit;padding:var(--space-3) var(--space-3);transition:all var(--transition-base) var(--ease-out)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--color-danger)}.error-text{color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-xs)}.file-upload-wrapper{border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-5);text-align:center;transition:all var(--transition-base) var(--ease-out)}.file-upload-wrapper:hover{background:var(--color-surface-hover);border-color:var(--color-accent)}.file-upload-wrapper.has-file{background:var(--color-success-bg);border-color:var(--color-success)}.file-upload-input{display:none}.file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2)}.file-upload-icon{color:var(--color-accent);font-size:32px}.file-upload-text{color:var(--color-text-secondary);font-size:14px}.file-upload-text strong{color:var(--color-accent)}.file-name{background:#fff;background:var(--color-surface,#fff);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-2) var(--space-3)}.checkbox-group,.file-name{margin-top:var(--space-2)}.checkbox-label{align-items:flex-start;font-size:13px}.checkbox-label input[type=checkbox]{margin-top:3px}.checkbox-label a{color:var(--color-accent);font-weight:600;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.btn{border:none;font-size:15px;font-weight:600;letter-spacing:-.02em;padding:var(--space-3) var(--space-6)}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-secondary{background:var(--color-surface-hover);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.btn-block{margin-top:var(--space-1);width:100%}.form-actions-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 2fr;margin-top:var(--space-3)}.form-actions-row-single{display:flex;justify-content:center;margin-top:var(--space-3)}.alert{border-radius:var(--radius-lg);font-size:14px;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.alert-error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger)}.alert-success{background-color:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success)}.alert-info{background-color:var(--color-info-bg);border:1px solid var(--color-primary);color:var(--color-primary)}.register-footer{border-top:1px solid var(--color-border);margin-top:var(--space-6);padding-top:var(--space-6);text-align:center}.register-footer p{color:var(--color-text-secondary);font-size:14px}.login-link{color:var(--color-accent);font-family:var(--font-display);font-weight:600;text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}.login-link:hover{color:var(--color-accent-dark);text-decoration:underline}.success-message{padding:var(--space-10) var(--space-5);text-align:center}.success-icon{color:var(--color-success);font-size:64px;margin-bottom:var(--space-5)}.success-message h3{color:var(--color-text);font-family:var(--font-display);font-size:24px;letter-spacing:-.02em;margin-bottom:var(--space-2)}.success-message p{color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin-bottom:var(--space-5)}@media (max-width:768px){.register-header h2{font-size:24px}.register-header p{font-size:13px;margin-bottom:var(--space-5)}.form-row{gap:var(--space-4);grid-template-columns:1fr}.form-actions-row{gap:var(--space-2);grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:15px;padding:var(--space-3) var(--space-3)}}@media (max-width:480px){.register-header{margin-bottom:var(--space-5)}.register-header h2{font-size:22px;margin-bottom:var(--space-2)}.register-header p{font-size:13px;margin-bottom:var(--space-4)}.register-form{margin-top:var(--space-6)}.form-step{gap:var(--space-4)}.form-row{gap:var(--space-3)}.form-group{gap:var(--space-1)}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:var(--space-3) var(--space-3)}.form-group textarea{min-height:70px}.file-upload-wrapper{padding:var(--space-4) var(--space-3)}.file-upload-icon{font-size:28px}.file-upload-text{font-size:13px}.file-name{font-size:12px;padding:var(--space-1) var(--space-2)}.checkbox-group{margin-top:var(--space-1)}.checkbox-label{font-size:12px;gap:var(--space-2)}.btn{font-size:15px;font-weight:700;padding:var(--space-3) var(--space-5)}.btn-block{margin-top:var(--space-1)}.form-actions-row{gap:var(--space-2)}.form-actions-row,.form-actions-row-single{margin-top:var(--space-2)}.register-footer{margin-top:var(--space-5);padding-top:var(--space-5)}.register-footer p{font-size:13px}.login-link{display:inline-block;margin-top:var(--space-1)}.success-message{padding:var(--space-8) var(--space-4)}.success-icon{font-size:56px;margin-bottom:var(--space-4)}.success-message h3{font-size:20px;margin-bottom:var(--space-2)}.success-message p{font-size:14px;margin-bottom:var(--space-4)}}@media (max-width:360px){.register-header h2{font-size:20px}.form-group input,.form-group select,.form-group textarea{padding:var(--space-2) var(--space-3)}.btn{font-size:14px;padding:var(--space-3) var(--space-4)}.file-upload-wrapper{padding:var(--space-3) var(--space-2)}.file-upload-icon{font-size:24px}}.legal-link-btn{background:none;border:none;color:var(--color-accent);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline;transition:color var(--transition-fast) var(--ease-out)}.legal-link-btn:hover{color:var(--color-accent-dark)}.legal-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-5);position:fixed;right:0;top:0;z-index:1000}.legal-modal{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.legal-modal-header{align-items:center;background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.legal-modal-header h3{color:var(--color-text);font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0}.legal-modal-close{background:none;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);transition:all var(--transition-fast) var(--ease-out)}.legal-modal-close:hover{background:var(--neutral-100);color:var(--color-text)}.legal-modal-body{overflow-y:auto;padding:var(--space-6)}.legal-modal-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin-bottom:var(--space-5)}.legal-documents-list{display:flex;flex-direction:column;gap:var(--space-3)}.legal-document-item{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;justify-content:space-between;padding:var(--space-4);transition:all var(--transition-base) var(--ease-out)}.legal-document-item:hover{background:var(--color-info-bg);border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.legal-doc-info{align-items:center;display:flex;gap:var(--space-3)}.legal-doc-icon{color:var(--color-accent)}.legal-doc-name{color:var(--color-text);font-size:15px;font-weight:500}.legal-doc-download{align-items:center;background:var(--color-accent);border-radius:var(--radius-lg);color:#fff;display:flex;font-family:var(--font-display);font-size:14px;font-weight:500;gap:var(--space-1);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-base) var(--ease-out)}.legal-doc-download:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.legal-doc-langs{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}[dir=rtl] .legal-doc-langs{flex-direction:row-reverse}.legal-doc-lang-btn{align-items:center;background:#0000;border:1px solid #d5d5d5;border:1px solid var(--color-border,#d5d5d5);border-radius:6px;border-radius:var(--radius-md,6px);color:var(--color-text);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.08em;line-height:1;min-width:54px;padding:6px 10px;text-decoration:none;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,transform .15s ease-out;transition:background var(--transition-fast,.15s) var(--ease-out,ease-out),color var(--transition-fast,.15s) var(--ease-out,ease-out),border-color var(--transition-fast,.15s) var(--ease-out,ease-out),transform var(--transition-fast,.15s) var(--ease-out,ease-out)}.legal-doc-lang-btn:focus-visible,.legal-doc-lang-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;outline:none;transform:translateY(-1px)}.legal-doc-lang-code{letter-spacing:.1em}.legal-doc-lang-icon{opacity:.65}.legal-doc-lang-btn:focus-visible .legal-doc-lang-icon,.legal-doc-lang-btn:hover .legal-doc-lang-icon{opacity:1}.legal-modal-footer{border-top:1px solid var(--color-border);display:flex;justify-content:center;padding:var(--space-4) var(--space-6)}.legal-modal-footer .btn{min-width:120px}[dir=rtl] .legal-doc-download,[dir=rtl] .legal-doc-info,[dir=rtl] .legal-document-item,[dir=rtl] .legal-modal-header{flex-direction:row-reverse}@media (max-width:480px){.legal-modal{margin:var(--space-2);max-height:90vh;max-width:100%}.legal-document-item{gap:var(--space-3);text-align:center}.legal-doc-info,.legal-document-item,[dir=rtl] .legal-doc-info,[dir=rtl] .legal-document-item{flex-direction:column}.legal-doc-download,.legal-doc-langs{justify-content:center;width:100%}.legal-doc-lang-btn{flex:1 1}}.otp-verification-step{padding:var(--space-5) 0;text-align:center}.otp-header{margin-bottom:var(--space-8)}.otp-icon-wrapper{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-primary);color:var(--color-text-on-primary);display:flex;height:80px;justify-content:center;margin:0 auto var(--space-5);width:80px}.otp-header h3{color:var(--color-text);font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0 0 var(--space-2) 0}.otp-header p{color:var(--color-text-secondary);font-size:14px;margin:0}.otp-header .spam-notice{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-lg);color:var(--color-warning)!important;font-size:12px!important;margin-top:var(--space-2)!important;padding:var(--space-1) var(--space-2)}.otp-section{margin-bottom:var(--space-6)}.otp-section label{color:var(--color-text);display:block;font-family:var(--font-display);font-size:14px;font-weight:500;margin-bottom:var(--space-4)}.otp-inputs{display:flex;gap:var(--space-3);justify-content:center}.otp-inputs input{font-feature-settings:"tnum";border:1px solid var(--color-border);border-radius:var(--radius-xl);caret-color:var(--color-primary);color:var(--color-text);font-family:var(--font-mono);font-size:28px;font-variant-numeric:tabular-nums;font-weight:600;height:60px;outline:none;text-align:center;transition:all var(--transition-base) var(--ease-out);width:52px}.otp-inputs input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.otp-inputs input.filled{background:var(--color-info-bg);border-color:var(--color-primary)}.otp-inputs input.error{animation:otpShake .3s var(--ease-out);border-color:var(--color-danger)}@keyframes otpShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.otp-error-message{background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-lg);color:var(--color-danger);font-size:14px;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);text-align:center}.btn-verify-otp{align-items:center;display:flex;font-size:16px;gap:var(--space-2);justify-content:center;padding:var(--space-4);width:100%}.otp-resend-section{border-top:1px solid var(--color-border);margin-top:var(--space-6);padding-top:var(--space-6);text-align:center}.otp-resend-section p{color:var(--color-text-secondary);font-size:14px;margin:0 0 var(--space-3) 0}.btn-resend-otp{font-size:14px;font-weight:500;padding:var(--space-2) var(--space-5);transition:all var(--transition-base) var(--ease-out)}.otp-success{padding:var(--space-10) var(--space-5);text-align:center}.otp-success .success-icon{align-items:center;animation:scaleIn .5s var(--ease-out);background:var(--color-success);border-radius:var(--radius-full);color:var(--color-text-on-primary);display:flex;height:100px;justify-content:center;margin:0 auto var(--space-6);width:100px}.otp-success h3{color:var(--color-success);font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 var(--space-2) 0}.otp-success p{color:var(--color-text-secondary);font-size:15px;margin:0}@media (max-width:480px){.otp-inputs{gap:var(--space-2)}.otp-inputs input{font-size:24px;height:52px;width:44px}.otp-icon-wrapper{height:70px;width:70px}.otp-icon-wrapper svg{height:32px;width:32px}}.forgot-password-page{align-items:center;background:#f4f6f8;background:var(--color-bg,#f4f6f8);display:flex;justify-content:center;min-height:100vh;padding:var(--space-5)}.forgot-password-container{max-width:460px;width:100%}.forgot-password-card{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);font-family:var(--font-family);overflow:hidden;padding:var(--space-10);position:relative}.forgot-password-card:before{background:var(--color-accent);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.back-link{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-5);text-decoration:none;transition:color var(--transition-base)}.back-link:hover{color:var(--color-primary)}[dir=rtl] .back-link svg{transform:rotate(180deg)}.logo{margin-bottom:var(--space-5);text-align:center}.logo h1{color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;margin:0}.supplier-badge{background:var(--color-accent);border-radius:var(--radius-full);color:var(--color-text-on-accent);display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;margin-top:var(--space-2);padding:4px var(--space-3);text-transform:uppercase}.title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-2) 0}.subtitle,.title{text-align:center}.subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55;margin:0 0 var(--space-6) 0}.step-indicator{margin-bottom:var(--space-7)}.step,.step-indicator{align-items:center;display:flex;justify-content:center}.step{background:var(--color-border);border-radius:50%;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;height:30px;transition:all var(--transition-base);width:30px}.step.active{background:var(--color-primary)}.step.active,.step.completed{color:var(--color-text-on-primary)}.step.completed{background:var(--color-success)}.step-line{background:var(--color-border);height:2px;margin:0 var(--space-2);transition:all var(--transition-base);width:46px}.step-line.active{background:var(--color-success)}.form-group label{font-size:var(--text-sm)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{align-items:center;color:var(--color-text-muted);display:inline-flex;justify-content:center;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.input-icon svg{display:block;height:20px;width:20px}[dir=rtl] .input-icon{left:auto;right:16px}.input-wrapper input{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--color-text);font-family:var(--font-family);font-size:var(--text-base);outline:none;padding:14px 14px 14px 46px!important;transition:all var(--transition-base);width:100%}[dir=rtl] .input-wrapper input{padding:14px 46px 14px 14px!important}@media (max-width:480px){.input-wrapper input{padding:12px 12px 12px 44px!important}[dir=rtl] .input-wrapper input{padding:12px 44px 12px 12px!important}}.input-wrapper input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.otp-input-wrapper input{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;letter-spacing:12px;padding-left:46px;padding-right:14px;text-align:center}[dir=rtl] .otp-input-wrapper input{padding-left:14px;padding-right:46px}.otp-boxes-container{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}.otp-box{background:#f4f6f8;background:var(--color-bg,#f4f6f8);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-mono);font-size:28px;font-weight:700;height:62px;outline:none;text-align:center;transition:all .22s var(--ease-out);width:52px}.otp-box:focus{background:#fff;background:var(--color-surface,#fff);box-shadow:0 0 0 3px var(--color-accent-glow);transform:scale(1.04)}.otp-box.filled,.otp-box:focus{border-color:var(--color-primary)}.otp-box.filled{background:var(--color-surface-hover);color:var(--color-primary-dark)}.otp-box.error{animation:shake .4s ease;background:var(--color-danger-bg);border-color:var(--color-danger)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.forgot-password-card form .btn-submit{margin-top:var(--space-3)}.otp-resend-container{border-top:1px solid var(--color-border-light);margin-top:var(--space-6);padding-top:var(--space-5);text-align:center}.otp-resend-container p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3) 0}.btn-resend-otp{align-items:center;background:#0000;border:1px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.btn-resend-otp:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-on-primary)}.btn-resend-otp:disabled{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.toggle-password{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);position:absolute;right:14px}[dir=rtl] .toggle-password{left:14px;right:auto}.toggle-password:hover{color:var(--color-primary)}.otp-sent-message{align-items:center;background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-lg);color:var(--color-success-dark);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.otp-sent-message p{font-size:var(--text-sm);margin:0}.otp-sent-message .spam-notice{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);color:var(--color-warning-dark)!important;font-size:var(--text-xs)!important;margin-top:var(--space-2)!important;padding:var(--space-2) var(--space-3)}.error-message{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);color:var(--color-danger-dark);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.btn-submit{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;gap:var(--space-2);justify-content:center;letter-spacing:.01em;padding:14px;transition:all var(--transition-base);width:100%}.btn-submit:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:var(--shadow-md)}.btn-submit:disabled{opacity:.7}.btn-resend{background:#0000;border:1px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;margin-top:var(--space-3);padding:var(--space-3);transition:all var(--transition-base);width:100%}.btn-resend:hover{background:var(--color-surface-hover)}.spinner{animation:spin 1s linear infinite}.success-container{padding:var(--space-5) 0;text-align:center}.success-icon{align-items:center;animation:scaleIn .5s var(--ease-out);background:var(--color-success);border-radius:50%;box-shadow:var(--shadow-lg);color:var(--color-text-on-primary);display:flex;height:96px;justify-content:center;margin:0 auto var(--space-6);width:96px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-container h3{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-3) 0}.success-container p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.65;margin:0 0 var(--space-6) 0}@media (max-width:480px){.forgot-password-card{padding:var(--space-8) var(--space-5)}.step-line{width:28px}.otp-input-wrapper input{font-size:var(--text-xl);letter-spacing:8px}.otp-boxes-container{gap:var(--space-1)}.otp-box{font-size:22px;height:52px;width:44px}}.status-container{align-items:center;background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-dark) 100%);display:flex;font-family:var(--font-family);justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-5);position:relative}.status-container:before{background-image:linear-gradient(#ffffff0a 1px,#0000 0),linear-gradient(90deg,#ffffff0a 1px,#0000 0);background-size:60px 60px;content:"";inset:0;pointer-events:none;position:absolute}.status-container.approved-bg{background:linear-gradient(180deg,#124937,#0c3125)}.status-container.rejected-bg{background:linear-gradient(180deg,#5a1616,#390e0e)}.status-card{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:600px;overflow:hidden;padding:var(--space-12) var(--space-10);position:relative;text-align:center;width:100%;z-index:1}.status-card:before{background:linear-gradient(90deg,var(--color-accent) 0,#0000 70%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.status-icon{display:flex;justify-content:center;margin-bottom:var(--space-7)}.status-icon.pending{color:var(--color-warning)}.status-icon.rejected{color:var(--color-danger)}.status-icon.approved{color:var(--color-success)}.confetti-container{display:flex;gap:var(--space-7);justify-content:center;left:0;position:absolute;right:0;top:var(--space-5)}.confetti{animation:float 2s ease-in-out infinite;color:var(--color-warning)}.confetti-1{animation-delay:0s}.confetti-2{animation-delay:.3s;color:var(--color-success)}.confetti-3{animation-delay:.6s;color:var(--color-accent)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(10deg)}}.status-card h2{color:var(--color-text);font-family:var(--font-display);font-size:clamp(var(--text-2xl),3.4vw,var(--text-3xl));font-weight:800;letter-spacing:-.025em;margin:0 0 var(--space-5) 0}.status-card p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-7)}.approved-subtitle{color:var(--color-success-dark);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-3)}.approved-email{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);color:var(--color-success-dark);display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-5)}.approved-message{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-6)}.approved-features{background:#f4f6f8;background:var(--color-bg,#f4f6f8);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-7);padding:var(--space-5) var(--space-6);text-align:start}.feature-item{align-items:center;color:var(--color-text);display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) 0}.feature-item svg{color:var(--color-success);flex-shrink:0}.btn-success{background:var(--color-success);box-shadow:var(--shadow-sm);color:#fff}.btn-success:hover{background:var(--color-success-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-large{font-size:var(--text-base);padding:var(--space-4) var(--space-10);width:100%}.btn-large,.rejected-email{align-items:center;display:flex;gap:var(--space-2);justify-content:center}.rejected-email{border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-5)}.rejected-email,.rejection-reason{background:var(--color-danger-bg);margin-bottom:var(--space-5)}.rejection-reason{border:1px solid var(--color-danger-border);border-left:3px solid var(--color-danger);padding:var(--space-5);text-align:start}[dir=rtl] .rejection-reason{border-left:1px solid var(--color-danger-border);border-right:3px solid var(--color-danger)}.rejection-reason h3{color:var(--color-danger);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-2) 0}.rejection-reason p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.pending-email{align-items:center;background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-md);color:var(--color-accent-dark);display:flex;font-weight:600;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-5)}.loading-screen,.pending-email{font-family:var(--font-mono);font-size:var(--text-sm)}.loading-screen{background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-dark) 100%);letter-spacing:.04em;text-transform:uppercase}.loading-screen:before{border:3px solid #ffffff2e;height:50px;width:50px}.loading-screen:before,.spinning{animation:spin .9s linear infinite}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary:disabled:hover{box-shadow:var(--shadow-sm);transform:none}.status-details{background:#f4f6f8;background:var(--color-bg,#f4f6f8);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-7);padding:var(--space-5) var(--space-6);text-align:start}.status-details h3{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--space-4) 0}.status-details ul{list-style:none;margin:0;padding:0}.status-details li{align-items:start;border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) 0}.status-details li:last-child{border-bottom:none}.status-details li svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.btn-group{display:flex;gap:var(--space-4)}.btn,.btn-group{justify-content:center}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;gap:var(--space-2);letter-spacing:.04em;padding:var(--space-4) var(--space-7);text-decoration:none;text-transform:uppercase;transition:all var(--transition-base) var(--ease-out)}.btn-primary{box-shadow:var(--shadow-sm);color:var(--color-text-on-accent)}.btn-primary:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--color-surface,#fff);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-accent);color:var(--color-accent)}@media (max-width:768px){.status-container{padding:var(--space-4)}.status-card{padding:var(--space-10) var(--space-6)}.status-card h2{font-size:var(--text-2xl)}.status-card p,.status-details h3{font-size:15px}.status-details li{font-size:13px}}@media (max-width:640px){.status-container{padding:var(--space-3)}.status-card{border-radius:var(--radius-xl);padding:var(--space-7) var(--space-5)}.status-icon{margin-bottom:var(--space-5)}.status-card h2{font-size:var(--text-xl);margin-bottom:var(--space-4)}.status-card p{font-size:14px;margin-bottom:var(--space-6)}.status-details{margin-bottom:var(--space-6);padding:var(--space-4)}.status-details h3{font-size:14px;margin-bottom:var(--space-3)}.status-details li{font-size:12px;padding:var(--space-2) 0}.btn-group{flex-direction:column;gap:var(--space-3)}.btn{font-size:13px;padding:var(--space-3) var(--space-6);width:100%}}@media (max-width:480px){.status-card{padding:var(--space-6) var(--space-4)}.status-card h2{font-size:var(--text-lg)}}.supplier-sidebar{--sb-collapse-duration:280ms;--sb-collapse-ease:cubic-bezier(0.32,0.72,0,1);background:linear-gradient(180deg,var(--color-primary-dark) 0,var(--color-primary) 40%,#184059 100%);box-shadow:inset 0 1px 0 #ffffff0f,4px 0 24px -4px #0a1d2959;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;top:0;transition:width var(--sb-collapse-duration) var(--sb-collapse-ease),transform var(--sb-collapse-duration) var(--sb-collapse-ease);width:var(--sidebar-width);z-index:var(--z-modal)}[dir=rtl] .supplier-sidebar{left:auto;right:0}[dir=ltr] .supplier-sidebar{left:0;right:auto}[dir=rtl] .supplier-sidebar{box-shadow:inset 0 1px 0 #ffffff0f,-4px 0 24px -4px #0a1d2959}.supplier-sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;min-height:72px;padding:var(--space-5) var(--space-4);position:relative}.sidebar-header:after{background:linear-gradient(90deg,var(--color-accent) 0,#0000 70%);bottom:-1px;content:"";height:1px;left:var(--space-4);opacity:.4;position:absolute;right:var(--space-4)}.sidebar-logo{align-items:center;display:flex;gap:var(--space-2);min-width:0;overflow:hidden;position:relative;text-decoration:none}.logo-text{color:var(--color-text-on-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;max-inline-size:220px;opacity:1;transition:opacity .18s var(--sb-collapse-ease),max-inline-size var(--sb-collapse-duration) var(--sb-collapse-ease),transform .2s var(--sb-collapse-ease);white-space:nowrap}.logo-icon{color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;max-inline-size:0;opacity:0;overflow:hidden;transition:opacity .18s var(--sb-collapse-ease),max-inline-size var(--sb-collapse-duration) var(--sb-collapse-ease)}.supplier-sidebar.collapsed .logo-text{max-inline-size:0;opacity:0;pointer-events:none;transform:translateX(-6px)}[dir=rtl] .supplier-sidebar.collapsed .logo-text{transform:translateX(6px)}.supplier-sidebar.collapsed .logo-icon{max-inline-size:40px;opacity:1}.collapse-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:var(--radius-md);color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all var(--transition-base);width:30px}.collapse-btn:hover{background:#ffffff1f;border-color:#ffffff26;color:var(--color-text-on-primary)}.supplier-sidebar.collapsed .collapse-btn{margin:0 auto}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:var(--space-3) var(--space-3)}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}.nav-item{align-items:center;border-left:3px solid #0000;border-radius:var(--radius-lg);color:#fff9;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-3);letter-spacing:.01em;overflow:hidden;padding:10px var(--space-4);position:relative;text-decoration:none;transition:all .2s var(--ease-out);white-space:nowrap}[dir=rtl] .nav-item{border-left:none;border-right:3px solid #0000}.nav-item:hover{background:#ffffff12;color:#ffffffe6}.nav-item.active{background:#ffffff1a;border-left-color:var(--color-accent);box-shadow:inset 3px 0 8px -3px #e77e234d;color:var(--color-text-on-primary);font-weight:600}[dir=rtl] .nav-item.active{border-left-color:#0000;border-right-color:var(--color-accent);box-shadow:inset -3px 0 8px -3px #e77e234d}.nav-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}.nav-icon{flex-shrink:0;opacity:.85}.nav-item.active .nav-icon{opacity:1}.nav-label{flex:1 1 auto;max-inline-size:240px;min-inline-size:0;opacity:1;overflow:hidden;text-overflow:ellipsis;transform:translateX(0);transition:opacity .18s var(--sb-collapse-ease),max-inline-size var(--sb-collapse-duration) var(--sb-collapse-ease),transform .2s var(--sb-collapse-ease),margin var(--sb-collapse-duration) var(--sb-collapse-ease);white-space:nowrap}.supplier-sidebar.collapsed .nav-label{-webkit-margin-start:0;margin-inline-start:0;max-inline-size:0;opacity:0;pointer-events:none;transform:translateX(-6px)}[dir=rtl] .supplier-sidebar.collapsed .nav-label{transform:translateX(6px)}.notification-badge{background:var(--color-accent);box-shadow:0 0 0 2px var(--color-primary);font-family:var(--font-mono);font-size:10px;line-height:1.4;padding:1px 5px;right:-5px;top:-5px}.supplier-sidebar.collapsed .nav-item{border-left-color:#0000;justify-content:center;padding:12px}[dir=rtl] .supplier-sidebar.collapsed .nav-item{border-right-color:#0000}.sidebar-footer{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.sidebar-action{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:var(--radius-lg);color:#ffffffa6;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-3);padding:9px var(--space-3);transition:all var(--transition-base);white-space:nowrap}.sidebar-action:hover{background:#ffffff1a;border-color:#ffffff1f;color:var(--color-text-on-primary)}.logout-btn{background:#e74d3c1a;border-color:#e74d3c1f}.logout-btn:hover{background:#e74d3c33;border-color:#e74d3c40}.supplier-sidebar.collapsed .sidebar-action{background:#ffffff2e;border:1px solid #ffffff47;color:#fff;justify-content:center;padding:10px}.supplier-sidebar.collapsed .sidebar-action svg{stroke:currentColor;opacity:1}.supplier-sidebar.collapsed .sidebar-action:hover{background:#ffffff47;border-color:#ffffff73;box-shadow:0 0 0 2px #e77e2359}.supplier-sidebar.collapsed .sidebar-action.logout-btn{background:#e74d3cd9;border:1px solid #e74d3c;color:#fff}.supplier-sidebar.collapsed .sidebar-action.logout-btn:hover{background:#e3301c;border-color:#cc2b19;box-shadow:0 0 0 2px #e74d3c73}.sidebar-action__label{align-items:center;display:inline-flex;max-inline-size:220px;opacity:1;overflow:hidden;transition:opacity .18s var(--sb-collapse-ease),max-inline-size var(--sb-collapse-duration) var(--sb-collapse-ease);white-space:nowrap}.supplier-sidebar.collapsed .sidebar-action__label{max-inline-size:0;opacity:0;pointer-events:none}.user-profile{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);overflow:hidden;padding:var(--space-3);transition:padding var(--sb-collapse-duration) var(--sb-collapse-ease),background var(--sb-collapse-duration) var(--sb-collapse-ease)}.supplier-sidebar.collapsed .user-profile{background:#ffffff2e;border:1px solid #ffffff47;cursor:pointer;justify-content:center;padding:6px;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.supplier-sidebar.collapsed .user-profile:hover{background:#ffffff47;border-color:#ffffff73;box-shadow:0 0 0 2px #e77e2359}.supplier-sidebar.collapsed .user-info{max-inline-size:0;opacity:0;pointer-events:none}.user-avatar{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-dark) 100%);border-radius:var(--radius-lg);color:var(--color-text-on-accent);flex-shrink:0;font-size:var(--text-sm);height:38px;letter-spacing:.03em;width:38px}.user-info{display:flex;flex:1 1 auto;flex-direction:column;max-inline-size:200px;min-width:0;opacity:1;overflow:hidden;transition:opacity .18s var(--sb-collapse-ease),max-inline-size var(--sb-collapse-duration) var(--sb-collapse-ease)}.user-name{color:var(--color-text-on-primary);display:block;font-size:var(--text-sm);font-weight:600;max-width:100%}.user-role{color:#fff6;font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.supplier-sidebar.collapsed .nav-item[data-tooltip],.supplier-sidebar.collapsed .sidebar-action[data-tooltip],.supplier-sidebar.collapsed .user-profile[data-tooltip]{position:relative}.supplier-sidebar.collapsed .nav-item[data-tooltip]:after,.supplier-sidebar.collapsed .sidebar-action[data-tooltip]:after,.supplier-sidebar.collapsed .user-profile[data-tooltip]:after{background:#0c2331;border:1px solid #ffffff1a;border-radius:var(--radius-md);box-shadow:0 6px 20px #00000059;color:var(--color-text-on-primary);content:attr(data-tooltip);font-size:var(--text-xs);font-weight:500;inset-block-start:50%;inset-inline-start:calc(100% + 10px);opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateY(-50%) translateX(-4px);transition:opacity .14s var(--sb-collapse-ease),transform .16s var(--sb-collapse-ease);white-space:nowrap;z-index:calc(var(--z-modal) + 1)}[dir=rtl] .supplier-sidebar.collapsed .nav-item[data-tooltip]:after,[dir=rtl] .supplier-sidebar.collapsed .sidebar-action[data-tooltip]:after,[dir=rtl] .supplier-sidebar.collapsed .user-profile[data-tooltip]:after{inset-inline-end:calc(100% + 10px);inset-inline-start:auto;transform:translateY(-50%) translateX(4px)}.supplier-sidebar.collapsed .nav-item[data-tooltip]:focus-visible:after,.supplier-sidebar.collapsed .nav-item[data-tooltip]:hover:after,.supplier-sidebar.collapsed .sidebar-action[data-tooltip]:focus-visible:after,.supplier-sidebar.collapsed .sidebar-action[data-tooltip]:hover:after,.supplier-sidebar.collapsed .user-profile[data-tooltip]:focus-visible:after,.supplier-sidebar.collapsed .user-profile[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}@media (prefers-reduced-motion:reduce){.page-with-sidebar,.supplier-sidebar,.supplier-sidebar *{transition-duration:.001ms!important}}.sidebar-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0e161b99;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-modal) - 1)}@media (max-width:768px){.sidebar-overlay,.supplier-sidebar{display:none!important}}.page-with-sidebar{margin-left:var(--sidebar-width);transition:margin-left .28s var(--ease-out)}[dir=rtl] .page-with-sidebar{margin-left:0;margin-right:var(--sidebar-width);transition:margin-right .28s var(--ease-out)}.page-with-sidebar.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}[dir=rtl] .page-with-sidebar.sidebar-collapsed{margin-left:0;margin-right:var(--sidebar-collapsed)}@media (max-width:768px){.page-with-sidebar,[dir=rtl] .page-with-sidebar{margin-left:0;margin-right:0;padding-top:60px}}.navbar{background:linear-gradient(180deg,#fff,#f7f7f7);background:linear-gradient(180deg,var(--color-surface,#fff) 0,#f7f7f7 100%);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-xs),0 1px 0 0 #fff9 inset;height:var(--navbar-height);justify-content:space-between;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:var(--space-3);text-decoration:none}.navbar-logo{height:40px;width:auto}.navbar-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em}.navbar-actions{align-items:center;display:flex;gap:var(--space-4)}.navbar-menu-toggle{background:none;border:none;border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:none;padding:var(--space-2);transition:background .2s var(--ease-out)}.navbar-menu-toggle:hover{background:hsla(var(--neutral-200)/.6)}.navbar-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--color-surface,#fff);bottom:0;display:none;flex-direction:column;left:0;overflow-y:auto;padding:var(--space-4);position:fixed;right:0;top:var(--navbar-height);z-index:99}.navbar-menu.active{display:flex}.mobile-nav-items{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.mobile-nav-item{align-items:center;border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;font-size:var(--text-base);font-weight:500;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s var(--ease-out)}.mobile-nav-item:hover{background:hsla(var(--neutral-200)/.5);color:var(--color-text)}.mobile-nav-item.active{background:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text-on-primary)}.mobile-nav-item.active:hover{background:var(--color-primary-dark)}.mobile-nav-icon{flex-shrink:0;height:22px;width:22px}.mobile-nav-text{flex:1 1}.mobile-nav-badge{background:#e77e23;border-radius:var(--radius-full);color:var(--color-text-on-accent);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;min-width:20px;padding:.125rem .5rem;text-align:center}.mobile-nav-divider{background:var(--color-border);height:1px;margin:var(--space-3) 0}.mobile-nav-footer{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3)}.mobile-logout-btn{align-items:center;background:var(--color-danger-bg);border:none;border-radius:var(--radius-lg);color:var(--color-danger);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:500;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all .2s var(--ease-out);width:100%}.mobile-logout-btn:hover{background:#d926261f}.language-toggle{align-items:center;background:hsla(var(--neutral-200)/.5);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all .2s var(--ease-out)}.language-toggle:hover{background:hsla(var(--neutral-300)/.6);border-color:hsla(var(--neutral-400)/.5)}.notification-btn{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);position:relative;transition:all .2s var(--ease-out)}.notification-btn:hover{background:hsla(var(--neutral-200)/.5);border-color:var(--color-border)}.notification-badge{background:#e77e23;border-radius:var(--radius-full);box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--color-surface,#fff);color:var(--color-text-on-accent);font-family:var(--font-display);font-size:.65rem;font-weight:700;min-width:16px;padding:.125rem .35rem;position:absolute;right:0;text-align:center;top:0}.user-dropdown{position:relative}.user-dropdown-btn{align-items:center;background:hsla(var(--neutral-200)/.5);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-2);padding:.375rem .75rem;transition:all .2s var(--ease-out)}.user-dropdown-btn:hover{background:hsla(var(--neutral-300)/.6);border-color:hsla(var(--neutral-400)/.5);box-shadow:var(--shadow-xs)}.user-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-text-on-primary);display:flex;font-family:var(--font-display);font-weight:700;height:32px;justify-content:center;object-fit:cover;width:32px}.user-avatar,.user-name{font-size:var(--text-base)}.user-name{color:var(--color-text);display:inline-block;font-weight:500;max-width:160px;min-width:0;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;word-break:keep-all}.user-dropdown-menu{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px #0000000a;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:50}[dir=rtl] .user-dropdown-menu{left:0;right:auto}.dropdown-item{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:left;text-decoration:none;transition:all .15s var(--ease-out);width:100%}[dir=rtl] .dropdown-item{text-align:right}.dropdown-item:hover{background:hsla(var(--neutral-200)/.5)}.dropdown-item.logout{border-top:1px solid var(--color-border);color:var(--color-danger)}.dropdown-item.logout:hover{background:#d9262614}@media (max-width:768px){.navbar{height:60px;left:0;padding:.5rem var(--space-4);position:fixed;right:0;top:0;z-index:1000}.navbar-logo{height:32px}.navbar-title{font-size:var(--text-md)}.navbar-menu-toggle{display:flex}.navbar-actions .language-toggle,.navbar-actions .notification-btn,.navbar-actions .user-dropdown{display:none}.navbar-menu{top:60px}.mobile-nav-item{font-size:var(--text-md);padding:var(--space-4)}.mobile-nav-icon{height:24px;width:24px}}@media (max-width:480px){.navbar{padding:.5rem .75rem}.navbar-logo{height:28px}.navbar-title{font-size:var(--text-base)}.navbar-brand{gap:var(--space-2)}}[dir=rtl] .dropdown-item,[dir=rtl] .language-toggle,[dir=rtl] .mobile-logout-btn,[dir=rtl] .mobile-nav-item,[dir=rtl] .navbar-brand,[dir=rtl] .user-dropdown-btn{flex-direction:row-reverse}*{box-sizing:border-box}.dashboard-container{background:#f4f6f8;background:var(--color-bg,#f4f6f8);padding:0}.dashboard-main{grid-gap:var(--space-7);display:grid;gap:var(--space-7);max-width:var(--content-max-width);padding:clamp(16px,4vw,30px) clamp(12px,4vw,20px)}.dash-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:space-between}.dash-header__intro{flex:1 1 340px;min-inline-size:280px}.dash-header__eyebrow{-webkit-margin-after:var(--space-2);align-items:center;color:var(--color-text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:500;gap:6px;letter-spacing:.16em;margin-block-end:var(--space-2);text-transform:uppercase}.dash-header__eyebrow:before{background:currentColor;block-size:1px;content:"";inline-size:18px;opacity:.5}.dash-header__title{color:var(--color-text);font-family:var(--font-display);font-size:clamp(24px,3.4vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0 0 var(--space-2)}.dash-header__subtitle{color:var(--color-text-secondary);font-size:clamp(14px,1.6vw,15px);line-height:1.55;margin:0;max-inline-size:64ch}.dash-header__subtitle strong{color:var(--color-text);font-weight:600}.dash-header__cta{-webkit-margin-before:var(--space-1);display:inline-flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-1)}.btn-dash{--shadow-rim:inset 0 1px 0 #ffffff2e;align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;gap:8px;padding:10px var(--space-4);transition:background .22s var(--ease-out),border-color .22s var(--ease-out),color .22s var(--ease-out),transform .22s var(--ease-out),box-shadow .22s var(--ease-out);white-space:nowrap}.btn-dash--ghost{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-xs);color:var(--color-text)}.btn-dash--ghost:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-primary);transform:translateY(-1px)}.btn-dash--primary{background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark));box-shadow:var(--shadow-rim),0 1px 2px #0c233159,0 8px 18px #0c23312e;color:#fff;color:var(--color-text-on-primary,#fff)}.btn-dash--primary:hover{box-shadow:var(--shadow-rim),0 4px 10px #0c233159,0 16px 28px #0c233138;transform:translateY(-1px)}.stats-grid{grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{--rim:linear-gradient(180deg,#fff9,#fff0);background:var(--color-surface);box-shadow:var(--shadow-xs),0 1px 0 #fff9 inset;container-name:stat;container-type:inline-size;gap:var(--space-2);isolation:isolate;min-block-size:148px;padding:var(--space-4);transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .22s var(--ease-out)}.stat-card,.stat-card__body{flex-direction:column;min-inline-size:0}.stat-card__body{-webkit-margin-before:auto;display:flex;gap:4px;margin-block-start:auto}.stat-card:before{background:linear-gradient(90deg,var(--color-accent),#0000);background:linear-gradient(90deg,var(--accent-grad-start,var(--color-accent)),#0000);block-size:3px;inset-block-start:0;inset-inline:0;opacity:0;transition:opacity .22s var(--ease-out)}.stat-card:hover{border-color:var(--color-primary-100);box-shadow:0 1px 1px #0e161b0a,0 12px 28px #0e161b14}.stat-card:hover:before{opacity:.85}.stat-card--clickable{-webkit-tap-highlight-color:transparent;cursor:pointer}.stat-card--clickable:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #1357ae2e,0 12px 28px #0e161b14;outline:none}.stat-card--clickable:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.stat-card--clickable{transition:none}}.stat-card__head{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;min-block-size:32px}.stat-icon{background:var(--neutral-100);block-size:38px;box-shadow:inset 0 1px 0 #ffffff80;color:var(--color-primary);display:grid;inline-size:38px;place-items:center}.stat-card.tone-blue .stat-icon{background:#e8f1fc;color:#1357ae}.stat-card.tone-green .stat-icon{background:#def7eb;color:#1d7249}.stat-card.tone-amber .stat-icon{background:#feeed7;color:#9b5e08}.stat-card.tone-red .stat-icon{background:#fce3e3;color:#b12525}.stat-card.tone-violet .stat-icon{background:#efe9fb;color:#5d31c4}.stat-card.tone-orange .stat-icon{background:var(--color-accent-subtle);color:var(--color-accent-dark)}.stat-card.tone-slate .stat-icon{background:var(--neutral-100);color:var(--color-text-secondary)}.stat-value{font-size:clamp(26px,1.8vw + .6rem,34px);line-height:1.05}.stat-label{font-feature-settings:"smcp","c2sc";text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-variant-caps:all-small-caps;letter-spacing:.02em}.stat-hint,.stat-label{line-height:1.3;min-inline-size:0;overflow:hidden}.stat-hint{color:var(--color-text-muted);display:block;font-size:11px;font-weight:500;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}@container stat (max-width: 220px){.stat-card{gap:10px;padding:var(--space-3)}.stat-icon{block-size:32px;inline-size:32px}.stat-icon svg{block-size:16px;inline-size:16px}.stat-value{font-size:26px}.stat-label{font-size:12px}.stat-hint{display:none}.stat-delta{font-size:10px;letter-spacing:0;padding:3px 7px}.stat-delta svg{block-size:11px;inline-size:11px}}@container stat (max-width: 175px){.stat-label{-webkit-line-clamp:1;line-clamp:1;display:block;text-overflow:ellipsis;white-space:nowrap}.stat-card__head{gap:4px}}.stat-delta{font-feature-settings:"tnum";align-items:center;border:1px solid #0000;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;gap:4px;letter-spacing:.02em;padding:4px 8px;white-space:nowrap}.stat-delta svg{flex-shrink:0}.stat-delta--up{background:#def7eb;border-color:#b3e6cd;color:#1d7249}.stat-delta--down{background:#fce3e3;border-color:#f0c2c2;color:#b12525}.stat-delta--high{background:var(--color-accent-subtle);border-color:#f0caa8;color:var(--color-accent-dark)}.stat-delta--info{background:#e3eefc;border-color:#c2d6f0;color:#1357ae}.stat-delta--action{background:#fdeded;border-color:#f3cece;color:#b12525}.stat-delta--neutral{background:var(--neutral-100);border-color:var(--color-border);color:var(--color-text-secondary)}.main-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.content-card{background:var(--color-surface);box-shadow:var(--shadow-xs),0 1px 0 #fff9 inset;min-inline-size:0;padding:var(--space-5)}.card-header{-webkit-margin-after:var(--space-4);-webkit-border-after:1px solid var(--color-border-light);border-block-end:1px solid var(--color-border-light);margin-block-end:var(--space-4)}.card-header,.card-header--tight{-webkit-padding-after:var(--space-3);padding-block-end:var(--space-3)}.card-header--tight{-webkit-margin-after:var(--space-3);-webkit-border-after:none;align-items:flex-start;border-block-end:none;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-block-end:var(--space-3)}.card-header__title-block{grid-gap:2px;display:grid;gap:2px;min-inline-size:0}.card-eyebrow{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.card-title{color:var(--color-text);font-size:var(--text-lg);letter-spacing:-.01em}.card-header__link{align-items:center;background:#0000;border:0;border-radius:var(--radius-md);color:var(--color-accent-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:600;gap:6px;padding:6px 10px;transition:background .2s var(--ease-out),color .2s var(--ease-out)}.card-header__link svg{transition:transform .22s var(--ease-out)}[dir=rtl] .card-header__link svg{transform:scaleX(-1)}.card-header__link:hover{background:var(--color-accent-subtle);color:var(--color-accent-dark)}.card-header__link:hover svg{transform:translateX(2px)}[dir=rtl] .card-header__link:hover svg{transform:scaleX(-1) translateX(2px)}.rfq-table{grid-gap:6px;display:grid;gap:6px}.rfq-row,.rfq-table__head{grid-gap:var(--space-3);align-items:center;display:grid;gap:var(--space-3);grid-template-columns:minmax(160px,.95fr) minmax(220px,2.1fr) minmax(90px,.8fr) minmax(90px,.85fr) minmax(140px,1fr);padding-inline:var(--space-3)}.rfq-table__head{-webkit-border-after:1px solid var(--color-border-light);border-block-end:1px solid var(--color-border-light);color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.16em;padding-block:10px;text-transform:uppercase}.rfq-table__head .rfq-table__action-col{justify-self:end}.rfq-row{background:#0000;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;outline:none;padding-block:var(--space-3);transition:background .22s var(--ease-out),border-color .22s var(--ease-out),transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}.rfq-row:focus-visible,.rfq-row:hover{background:var(--color-bg);border-color:var(--color-border-light);box-shadow:0 4px 12px #1521280f;transform:translateY(-1px)}.rfq-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.rfq-row__id{color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;overflow-wrap:anywhere;white-space:normal}.rfq-row__id-prefix{-webkit-margin-end:2px;color:var(--color-text-muted);margin-inline-end:2px}.rfq-row__product{align-items:center;display:inline-flex;gap:var(--space-3);min-inline-size:0}.rfq-row__thumb{background:linear-gradient(135deg,var(--color-primary-50),var(--color-bg));block-size:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffffa6;color:var(--color-primary);display:grid;flex-shrink:0;inline-size:44px;place-items:center}.rfq-row__product-text{grid-gap:2px;display:grid;gap:2px;min-inline-size:0}.rfq-row__product-name{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.rfq-row__product-client,.rfq-row__product-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rfq-row__product-client{color:var(--color-text-secondary);font-size:var(--text-xs)}.rfq-row__action{justify-self:end}.pill{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.04em;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.pill--muted{background:var(--neutral-100);color:var(--color-text-secondary)}.pill--high{background:#fce3e3;border-color:#f1c6c6;color:#b12525}.pill--medium{background:#feeed7;border-color:#f6d7ac;color:#9b5e08}.pill--low{background:var(--neutral-100);border-color:var(--color-border);color:var(--color-text-secondary)}.pill--pending{background:#feeed7;border-color:#f6d7ac;color:#9b5e08}.pill--quoted{background:#e3eefc;border-color:#c2d6f0;color:#1357ae}.pill--accepted,.pill--approved{background:#def7eb;border-color:#b3e6cd;color:#1d7249}.pill--rejected{background:#fce3e3;border-color:#f1c6c6;color:#b12525}.btn-rfq{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;gap:6px;justify-content:center;padding:7px var(--space-3);transition:background .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out);white-space:nowrap}.btn-rfq--primary{background:linear-gradient(180deg,var(--color-accent),var(--color-accent-dark));border-color:var(--color-accent-dark);box-shadow:inset 0 1px 0 #ffffff40,0 1px 2px #8a480f40;color:#fff;color:var(--color-text-on-accent,#fff)}.btn-rfq--primary:hover{box-shadow:inset 0 1px 0 #ffffff40,0 6px 14px #a1541259;transform:translateY(-1px)}.btn-rfq--ghost{background:var(--color-surface);border-color:var(--color-primary-100);color:var(--color-primary)}.btn-rfq--ghost:hover{background:var(--color-primary-50);border-color:var(--color-primary);transform:translateY(-1px)}.side-rail{grid-gap:var(--space-4);align-content:start;display:grid;gap:var(--space-4)}.promo-card{background:radial-gradient(circle at 110% -20%,#e77e2338,#0000 55%),radial-gradient(circle at -10% 120%,#47aceb2e,#0000 55%),linear-gradient(160deg,var(--color-primary-900),var(--color-primary));border-radius:var(--radius-xl);box-shadow:inset 0 1px 0 #ffffff14,0 1px 2px #03121c66,0 16px 32px #03121c4d;color:#fff;color:var(--color-text-on-primary,#fff);isolation:isolate;overflow:hidden;padding:var(--space-5);position:relative}.promo-card:after{background:repeating-linear-gradient(135deg,hsla(0,0%,100%,.018) 0 1px,#0000 1px 4px);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.promo-card__rocket{color:#f5933d47;inset-block-start:14px;inset-inline-end:14px;pointer-events:none;position:absolute;transform:rotate(18deg)}[dir=rtl] .promo-card__rocket{transform:rotate(-18deg) scaleX(-1)}.promo-card__body{max-inline-size:76%;position:relative}.promo-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--space-2)}.promo-card__desc{color:#ffffffc2;font-size:var(--text-sm);line-height:1.55;margin:0 0 var(--space-4)}.promo-card__cta{align-items:center;background:#fffffff5;border:1px solid #fff;border-radius:var(--radius-md);box-shadow:0 4px 14px #0000002e;color:var(--color-primary-900);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;inline-size:100%;justify-content:center;letter-spacing:.01em;padding:10px var(--space-4);transition:background .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.promo-card__cta:hover{background:#fff;box-shadow:0 8px 22px #00000047;transform:translateY(-1px)}.quick-card .quick-actions{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr))}.qa-tile{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;justify-content:center;min-block-size:88px;padding:var(--space-3) 6px;text-align:center;transition:border-color .22s var(--ease-out),background .22s var(--ease-out),transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}.qa-tile:focus-visible,.qa-tile:hover{background:var(--color-primary-50);border-color:var(--color-primary);box-shadow:0 6px 14px #0c233114;outline:none;transform:translateY(-2px)}.qa-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.qa-tile__icon{background:var(--neutral-100);block-size:36px;border-radius:var(--radius-md);color:var(--color-primary);display:grid;inline-size:36px;place-items:center;transition:background .2s var(--ease-out),color .2s var(--ease-out)}.qa-tile:hover .qa-tile__icon{background:var(--color-primary);color:#fff;color:var(--color-text-on-primary,#fff)}.qa-tile__label{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.25;overflow:hidden}.notif-card{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.notif-list{grid-gap:var(--space-2);display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.notif-item{grid-gap:var(--space-3);align-items:start;background:var(--color-bg);border-radius:var(--radius-md);display:grid;gap:var(--space-3);grid-template-columns:28px 1fr;padding:var(--space-3);position:relative}.notif-item.is-unread{background:var(--color-primary-50)}.notif-item.is-unread:before{background:var(--color-accent);border-end-end-radius:3px;border-start-end-radius:3px;content:"";inline-size:3px;inset-block:12px;inset-inline-start:0;position:absolute}.notif-item__dot{background:#e3eefc;block-size:28px;border-radius:50%;color:#1357ae;display:grid;flex-shrink:0;inline-size:28px;place-items:center}.notif-item__dot--order_approved,.notif-item__dot--success{background:#def7eb;color:#1d7249}.notif-item__dot--warning{background:#feeed7;color:#9b5e08}.notif-item__body{grid-gap:2px;display:grid;gap:2px;min-inline-size:0}.notif-item__title{color:var(--color-text);font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item__msg{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.notif-item__time{-webkit-margin-before:2px;color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;margin-block-start:2px}.notif-empty{grid-gap:var(--space-2);color:var(--color-text-muted);display:grid;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-5);place-items:center;text-align:center}.notif-empty svg{opacity:.5}.chart-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.chart-card{padding:var(--space-5) var(--space-5) var(--space-4)}.timeframe-toggle{align-items:center;background:var(--neutral-100);border:1px solid var(--color-border);border-radius:999px;display:inline-flex;flex-shrink:0;gap:2px;padding:2px}.timeframe-toggle__btn{font-feature-settings:"tnum" 1;-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:999px;color:var(--color-muted);color:var(--color-text-secondary,var(--color-muted));cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.02em;padding:6px 12px;transition:background .16s var(--ease-out),color .16s var(--ease-out)}.timeframe-toggle__btn:hover:not(.timeframe-toggle__btn--active){background:#fff9;color:var(--color-fg);color:var(--color-text-primary,var(--color-fg))}.timeframe-toggle__btn--active{background:#fff;background:var(--color-bg-card,#fff);box-shadow:0 1px 2px #0e161b0f,inset 0 0 0 1px #1357ae2e;color:var(--color-primary)}.timeframe-toggle__btn:focus-visible{box-shadow:0 0 0 3px #1357ae38;outline:none}@media (max-width:640px){.timeframe-toggle__btn{font-size:11px;padding:4px 8px}}.dash-bars{grid-gap:var(--space-3);-webkit-margin-before:var(--space-2);block-size:240px;display:grid;gap:var(--space-3);grid-template-columns:36px 1fr;margin-block-start:var(--space-2)}.dash-bars__y-axis{color:var(--color-text-muted);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:10px;justify-content:space-between;padding-block:8px 24px;text-align:end}.dash-bars__plot{-webkit-border-after:1px solid var(--color-border);-webkit-border-start:1px solid var(--color-border);border-block-end:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);position:relative}.dash-bars__grid{display:grid;grid-template-rows:repeat(4,1fr);inset:0 0 24px 0;pointer-events:none;position:absolute}.dash-bars__grid span{-webkit-border-before:1px dashed var(--color-border-light);border-block-start:1px dashed var(--color-border-light)}.dash-bars__columns{grid-gap:var(--space-3);align-items:end;display:grid;gap:var(--space-3);grid-auto-columns:1fr;grid-auto-flow:column;inset:8px 0 24px 0;padding-inline:var(--space-3);position:absolute}.dash-bars__col{block-size:100%;display:grid;grid-template-rows:1fr auto;justify-items:center;position:relative}.dash-bars__bar{align-self:end;animation:bar-rise .6s var(--ease-out) backwards;background:linear-gradient(180deg,var(--color-primary-light),var(--color-primary));block-size:0;block-size:var(--bar-height,0);border-radius:4px 4px 0 0;box-shadow:inset 0 1px 0 #fff3,0 1px 0 #0c23311a;cursor:default;inline-size:100%;max-inline-size:36px;position:relative;transition:filter .2s var(--ease-out),transform .2s var(--ease-out)}.dash-bars__bar:hover{filter:brightness(1.08);transform:translateY(-2px)}.dash-bars__bar--current{background:linear-gradient(180deg,var(--color-primary),var(--color-primary-900))}.dash-bars__bar-tip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text);font-family:var(--font-mono);font-size:10px;font-weight:600;inset-block-start:-22px;inset-inline-start:50%;opacity:0;padding:2px 6px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .18s var(--ease-out);white-space:nowrap}[dir=rtl] .dash-bars__bar-tip{transform:translateX(50%)}.dash-bars__bar:hover .dash-bars__bar-tip{opacity:1}.dash-bars__col-label{-webkit-padding-before:6px;align-self:end;color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;padding-block-start:6px;text-transform:uppercase}@keyframes bar-rise{0%{block-size:0;opacity:0}}.dash-bars__col:first-child .dash-bars__bar{animation-delay:0ms}.dash-bars__col:nth-child(2) .dash-bars__bar{animation-delay:60ms}.dash-bars__col:nth-child(3) .dash-bars__bar{animation-delay:.12s}.dash-bars__col:nth-child(4) .dash-bars__bar{animation-delay:.18s}.dash-bars__col:nth-child(5) .dash-bars__bar{animation-delay:.24s}.dash-bars__col:nth-child(6) .dash-bars__bar{animation-delay:.3s}.dash-donut{grid-gap:var(--space-5);-webkit-margin-before:var(--space-2);align-items:center;display:grid;gap:var(--space-5);grid-template-columns:minmax(140px,200px) 1fr;margin-block-start:var(--space-2)}.dash-donut__ring{block-size:180px;border-radius:50%;display:grid;filter:drop-shadow(0 6px 14px hsla(203,60%,14%,.12));inline-size:180px;isolation:isolate;mask:radial-gradient(circle,#0000 56px,#000 57px);-webkit-mask:radial-gradient(circle,#0000 56px,#000 57px);place-items:center;position:relative}.dash-donut__hole{block-size:112px;display:grid;inline-size:112px;inset:50%;place-items:center;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%)}[dir=rtl] .dash-donut__hole{transform:translate(50%,-50%)}.dash-donut__total{color:var(--color-text);font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1}.dash-donut__total-label{-webkit-margin-before:4px;color:var(--color-text-muted);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.18em;margin-block-start:4px;text-transform:uppercase}.dash-donut__legend{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.dash-donut__legend-row{grid-gap:var(--space-2);align-items:center;color:var(--color-text);display:grid;font-size:var(--text-sm);gap:var(--space-2);grid-template-columns:12px 1fr auto;min-inline-size:0}.dash-donut__swatch{block-size:12px;border-radius:3px;display:block;inline-size:12px}.dash-donut__legend-name{color:var(--color-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-donut__legend-pct{font-feature-settings:"tnum";color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}.dash-donut__legend-empty{color:var(--color-text-muted);font-size:var(--text-sm)}.empty-state{padding:var(--space-7) var(--space-5)}.empty-state svg{-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}.empty-state p{font-size:var(--text-sm)}@media (max-width:1500px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-card .quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1100px){.chart-grid,.main-grid{grid-template-columns:1fr}}@media (max-width:900px){.rfq-table__head{display:none}.rfq-row{background:var(--color-bg);border-color:var(--color-border-light);grid-auto-rows:auto;grid-template-areas:"id     status" "prod   prod" "prio   action";grid-template-columns:1fr 1fr;padding:var(--space-3)}.rfq-row__id{grid-area:id}.rfq-row__product{grid-area:prod}.rfq-row__priority{grid-area:prio}.rfq-row__status{grid-area:status;justify-self:end}.rfq-row__action{grid-area:action;justify-self:end}.dash-donut{grid-template-columns:1fr;justify-items:center}.dash-donut__legend{inline-size:100%}}@media (max-width:768px){.dashboard-main{gap:var(--space-5);padding:var(--space-5) var(--space-4)}.dash-header__title{font-size:24px}.dash-header__subtitle{font-size:var(--text-base)}.stats-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-block-size:124px;padding:var(--space-3)}.stat-value{font-size:24px}.quick-card .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card{padding:var(--space-4)}.dash-bars{block-size:200px}}@media (max-width:540px){.stats-grid{grid-template-columns:1fr}.dash-header__cta{inline-size:100%}.dash-header__cta .btn-dash{flex:1 1;justify-content:center}.quick-card .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-card__body{max-inline-size:100%}.promo-card__rocket{display:none}}@media (prefers-reduced-motion:reduce){.btn-dash,.btn-dash--ghost:hover,.btn-dash--primary:hover,.btn-rfq,.btn-rfq--ghost:hover,.btn-rfq--primary:hover,.dash-bars__bar,.dash-bars__bar:hover,.promo-card__cta:hover,.qa-tile,.qa-tile:focus-visible,.qa-tile:hover,.rfq-row,.rfq-row:focus-visible,.rfq-row:hover,.stat-card,.stat-card:hover{animation:none;transform:none;transition:none}.card-header__link svg,[dir=rtl] .card-header__link svg{transition:none}}.subscription-dialog-overlay{align-items:center;animation:subFadeIn .2s var(--ease-out);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0e161b99;display:flex;inset:0;justify-content:center;padding:var(--space-5);position:fixed;z-index:calc(var(--z-modal) + 20)}@keyframes subFadeIn{0%{opacity:0}to{opacity:1}}@keyframes subSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.subscription-dialog{animation:subSlideUp .32s var(--ease-out);background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);font-family:var(--font-family);max-width:480px;overflow:hidden;padding:var(--space-8) var(--space-7);position:relative;text-align:center;width:100%}.subscription-dialog:before{background:linear-gradient(90deg,var(--color-accent) 0,#0000 75%);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.subscription-dialog-icon{align-items:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;font-size:34px;height:76px;justify-content:center;margin:0 auto var(--space-5);width:76px}.subscription-dialog-icon.no-subscription{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.subscription-dialog-icon.limit-reached{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.subscription-dialog-icon.feature-locked{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info)}.subscription-dialog h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-3)}.subscription-dialog p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.65;margin:0 0 var(--space-6)}.subscription-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.subscription-dialog-actions .btn-subscribe{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-on-accent);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);letter-spacing:.01em;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.subscription-dialog-actions .btn-subscribe:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.subscription-dialog-actions .btn-close-dialog{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.subscription-dialog-actions .btn-close-dialog:hover{background:var(--color-border-light);border-color:var(--color-border-strong);color:var(--color-text)}.subscription-dialog.rtl{direction:rtl}[dir=rtl] .subscription-dialog:before{background:linear-gradient(270deg,var(--color-accent) 0,#0000 75%)}[dir=rtl] .subscription-dialog-actions{flex-direction:row-reverse}.rfqs-page{background:#f4f6f8;background:var(--color-bg,#f4f6f8);min-height:100vh}.rfqs-container{margin:0 auto;max-width:var(--content-max-width);padding:var(--space-8) var(--space-6)}.rfqs-header{margin-bottom:var(--space-6)}.rfqs-header h1{color:var(--color-text);font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-2)}.rfqs-header p{color:var(--color-text-secondary);font-size:var(--text-md)}.rfqs-filters{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-8)}.filter-group select,.search-box input{padding:var(--space-3) var(--space-3)}.filter-group select{font-weight:500}.rfqs-content{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:380px 1fr}.rfqs-list{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);max-height:calc(100vh - 250px);overflow-y:auto;padding:var(--space-5);scrollbar-color:var(--color-border) #0000;scrollbar-color:var(--neutral-200,var(--color-border)) #0000;scrollbar-width:thin}.rfqs-list::-webkit-scrollbar{width:6px}.rfqs-list::-webkit-scrollbar-track{background:#0000}.rfqs-list::-webkit-scrollbar-thumb{background:var(--color-border);background:var(--neutral-200,var(--color-border));border-radius:var(--radius-full)}.rfqs-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.rfq-card{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;margin-bottom:var(--space-4);padding:var(--space-5);position:relative;transition:all var(--transition-base) var(--ease-out)}.rfq-card:before{background:#0000;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background var(--transition-base) var(--ease-out)}.rfq-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.rfq-card:hover:before{background:var(--color-accent)}.rfq-card.active{background:var(--color-info-bg);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.rfq-card.active:before{background:var(--color-accent)}.rfq-card.status-accepted,.rfq-card.status-quoted,.rfq-card.status-rejected{background:#f2f6f899;background:var(--neutral-50,#f2f6f899);opacity:.78}.rfq-card.active,.rfq-card.status-accepted:hover,.rfq-card.status-quoted:hover,.rfq-card.status-rejected:hover{opacity:1}.rfq-card-header{align-items:start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.rfq-card-header h3{color:var(--color-text);flex:1 1;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.4;margin:0}.status-badge.pending{background:var(--color-pending-bg);border-color:var(--color-pending)}.status-badge.quoted{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-primary)}.status-badge.accepted{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.status-badge.rejected{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.rfq-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-3);overflow:hidden}.rfq-meta{color:var(--color-text-muted);display:flex;font-weight:500;gap:var(--space-5)}.rfq-meta span{align-items:center;display:flex;gap:var(--space-1)}.rfq-details-modern{background:#0000}.rfq-breadcrumb{font-size:var(--text-base);gap:var(--space-3);margin-bottom:var(--space-5)}.back-button,.rfq-breadcrumb{align-items:center;color:var(--color-text-secondary);display:flex}.back-button{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-display);font-weight:600;gap:var(--space-1);padding:var(--space-2) var(--space-4);transition:all var(--transition-base) var(--ease-out)}.back-button:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.breadcrumb-separator{color:var(--color-text-muted)}.breadcrumb-current{color:var(--color-primary);font-family:var(--font-display);font-weight:600}.rfq-header-card{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-7);position:relative}.rfq-header-card:before{background:var(--color-accent);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.rfq-header-card--lean{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.rfq-header-card__title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.rfq-header-card__title-block{display:flex;flex:1 1;flex-direction:column;gap:4px;min-inline-size:0}.rfq-header-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-family:var(--font-display);font-size:clamp(20px,1.1vw + 14px,24px);font-weight:700;letter-spacing:-.018em;line-height:1.25;margin:0;overflow:hidden}.rfq-header-card__rfq-number{font-feature-settings:"tnum";align-items:center;display:inline-flex;font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;gap:6px;letter-spacing:.02em;margin:0}.rfq-header-card__rfq-number,.rfq-header-card__rfq-number svg{color:var(--color-text-muted)}.rfq-header-card__meta{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-5);list-style:none;margin:0;padding:var(--space-3) 0 0}.rfq-meta{align-items:center;display:inline-flex;font-size:var(--text-sm);gap:8px;line-height:1;position:relative}.rfq-meta+.rfq-meta:before{background:var(--color-border);content:"";inline-size:1px;inset-block:2px;inset-inline-start:calc(var(--space-5)*-.5);position:absolute}.rfq-meta svg{color:var(--color-primary);flex-shrink:0}.rfq-meta__label{color:var(--color-text-muted);font-size:12px;font-weight:500;letter-spacing:.01em}.rfq-meta__value{font-feature-settings:"tnum";color:var(--color-text);font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.header-top{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-6)}.header-left,.header-top{align-items:flex-start;display:flex;gap:var(--space-5)}.header-left{flex:1 1}.rfq-icon{align-items:center;background:var(--color-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);color:var(--color-text-on-primary);display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.header-info h1{color:var(--color-text);font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin:0 0 var(--space-2) 0}.rfq-number{font-feature-settings:"tnum";align-items:center;color:var(--color-text-secondary);display:flex;font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:600;gap:var(--space-1)}.header-right{flex-shrink:0}.status-badge-modern{align-items:center;border:1px solid;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;gap:var(--space-2);padding:var(--space-2) var(--space-5);text-transform:capitalize}.status-badge-modern.pending{background:var(--color-pending-bg);border-color:var(--color-pending);color:var(--color-warning-dark)}.status-badge-modern.quoted{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-primary)}.status-badge-modern.accepted{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.status-badge-modern.rejected{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.quick-stats{grid-gap:var(--space-4);border-top:1px solid var(--color-border);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:var(--space-5)}.stat-item{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-base) var(--ease-out)}.stat-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-item svg{color:var(--color-primary);flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase}.stat-value{font-feature-settings:"tnum";color:var(--color-text);font-size:var(--text-md);font-variant-numeric:tabular-nums}.rfq-content-grid{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:1fr 380px}.rfq-content-grid--solo{grid-template-columns:minmax(0,1fr);margin-inline:auto;max-inline-size:1100px}.info-card{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-6);position:relative}.info-card:before{background:var(--color-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.card-header{gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.card-header svg{color:var(--color-primary)}.card-header h3{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;margin:0}.description-text,.notes-text{color:var(--color-text-secondary);font-size:15px;line-height:1.8;margin:0}.products-grid-modern{display:flex;flex-direction:column;gap:var(--space-2)}.rfq-product-list{display:flex;flex-direction:column;gap:var(--space-4)}.rfq-product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .22s var(--ease-out),border-color .22s var(--ease-out)}.rfq-product-card:hover{border-color:var(--color-border-strong,var(--color-border));box-shadow:0 2px 4px #0e161b0a,0 12px 24px #0e161b0f}.rfq-product-card__header{align-items:flex-start;background:linear-gradient(0deg,#f2f5f800,#f2f5f899);border-bottom:1px solid var(--color-border-light,var(--color-border));display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-5)}.rfq-product-card__title-block{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-width:0}.rfq-product-card__index{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.rfq-product-card__name{color:var(--color-text);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0}.rfq-product-card__title-meta{display:flex;flex-wrap:wrap;gap:6px}.rfq-product-card__badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.01em;padding:3px 10px}.rfq-product-card__badge--custom{background:var(--color-info-bg);color:var(--color-primary)}.rfq-product-card__badge--mpn{background:var(--neutral-100);color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:.02em}.rfq-product-card__qty{align-items:flex-end;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:inline-flex;flex-direction:column;min-width:110px;padding:8px 14px}.rfq-product-card__qty-eyebrow{color:var(--color-text-muted);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.rfq-product-card__qty-value{font-feature-settings:"tnum";color:var(--color-primary);font-family:var(--font-display);font-size:22px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.15}.rfq-product-card__qty-unit{color:var(--color-text-secondary);font-size:12px}[dir=rtl] .rfq-product-card__qty{align-items:flex-start}.rfq-product-card__body{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:240px minmax(0,1fr);padding:var(--space-5)}.rfq-product-card__media{display:flex;flex-direction:column;gap:var(--space-2)}.rfq-product-card__hero{aspect-ratio:1/1;background:var(--neutral-100);border:1px solid var(--color-border-light,var(--color-border));border-radius:var(--radius-lg);display:grid;overflow:hidden;place-items:center}.rfq-product-card__hero img{display:block;height:100%;object-fit:cover;width:100%}.rfq-product-card__hero--placeholder{color:var(--color-text-muted);flex-direction:column;font-size:12px;gap:var(--space-2)}.rfq-product-card__thumbs{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.rfq-product-card__thumbs img{aspect-ratio:1/1;border:1px solid var(--color-border-light,var(--color-border));border-radius:var(--radius-sm);object-fit:cover;width:100%}.rfq-product-card__content{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.rfq-product-card__section{display:flex;flex-direction:column;gap:var(--space-2)}.rfq-product-card__section-title{align-items:center;color:var(--color-text-muted);display:inline-flex;font-family:var(--font-mono);font-size:10px;font-weight:700;gap:6px;letter-spacing:.16em;margin:0;text-transform:uppercase}.rfq-product-card__facts{grid-gap:10px 18px;display:grid;gap:10px 18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.rfq-product-card__fact{display:flex;flex-direction:column;gap:2px;min-width:0}.rfq-product-card__fact-label{font-size:12px;gap:5px;margin:0}.rfq-product-card__fact-icon,.rfq-product-card__fact-label{align-items:center;color:var(--color-text-muted);display:inline-flex}.rfq-product-card__fact-value{color:var(--color-text);font-size:14px;font-weight:600;margin:0;word-break:break-word}.rfq-product-card__fact-value.tabular{font-feature-settings:"tnum";font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.rfq-product-card__ids{border:1px solid var(--color-border-light,var(--color-border));border-radius:var(--radius-md);display:flex;flex-direction:column;margin:0;overflow:hidden}.rfq-product-card__id-row{grid-gap:var(--space-3);align-items:center;border-bottom:1px solid var(--color-border-light,var(--color-border));display:grid;gap:var(--space-3);grid-template-columns:minmax(160px,1fr) 2fr;padding:8px 12px}.rfq-product-card__id-row:last-child{border-bottom:none}.rfq-product-card__id-row:nth-child(2n){background:var(--color-surface);background:var(--neutral-50,var(--color-surface))}.rfq-product-card__id-row dt{color:var(--color-text-muted);font-size:12px;font-weight:600;margin:0}.rfq-product-card__id-row dd{color:var(--color-text);font-size:13px;font-weight:600;margin:0;word-break:break-word}.rfq-product-card__id-row dd.tabular{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}.rfq-product-card__desc{color:var(--color-text);font-size:14px;line-height:1.55;margin:0;white-space:pre-wrap}.rfq-product-card__attachments{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.rfq-product-card__attachments li a{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px;text-decoration:none;transition:background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out)}.rfq-product-card__attachments li a:hover{background:var(--color-info-bg);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:768px){.rfq-product-card__body{grid-template-columns:1fr}.rfq-product-card__hero{aspect-ratio:16/10}.rfq-product-card__facts{grid-template-columns:1fr}.rfq-product-card__id-row{gap:2px;grid-template-columns:1fr}}.products-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.products-table__head,.products-table__row{grid-gap:var(--space-3);align-items:center;display:grid;gap:var(--space-3);grid-template-columns:56px minmax(220px,2.4fr) minmax(120px,1fr) 110px minmax(110px,1fr) 44px;padding:10px var(--space-4)}.products-table__head{background:var(--neutral-100);background:var(--neutral-50,var(--neutral-100));border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.products-table__row{border-bottom:1px solid var(--color-border-light,var(--color-border));transition:background .18s var(--ease-out)}.products-table__row:last-child{border-bottom:none}.products-table__row:hover{background:var(--color-bg)}.products-table__col--image{background:var(--neutral-100);border:1px solid var(--color-border-light,var(--color-border));border-radius:var(--radius-md);display:grid;height:56px;overflow:hidden;place-items:center;width:56px}.products-table__img{block-size:100%;display:block;inline-size:100%;object-fit:cover}.products-table__placeholder{color:var(--color-text-muted);display:grid;place-items:center}.products-table__col--name{display:flex;flex-direction:column;gap:2px;min-width:0}.products-table__name{color:var(--color-text);font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-table__sub{font-size:12px}.products-table__mpn,.products-table__sub{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-table__mpn{align-items:center;background:var(--neutral-100);border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.02em;max-inline-size:100%;padding:4px 8px}.products-table__col--qty{font-feature-settings:"tnum";align-items:baseline;display:flex;font-variant-numeric:tabular-nums;gap:6px}.products-table__qty{color:var(--color-text);font-family:var(--font-display);font-size:16px;font-weight:700}.products-table__unit{color:var(--color-text-muted);font-size:11px}.products-table__chip{align-items:center;background:var(--color-info-bg);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.products-table__dim{color:var(--color-text-muted);font-size:12px}.products-table__view{background:var(--neutral-100);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:grid;height:36px;place-items:center;transition:background .18s var(--ease-out),color .18s var(--ease-out),border-color .18s var(--ease-out);width:36px}.products-table__view:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;color:var(--color-text-on-primary,#fff)}.products-table__view:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:768px){.products-table__head{display:none}.products-table__row{grid-template-areas:"image name action" "image meta action";grid-template-columns:56px 1fr 44px;row-gap:4px}.products-table__col--image{grid-area:image}.products-table__col--name{grid-area:name}.products-table__col--action{grid-area:action}.products-table__col--mpn,.products-table__col--qty,.products-table__col--specs{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px;grid-area:meta}}.product-row-modern{grid-gap:var(--space-3);align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);grid-template-columns:64px minmax(0,1fr) auto;min-block-size:80px;padding:var(--space-3) var(--space-4);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.product-row-modern:hover{border-color:var(--color-primary);box-shadow:0 1px 1px #0e161b0a,0 6px 14px #0e161b0d;transform:translateY(-1px)}.product-row__thumb{background:var(--neutral-100);background:var(--neutral-50,var(--neutral-100));block-size:64px;border:1px solid var(--color-border-light,var(--color-border));border-radius:var(--radius-md);display:grid;flex-shrink:0;inline-size:64px;overflow:hidden;place-items:center}.product-row__img{block-size:100%;display:block;inline-size:100%;object-fit:cover}.product-row__placeholder{block-size:100%;color:var(--color-text-secondary);color:var(--color-text-muted,var(--color-text-secondary));display:grid;inline-size:100%;place-items:center}.product-row__body{display:flex;flex-direction:column;gap:4px;min-inline-size:0}.product-row__title-line{align-items:baseline;display:flex;gap:var(--space-2);min-inline-size:0}.product-row__name{color:var(--color-text);flex:1 1 auto;font-family:var(--font-display);font-size:14px;font-size:var(--text-sm,14px);font-weight:700;letter-spacing:-.01em;line-height:1.35;margin:0;min-inline-size:0}.product-row__mpn,.product-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-row__mpn{background:var(--neutral-100);border-radius:var(--radius-sm);color:var(--color-text-secondary);flex-shrink:0;font-family:ui-monospace,monospace;font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;font-weight:600;letter-spacing:.02em;max-inline-size:140px;padding:2px 8px;text-transform:uppercase}.product-row__badges{display:flex;flex-wrap:wrap;gap:6px}.product-row__specs{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--text-xs);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.product-row__view{background:var(--neutral-100);block-size:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:grid;flex-shrink:0;inline-size:36px;place-items:center;transition:background .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out),transform .2s var(--ease-out)}.product-row__view:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;color:var(--color-text-on-primary,#fff);transform:scale(1.05)}.product-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-3)}.badge.quantity{background:var(--color-info-bg);color:var(--color-primary)}.badge.specs{background:var(--color-warning-bg);color:var(--color-warning-dark)}.product-specs{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin:var(--space-3) 0 0 0;padding-top:var(--space-3)}.attachments-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.attachment-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);display:flex;font-size:14px;font-weight:600;gap:var(--space-3);letter-spacing:-.01em;overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;text-decoration:none;transition:background .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.attachment-card:before{background:var(--color-accent);content:"";inset-block:0;inset-inline-start:0;opacity:0;position:absolute;transition:opacity .2s var(--ease-out);width:3px}.attachment-card:hover{background:var(--color-info-bg);border-color:var(--color-primary);box-shadow:0 2px 4px #0e161b0a,0 8px 16px #0e161b0f;color:var(--color-primary);transform:translateY(-2px)}.attachment-card:hover:before{opacity:1}.attachment-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.attachment-card svg{color:var(--color-primary);flex-shrink:0}.sidebar-card{margin-bottom:var(--space-5)}.info-list{flex-direction:column}.info-list,.info-row{display:flex;gap:var(--space-3)}.info-row{align-items:flex-start;background:var(--color-surface-hover);border-radius:var(--radius-lg);padding:var(--space-3)}.info-row svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.info-details{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.info-label{color:var(--color-text-secondary);font-weight:600}.info-row strong{color:var(--color-text);font-size:var(--text-base);font-weight:600}.cta-card{background:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);color:var(--color-text-on-primary);padding:var(--space-7);text-align:center}.cta-content{margin-bottom:var(--space-5)}.cta-content svg{height:48px;margin-bottom:var(--space-4);opacity:.9;width:48px}.cta-content h4{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-2) 0}.cta-content p{font-size:var(--text-base);margin:0;opacity:.9}.btn-submit-quote{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:var(--color-text-on-accent);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--text-md);font-weight:700;gap:var(--space-2);justify-content:center;letter-spacing:-.02em;padding:var(--space-4) var(--space-6);transition:all var(--transition-base) var(--ease-out);width:100%}.btn-submit-quote:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.quotation-card{background:var(--color-success-bg);border-color:var(--color-success);scroll-margin-block:120px;transition:box-shadow .32s var(--ease-out),transform .32s var(--ease-out)}@keyframes quotation-card-flash{0%{box-shadow:0 0 0 0 #28af6000}35%{box-shadow:0 0 0 6px #28af6059}to{box-shadow:0 0 0 0 #28af6000}}.quotation-card--flash{animation:quotation-card-flash 1.4s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.quotation-card--flash{animation:none}}.quotation-card .card-header{border-color:#28af604d}.quotation-card .card-header h3,.quotation-card .card-header svg{color:var(--color-success)}.quotation-details{gap:var(--space-4)}.quotation-details,.quote-main{display:flex;flex-direction:column}.quote-main{background:#fff;background:var(--color-surface,#fff);border-radius:var(--radius-xl);gap:var(--space-2);padding:var(--space-5);text-align:center}.quote-label{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.quote-price{font-feature-settings:"tnum";color:var(--color-success);font-family:var(--font-display);font-size:32px;font-variant-numeric:tabular-nums;font-weight:800}.quote-details-list{display:flex;flex-direction:column;gap:var(--space-2)}.quote-item{align-items:center;background:#fff9;border-radius:var(--radius-lg);color:var(--color-success);display:flex;font-size:var(--text-base);gap:var(--space-2);padding:var(--space-3)}.quote-item svg{color:var(--color-success);flex-shrink:0}.quote-notes{background:#fff9;border-radius:var(--radius-lg);padding:var(--space-4)}.notes-label{color:var(--color-success);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.notes-content{color:var(--color-success);font-size:var(--text-base);line-height:1.6;margin:0}.modal-overlay{animation:fadeIn .3s var(--ease-out)}.modal-overlay--fullpage{align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7f8fb;background:var(--color-bg,#f7f8fb);justify-content:center;padding:0}.quotation-modal-large--fullpage{animation:none;border-left:0;border-radius:0;border-right:0;border-top:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;max-height:none;max-width:100%!important;width:100%}.quotation-modal-large--fullpage>.modal-header{background:#fff;background:var(--color-surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);position:-webkit-sticky;position:sticky;top:0;z-index:5}.quotation-modal-large--fullpage .quotation-modal__summary{max-block-size:calc(100vh - 72px)}.quotation-modal-large--fullpage .quotation-modal__layout{min-block-size:calc(100vh - 72px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s var(--ease-out);max-width:600px}.quotation-modal-large{max-width:900px!important}.quotation-items-section{margin-bottom:var(--space-6);padding:0 var(--space-7)}.quotation-items-section h3{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text);display:flex;font-family:var(--font-display);font-size:var(--text-lg);gap:var(--space-2);letter-spacing:-.02em;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.items-pricing-table{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.pricing-table-header{background:var(--color-primary);color:var(--color-text-on-primary);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;padding:var(--space-3) var(--space-5)}.pricing-table-header,.pricing-table-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:2fr 1fr 1.5fr 1fr}.pricing-table-row{font-feature-settings:"tnum";align-items:center;border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums;padding:var(--space-4) var(--space-5)}.pricing-table-row:last-child{border-bottom:none}.pricing-table-row:nth-child(2n){background:var(--neutral-50)}.col-product .product-name{color:var(--color-text);display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pricing-row__head{align-items:center;display:flex;gap:var(--space-3);min-inline-size:0}.pricing-row__thumb{background:var(--neutral-100);border:1px solid var(--color-border-light,var(--color-border));border-radius:var(--radius-md);color:var(--color-text-muted);display:grid;flex-shrink:0;height:40px;overflow:hidden;place-items:center;width:40px}.pricing-row__thumb img{display:block;height:100%;object-fit:cover;width:100%}.pricing-row__head .product-name{flex:1 1 auto;min-inline-size:0}.pricing-row__attachments{align-items:center;background:var(--color-info-bg);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:11px;font-weight:600;gap:5px;line-height:1.25;margin-top:6px;padding:3px 8px}.pricing-row__attachments svg{flex-shrink:0}.product-meta{flex-wrap:wrap;gap:6px;margin-top:6px}.product-meta__chip{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:11px;gap:5px;line-height:1.25;min-inline-size:0;padding:3px 8px}.product-meta__chip svg,.product-meta__label{color:var(--color-text-muted);flex-shrink:0}.product-meta__label{font-weight:500;letter-spacing:.02em}.product-meta__label:after{-webkit-margin-start:2px;content:":";margin-inline-start:2px;opacity:.6}.product-meta__value{font-feature-settings:"tnum";color:var(--color-text);font-family:var(--font-family);font-variant-numeric:tabular-nums;font-weight:600}.col-quantity span{font-feature-settings:"tnum";background:var(--color-info-bg);border-radius:var(--radius-full);color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:500;padding:var(--space-1) var(--space-2)}.price-input-wrapper{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:0 var(--space-3);transition:all var(--transition-base) var(--ease-out)}.price-input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.unit-price-input{font-feature-settings:"tnum";background:#0000!important;border:none!important;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:600;padding:var(--space-2) 0!important;width:80px}.unit-price-input:focus{box-shadow:none!important;outline:none}.currency-label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.item-total{color:var(--color-success);font-size:var(--text-base)}.item-total-breakdown{font-feature-settings:"tnum";align-items:flex-end;display:flex;flex-direction:column;font-family:var(--font-mono);font-variant-numeric:tabular-nums;gap:2px;line-height:1.25}[dir=rtl] .item-total-breakdown{align-items:flex-start}.item-total-breakdown em{-webkit-margin-start:2px;color:var(--color-text-muted);font-size:.9em;font-style:normal;font-weight:400;margin-inline-start:2px}.item-total-breakdown .line-excl{color:var(--color-text);font-size:var(--text-sm);font-weight:500}.item-total-breakdown .line-vat{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;letter-spacing:.01em}.item-total-breakdown .line-incl{align-self:stretch;border-top:1px dashed #8080802e;color:var(--color-success);font-size:var(--text-base);font-weight:700;margin-top:2px;padding-top:4px;text-align:end}[dir=rtl] .item-total-breakdown .line-incl{text-align:start}.pricing-table-footer{background:var(--color-primary-dark);padding:var(--space-4) var(--space-5)}.totals-breakdown{display:flex;flex-direction:column;gap:var(--space-2)}.totals-row{align-items:baseline;display:flex;gap:var(--space-3);justify-content:space-between}.totals-label{color:#ffffffb8;font-size:var(--text-sm);font-weight:500;letter-spacing:.01em}.totals-value{font-feature-settings:"tnum";color:#ffffffeb;font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:600}.totals-row--muted .totals-label,.totals-row--muted .totals-value{color:#ffffffb3}.totals-row--grand{border-top:1px solid #ffffff2e;margin-top:var(--space-2);padding-top:var(--space-3)}.totals-row--grand .totals-label{font-size:var(--text-base);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.totals-row--grand .totals-label,.totals-row--grand .totals-value{color:var(--color-text-on-primary);font-family:var(--font-display)}.totals-row--grand .totals-value{font-size:var(--text-xl);font-weight:800;letter-spacing:.005em}.subtotal-row{align-items:center;display:flex;justify-content:space-between}.subtotal-label{color:#ffffffb3;font-weight:500}.subtotal-value{font-feature-settings:"tnum";color:var(--color-text-on-primary);font-family:var(--font-display);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:700}.vat-checkbox-wrapper{background:var(--color-surface-hover);border-top:1px solid var(--color-border);margin-top:-1px;padding:var(--space-4) var(--space-5)}.vat-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);-webkit-user-select:none;user-select:none}.vat-checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:20px;width:20px}.vat-checkbox-text{color:var(--color-text);font-size:var(--text-base);font-weight:500}.vat-note{color:var(--color-text-secondary);font-size:var(--text-xs);font-style:italic;margin:var(--space-2) 0 0 32px}[dir=rtl] .vat-note{margin:var(--space-2) 32px 0 0}.validity-date-group{background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-xl);margin-top:var(--space-4);padding:var(--space-4)}.validity-date-group label{align-items:center;color:var(--color-success);display:flex;font-family:var(--font-display);font-weight:600;gap:var(--space-2);margin-bottom:var(--space-2)}.validity-date-group label svg{color:var(--color-success)}.validity-date-group input[type=date]{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-success);border-radius:var(--radius-lg);font-size:15px;height:44px;outline:none;padding:var(--space-3) var(--space-3);transition:border-color var(--transition-base) var(--ease-out);width:100%}.validity-date-group input[type=date]:focus{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-accent-glow)}.validity-date-group .help-text{color:var(--color-success);display:block;font-size:var(--text-xs);margin-top:var(--space-2)}.quotation-details-section{margin-bottom:var(--space-6);padding:0 var(--space-7)}.quotation-details-section .form-group select{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-size:15px;height:44px;outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base) var(--ease-out);width:100%}.quotation-details-section .form-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.quotation-summary{margin-bottom:var(--space-6);padding:0 var(--space-7)}.summary-box{background:linear-gradient(180deg,#effbf4,#fff 70%);border:1px solid var(--color-success-border);border-radius:var(--radius-xl);box-shadow:0 1px 1px #0e161b0a,0 4px 14px #2d865214;isolation:isolate;overflow:hidden;padding:var(--space-6) var(--space-6) var(--space-5);position:relative}.summary-box:before{background:linear-gradient(180deg,var(--color-primary) 0,var(--color-success) 100%);content:"";inset-block:0;inset-inline-start:0;position:absolute;width:4px;z-index:1}.summary-row{font-feature-settings:"tnum";align-items:baseline;color:var(--color-text);font-variant-numeric:tabular-nums;gap:var(--space-4);padding:var(--space-1) 0}.summary-row.total{align-items:baseline;padding-block:var(--space-1) 0}.summary-row.total span:first-child{-webkit-padding-start:var(--space-3);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:-.015em;padding-inline-start:var(--space-3);position:relative}.summary-row.total span:first-child:before{background:var(--color-success);border-radius:50%;box-shadow:0 0 0 3px #2bab601f;content:"";height:6px;inset-inline-start:0;position:absolute;top:calc(50% - 3px);width:6px}.summary-divider{border-top:1px solid var(--color-success-border);margin:var(--space-2) 0}.total-amount{align-items:baseline;display:inline-flex;gap:6px;line-height:1.1;white-space:nowrap}.total-amount__value{color:var(--color-primary-900);font-size:clamp(24px,1.6rem + 1.2vw,34px);font-weight:800;letter-spacing:-.025em}.total-amount__currency{background:#2eb8671a;border-radius:var(--radius-sm);color:var(--color-success-dark);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.summary-box .shipping-note{align-items:center;border-top:1px dashed var(--color-success-border);color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);gap:var(--space-2);line-height:1.5;margin:var(--space-3) 0 0;padding-top:var(--space-3)}.summary-box .shipping-note svg{color:var(--color-success);flex-shrink:0}.shipping-section{background:var(--color-surface-hover);padding:var(--space-5)}.shipment-info-section,.shipping-section{border-radius:var(--radius-xl);margin-top:var(--space-5)}.shipment-info-section{background:var(--color-info-bg);border:1px solid var(--color-info);padding:var(--space-5) var(--space-6)}.shipment-info-section h4{align-items:center;color:var(--color-primary);display:flex;font-family:var(--font-display);font-size:17px;gap:var(--space-2);letter-spacing:-.02em;margin-bottom:var(--space-2)}.shipment-info-section h4 svg{color:var(--color-info)}.shipment-info-section .terms-hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.shipment-form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.shipment-form-grid .form-group{margin-bottom:0}.shipment-form-grid .form-group label{color:var(--color-text-secondary);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-1)}.shipment-form-grid .form-group input,.shipment-form-grid .form-group select{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);height:44px;padding:var(--space-2) var(--space-3);transition:all var(--transition-base) var(--ease-out);width:100%}.shipment-form-grid .form-group input:focus,.shipment-form-grid .form-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}[dir=rtl] .shipment-form-grid{direction:rtl}@media (max-width:768px){.shipment-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.shipment-form-grid{grid-template-columns:1fr}}.package-row{-webkit-margin-before:var(--space-3);background:#fff;background:var(--color-surface,#fff);border:1px solid #d7e0ea;border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:inset 0 1px 0 #f0f2f580;margin-block-start:var(--space-3);padding:var(--space-3) var(--space-4)}.package-row+.package-row{-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2)}.package-row__header{-webkit-margin-after:var(--space-2);align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;margin-block-end:var(--space-2)}.package-row__title{align-items:center;color:#5b6577;color:var(--color-text-secondary,#5b6577);display:inline-flex;font-family:inherit;font-family:var(--font-display,inherit);font-size:12px;font-weight:700;gap:6px;letter-spacing:.04em;text-transform:uppercase}.package-row__remove{align-items:center;background:#0000;block-size:26px;border:1px solid #d7e0ea;border-radius:999px;border-radius:var(--radius-full,999px);color:#b82e2e;cursor:pointer;display:inline-flex;inline-size:26px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.package-row__remove:hover:not(:disabled){background:#fdeded;border-color:#ebadad}.package-row__remove:disabled{cursor:not-allowed;opacity:.4}.package-row__add{-webkit-margin-before:var(--space-3);align-items:center;background:#0000;border:1.5px dashed #2a6a92;border:1.5px dashed var(--color-primary,#2a6a92);border-radius:10px;border-radius:var(--radius-md,10px);color:#2a6a92;color:var(--color-primary,#2a6a92);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:13px;font-weight:600;gap:8px;margin-block-start:var(--space-3);padding:8px 16px;transition:background-color .15s ease,color .15s ease}.package-row__add:hover{background:#2a6a9214}.shipping-section h4{border-bottom:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-md);gap:var(--space-2);letter-spacing:-.02em;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.checkbox-group,.shipping-section h4{align-items:center;display:flex}.checkbox-label{color:var(--color-text-secondary);font-size:var(--text-base);gap:var(--space-2)}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary)}.cargo-flags{grid-gap:var(--space-2) var(--space-4);align-items:center;display:grid;gap:var(--space-2) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){.cargo-flags{grid-template-columns:1fr}}.cargo-contents__hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-2)}.cargo-contents{grid-gap:var(--space-2) var(--space-4);background:#f7f8fb;background:var(--color-bg,#f7f8fb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);display:grid;gap:var(--space-2) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));max-height:168px;overflow-y:auto;padding:var(--space-3)}.cargo-contents__item{color:var(--color-text);font-size:var(--text-sm)}@media (max-width:640px){.cargo-contents{grid-template-columns:1fr}}.checkbox-label--danger{color:#dc2626;color:var(--color-danger,#dc2626);font-weight:500;font-weight:var(--font-weight-medium,500)}.checkbox-label--danger input[type=checkbox]{accent-color:#dc2626;accent-color:var(--color-danger,#dc2626)}.cargo-flag__label{align-items:center;display:inline-flex;gap:4px;gap:var(--space-1,4px)}.cargo-flag__danger-ic{color:#dc2626;color:var(--color-danger,#dc2626);flex-shrink:0}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-6) var(--space-7)}.draft-indicator{align-items:center;background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-family:var(--font-display);font-size:var(--text-sm);gap:var(--space-3);letter-spacing:.01em;padding:var(--space-3) var(--space-7)}.draft-indicator__dot{animation:draftPulse 2.4s ease-in-out infinite;background:var(--color-text-secondary);border-radius:50%;flex-shrink:0;height:8px;width:8px}.draft-indicator__label{color:var(--color-text);font-weight:600}.draft-indicator__time{font-feature-settings:"tnum";color:var(--color-text-muted);font-variant-numeric:tabular-nums}.draft-indicator__discard{-webkit-margin-start:auto;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;margin-inline-start:auto;padding:4px 12px;text-transform:uppercase;transition:all .18s var(--ease-out)}.draft-indicator__discard:hover{background:#ef43430f;border-color:#ef4444;border-color:var(--color-error,#ef4444);color:#ef4444;color:var(--color-error,#ef4444)}.draft-indicator--restored{background:linear-gradient(90deg,#f8c6301a,#f8c6300a);border-bottom-color:#f6bb0940;color:var(--color-text)}.draft-indicator--restored .draft-indicator__dot{background:#f59f0a;box-shadow:0 0 0 4px #f59f0a2e}.draft-indicator--restored .draft-indicator__label{color:#824917}@keyframes draftPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.close-btn{align-items:center;background:var(--color-surface-hover);color:var(--color-text-secondary);display:flex;height:40px;justify-content:center;transition:all var(--transition-base) var(--ease-out);width:40px}.close-btn:hover{transform:rotate(90deg)}.modal-content form{padding:var(--space-7)}.form-group{margin-bottom:var(--space-5);scroll-margin-block-start:120px}@keyframes aif-invalid-pulse{0%{box-shadow:0 0 0 0 #e03e3e00}20%{box-shadow:0 0 0 4px #e03e3e52}60%{box-shadow:0 0 0 4px #e03e3e2e}to{box-shadow:0 0 0 0 #e03e3e00}}.field-group[data-aif-invalid=true],.form-field[data-aif-invalid=true],.form-group[data-aif-invalid=true]{animation:aif-invalid-pulse 1.6s cubic-bezier(.16,1,.3,1) both;animation:aif-invalid-pulse 1.6s var(--ease-out,cubic-bezier(.16,1,.3,1)) both;border-radius:8px;border-radius:var(--radius-md,8px)}.field-group[data-aif-invalid=true]>label,.form-field[data-aif-invalid=true]>label,.form-group[data-aif-invalid=true]>label{color:#ca2121;transition:color .24s ease-out;transition:color .24s var(--ease-out,ease-out)}@media (prefers-reduced-motion:reduce){.field-group[data-aif-invalid=true],.form-field[data-aif-invalid=true],.form-group[data-aif-invalid=true]{animation:none;box-shadow:0 0 0 3px #e03e3e47}}.input-with-icon{background:var(--color-surface,#fff);gap:var(--space-3);padding:0 var(--space-4);transition:all var(--transition-base) var(--ease-out)}.input-with-icon:focus-within{box-shadow:0 0 0 3px var(--color-accent-glow)}.input-with-icon svg{color:var(--color-text-muted)}.input-with-icon input{background:#0000;padding:var(--space-3) 0}.input-with-unit{align-items:center;display:flex;gap:var(--space-3)}.input-with-unit .input-with-icon{flex:1 1}.input-with-unit .unit-label{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;padding:var(--space-3) var(--space-4);white-space:nowrap}.form-group input[type=date],.form-group input[type=number],.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:inherit;font-size:15px;height:44px;outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base) var(--ease-out);width:100%}.form-group textarea{height:auto;min-height:100px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.terms-section{background:var(--color-surface-hover);border-radius:var(--radius-lg);margin-top:var(--space-6);padding:var(--space-4)}.terms-section.default-terms-section{background:var(--color-info-bg);border-color:var(--color-info)}.terms-section.supplier-terms-section{background:var(--color-success-bg);border-color:var(--color-success)}.terms-section h4{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:var(--text-md);gap:var(--space-2);letter-spacing:-.02em;margin:0 0 var(--space-3) 0}.terms-hint{color:var(--color-text-secondary);font-size:var(--text-sm)}.term-input-group,.terms-hint{margin-bottom:var(--space-4)}.term-input-group label{color:var(--color-text);display:block;font-weight:500;margin-bottom:var(--space-1)}.term-input-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--text-base);padding:var(--space-2) var(--space-3);resize:vertical;width:100%}.required-star{-webkit-margin-start:4px;color:var(--color-danger);font-weight:700;margin-inline-start:4px}.default-terms-list{display:flex;flex-direction:column;gap:var(--space-2)}.default-term-item{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-3);transition:all var(--transition-base) var(--ease-out)}.default-term-item:hover{border-color:var(--color-primary);transform:translateY(-1px)}.default-term-item.approved{background:var(--color-success-bg);border-color:var(--color-success)}.default-term-item input[type=checkbox]{accent-color:var(--color-success);cursor:pointer;flex-shrink:0;height:18px;width:18px}.default-term-item .term-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.default-term-item .term-title{color:var(--color-text);font-size:var(--text-base);font-weight:500}.default-term-item .term-content{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.4}.required-badge{background:var(--color-danger-bg);border-radius:var(--radius-full);color:var(--color-danger);font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:3px var(--space-2)}.quote-terms-view{border-top:1px solid var(--color-border);margin-top:var(--space-4);padding-top:var(--space-4)}.terms-view-section{margin-bottom:var(--space-4)}.terms-view-section h4{align-items:center;color:var(--color-text-secondary);display:flex;font-family:var(--font-display);font-size:var(--text-sm);gap:var(--space-1);letter-spacing:-.02em;margin:0 0 var(--space-2) 0}.terms-list-view{list-style:none;margin:0;padding:0}.term-view-item{background:var(--color-surface-hover);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-sm);margin-bottom:var(--space-1);padding:var(--space-2) var(--space-3)}.modal-actions{gap:var(--space-3)}.btn-cancel,.btn-submit{font-size:var(--text-md);padding:var(--space-3) var(--space-6)}.btn-cancel:hover{color:var(--color-text)}.btn-submit{color:var(--color-text-on-accent)}.btn-submit:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-modal--v2{background:#fff;background:var(--color-surface,#fff);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:92vh;max-width:1080px;overflow:hidden;width:min(96vw,1080px)}.product-modal__header{align-items:flex-start;border-bottom:1px solid var(--color-border,var(--neutral-200));display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-5) var(--space-6)}.product-modal__heading{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.product-modal__eyebrow{color:var(--neutral-500);color:var(--color-text-secondary,var(--neutral-500));font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.product-modal__title{font-size:clamp(1.25rem,1.4vw + .6rem,1.6rem);font-weight:700;letter-spacing:-.015em;line-height:1.25;margin:0;word-break:break-word}.product-modal__badge,.product-modal__title{color:var(--color-primary);font-family:var(--font-display)}.product-modal__badge{align-items:center;align-self:flex-start;background:var(--neutral-100);background:var(--color-primary-50,var(--neutral-100));border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);letter-spacing:.04em;margin-top:var(--space-2);padding:2px var(--space-3)}.product-modal__body{grid-gap:var(--space-6);display:grid;flex:1 1;gap:var(--space-6);grid-template-columns:minmax(280px,380px) 1fr;overflow-y:auto;padding:var(--space-6)}@media (max-width:768px){.product-modal__body{gap:var(--space-5);grid-template-columns:1fr;padding:var(--space-4)}}.product-modal__media{display:flex;flex-direction:column;gap:var(--space-3)}.product-modal__hero{align-items:center;aspect-ratio:4/3;background:var(--neutral-100);background:var(--color-primary-50,var(--neutral-100));border:1px solid var(--color-border,var(--neutral-200));border-radius:var(--radius-lg);display:flex;justify-content:center;overflow:hidden}.product-modal__hero img{height:100%;object-fit:contain;width:100%}.product-modal__hero--placeholder{color:var(--neutral-500);color:var(--color-text-secondary,var(--neutral-500));flex-direction:column;font-family:var(--font-display);font-size:var(--text-sm);gap:var(--space-2)}.product-modal__thumbs{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.product-modal__thumbs img{aspect-ratio:1/1;border:1px solid var(--color-border,var(--neutral-200));border-radius:var(--radius-md);cursor:pointer;object-fit:cover;transition:border-color var(--transition-fast) var(--ease-out);width:100%}.product-modal__thumbs img:hover{border-color:var(--color-accent)}.product-modal__details{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.product-modal__section{display:flex;flex-direction:column;gap:var(--space-3)}.product-modal__section-title{align-items:center;color:var(--neutral-500);color:var(--color-text-secondary,var(--neutral-500));display:inline-flex;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;gap:var(--space-2);letter-spacing:.08em;margin:0;text-transform:uppercase}.product-modal__section-title svg{color:var(--color-accent)}.product-modal__facts{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0}.product-modal__fact{background:var(--neutral-50);background:var(--color-primary-50,var(--neutral-50));border:1px solid var(--color-border,var(--neutral-200));border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;min-width:0;padding:var(--space-3) var(--space-4)}.product-modal__fact-label{align-items:center;color:var(--neutral-600);color:var(--color-text-secondary,var(--neutral-600));display:flex;flex-wrap:wrap;font-family:var(--font-display);font-size:var(--text-xs);gap:var(--space-2);letter-spacing:.06em;overflow-wrap:anywhere;text-transform:uppercase;word-break:break-word}.product-modal__fact-icon{color:var(--color-accent);display:inline-flex}.product-modal__fact-value{color:var(--color-primary);font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin:0;word-break:break-word}.product-modal__fact-value.tabular{font-feature-settings:"tnum" on,"lnum" on;font-family:var(--font-mono);font-weight:600;letter-spacing:.02em}.product-modal__ids{border:1px solid var(--color-border,var(--neutral-200));border-radius:var(--radius-md);display:flex;flex-direction:column;margin:0;overflow:hidden}.product-modal__id-row{grid-gap:var(--space-4);align-items:center;background:#fff;background:var(--color-surface,#fff);display:grid;gap:var(--space-4);grid-template-columns:minmax(140px,220px) 1fr;padding:var(--space-3) var(--space-4)}.product-modal__id-row+.product-modal__id-row{border-top:1px solid var(--color-border,var(--neutral-200))}.product-modal__id-row dt{color:var(--neutral-600);color:var(--color-text-secondary,var(--neutral-600));font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.06em;margin:0;text-transform:uppercase}.product-modal__id-row dd{color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);margin:0;word-break:break-word}.product-modal__id-row dd.tabular{font-feature-settings:"tnum" on,"lnum" on;font-family:var(--font-mono)}.product-modal__short-desc{color:var(--color-primary);font-family:var(--font-display);font-size:1.05rem;font-weight:600;line-height:1.45;margin:0}.product-modal__full-desc{color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);line-height:1.6;margin:0;white-space:pre-wrap}.product-modal__attachments{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.product-modal__attachments li a{align-items:center;border:1px solid var(--color-border,var(--neutral-200));border-radius:var(--radius-md);color:var(--color-primary);display:inline-flex;font-family:var(--font-family);font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-decoration:none;transition:background var(--transition-fast) var(--ease-out),border-color var(--transition-fast) var(--ease-out)}.product-modal__attachments li a:hover{background:var(--neutral-50);background:var(--color-primary-50,var(--neutral-50));border-color:var(--color-accent)}.product-modal{max-width:700px}.product-modal-body{padding:var(--space-7)}.product-modal-image{background:var(--color-surface-hover);border-radius:var(--radius-xl);height:300px;margin-bottom:var(--space-7);overflow:hidden;width:100%}.product-modal-image img{height:100%;object-fit:contain;width:100%}.product-modal-placeholder{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-3);height:100%;justify-content:center;width:100%}.product-modal-info h3{border-bottom:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-6) 0;padding-bottom:var(--space-4)}.product-info-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-7)}.info-icon{align-items:center;background:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text-on-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.info-content{display:flex;flex-direction:column;gap:var(--space-1)}.info-content label{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-content strong{color:var(--color-text);font-size:15px;font-weight:600}.product-specs-section{border-top:1px solid var(--color-border);margin-top:var(--space-6);padding-top:var(--space-6)}.product-specs-section h4{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:var(--text-md);font-weight:700;gap:var(--space-2);letter-spacing:-.02em;margin:0 0 var(--space-4) 0}.specs-text{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.7;margin:0;padding:var(--space-4);white-space:pre-wrap}.specs-list{display:flex;flex-direction:column;gap:var(--space-2)}.spec-item{background:var(--color-surface-hover);justify-content:space-between;padding:var(--space-3) var(--space-4)}.spec-label{color:var(--color-text-secondary);font-weight:600}.spec-label,.spec-value{font-size:var(--text-base)}.spec-value{color:var(--color-text);font-family:var(--font-mono);font-weight:700}.btn-close-modal{background:var(--color-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);color:var(--color-text-on-primary);cursor:pointer;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.02em;padding:var(--space-3) var(--space-8);transition:all var(--transition-base) var(--ease-out);width:100%}.btn-close-modal:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.custom-product-note{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-xl);margin-top:var(--space-6);padding:var(--space-4);text-align:center}.custom-product-note p{color:var(--color-warning-dark);font-size:var(--text-base);font-weight:600;margin:0}.empty-state p{color:var(--color-text-muted);font-size:var(--text-md);font-weight:500}.rfq-empty-pane{background:radial-gradient(60% 80% at 50% 0,#eff6fb99 0,#0000 70%),#fff;background:radial-gradient(60% 80% at 50% 0,#eff6fb99 0,#0000 70%),var(--color-surface,#fff);border:1px dashed var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:grid;min-block-size:calc(100vh - 280px);padding:var(--space-8) var(--space-6);place-items:center}.rfq-empty-pane__inner{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);max-inline-size:38ch;text-align:center}.rfq-empty-pane__icon{-webkit-margin-after:var(--space-2);background:#eff6fb;block-size:92px;border-radius:var(--radius-full);box-shadow:0 1px 1px #0e161b0a,0 8px 18px #0e161b0d;color:var(--color-primary);display:grid;inline-size:92px;margin-block-end:var(--space-2);place-items:center}.rfq-empty-pane__title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;margin:0}.rfq-empty-pane__hint{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.55;margin:0}.rfq-detail-cta-bar{-webkit-margin-before:var(--space-5);align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 -2px 10px #0e161b0a,0 -8px 24px #0e161b0f;display:flex;flex-wrap:wrap;gap:var(--space-3);inset-block-end:0;justify-content:space-between;margin-block-start:var(--space-5);padding:var(--space-3) var(--space-5);position:-webkit-sticky;position:sticky;z-index:10}.rfq-detail-cta-bar__meta{align-items:center;display:inline-flex;flex:1 1 auto;gap:var(--space-3);min-inline-size:0}.rfq-detail-cta-bar__id{color:var(--color-text-secondary);font-family:ui-monospace,monospace;font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-sm);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rfq-detail-cta-bar__actions{align-items:center;display:inline-flex;flex-shrink:0;gap:var(--space-2)}.cta-action{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;gap:6px;letter-spacing:-.01em;padding:9px var(--space-5);transition:background .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out);white-space:nowrap}.cta-action--primary{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 2px 6px #e77e234d;color:#fff;color:var(--color-text-on-accent,#fff)}.cta-action--primary:hover{background:#c16515;background:var(--color-accent-dark,#c16515);border-color:#c16515;border-color:var(--color-accent-dark,#c16515);box-shadow:0 6px 14px #e77e2359;transform:translateY(-1px)}.cta-action--ghost{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.cta-action--ghost:hover{background:#eff6fb;background:var(--color-info-bg,#eff6fb);transform:translateY(-1px)}.cta-action--muted{background:var(--neutral-100);border-color:var(--color-border);color:var(--color-text-secondary);cursor:default;pointer-events:none}@media (max-width:600px){.rfq-detail-cta-bar{align-items:stretch;flex-direction:column;padding:var(--space-3)}.rfq-detail-cta-bar__actions{justify-content:stretch}.cta-action{flex:1 1;justify-content:center}}@media (prefers-reduced-motion:reduce){.cta-action:hover,.product-row-modern:hover{transform:none}}@media (max-width:1200px){.rfq-content-grid{grid-template-columns:1fr 340px}}@media (max-width:1024px){.rfqs-content{grid-template-columns:1fr}.rfqs-list{margin-bottom:var(--space-6);max-height:400px}.rfq-content-grid{grid-template-columns:1fr}.rfq-sidebar-column{order:-1}}@media (max-width:768px){.rfqs-container{padding:var(--space-5) var(--space-4) var(--space-10)}.rfqs-header h1{font-size:24px}.rfqs-header p{font-size:var(--text-base)}.rfqs-filters{flex-direction:column;gap:var(--space-3)}.filter-group,.search-box{min-width:100%}.rfqs-content{grid-template-columns:1fr}.rfqs-list{max-height:none;padding:var(--space-4)}.rfq-content-grid{grid-template-columns:1fr}.rfq-header-card{padding:var(--space-5)}.header-left{flex-direction:column;gap:var(--space-3)}.header-top{align-items:flex-start;flex-direction:column}.header-info h1{font-size:22px}.attachments-grid,.product-info-grid,.products-grid-modern,.quick-stats{grid-template-columns:1fr}.modal-content{border-radius:var(--radius-xl);margin:0;max-width:100%}.rfq-card-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.rfq-meta{flex-wrap:wrap;gap:var(--space-2)}.info-card{padding:var(--space-4)}.cta-card{padding:var(--space-5)}.pricing-table-header,.pricing-table-row{gap:var(--space-2);grid-template-columns:1fr 1fr;padding:var(--space-3)}.pricing-table-header span:nth-child(3),.pricing-table-header span:nth-child(4),.pricing-table-row .col-price,.pricing-table-row .col-total{display:none}.form-row{gap:var(--space-3);grid-template-columns:1fr}}@media (max-width:480px){.rfqs-container{padding:var(--space-4) var(--space-3) var(--space-8)}.rfq-card{padding:var(--space-3)}.rfq-card-header h3{font-size:15px}.status-badge{font-size:11px;padding:var(--space-1) var(--space-2)}.rfq-description{font-size:var(--text-sm)}.rfq-header-card{padding:var(--space-4)}.rfq-icon{height:48px;width:48px}.header-info h1{font-size:18px}.modal-header{padding:var(--space-4)}.modal-header h2{font-size:18px}.modal-content form{padding:var(--space-4)}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.stat-item{flex-direction:column;gap:var(--space-2);padding:var(--space-3);text-align:center}}.form-row--single{grid-template-columns:1fr}.label-with-subtitle{grid-column-gap:var(--space-2);align-items:start;column-gap:var(--space-2);display:grid;grid-template-areas:"icon  text" "icon  subtitle";grid-template-columns:auto 1fr;line-height:1.25}.label-with-subtitle>svg{align-self:center;grid-area:icon}.label-with-subtitle .label-text{font-size:14px;font-weight:600;grid-area:text;letter-spacing:-.005em}.label-with-subtitle .label-subtitle{color:#6e7687;font-size:11px;font-weight:400;grid-area:subtitle;letter-spacing:.005em;margin-top:2px}[dir=rtl] .label-with-subtitle{grid-template-areas:"text  icon" "subtitle  icon";grid-template-columns:1fr auto}.gatepass-section{--gatepass-accent:#2b80ca;--gatepass-accent-soft:#edf5fd;--gatepass-border:#dcdfe5;background:linear-gradient(180deg,#fcfcfd,#f6f7f9),radial-gradient(120% 100% at 0 0,#edf5fd73 0,#0000 60%);background-blend-mode:normal;border:1px solid var(--gatepass-border);border-radius:12px;margin-top:var(--space-5);padding:var(--space-4) var(--space-5);transition:border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),background .28s ease}.gatepass-section[data-active=true]{background:linear-gradient(180deg,#fafdfe,#f2f8fd),radial-gradient(120% 100% at 0 0,#daecfb8c 0,#0000 60%);border-color:var(--gatepass-accent);box-shadow:0 0 0 3px #2b80ca1a,0 1px 1px #242e420a,0 8px 24px -12px #2b80ca2e}.gatepass-question{grid-gap:var(--space-3);align-items:start;display:grid;gap:var(--space-3);grid-template-columns:44px 1fr}.gatepass-question__icon{align-items:center;background:linear-gradient(135deg,#e8f3fc,#cee2f3);border-radius:10px;box-shadow:inset 0 0 0 1px #5c9dd626;color:var(--gatepass-accent);display:flex;height:44px;justify-content:center;width:44px}.gatepass-question__title{color:#222a39;font-size:14px;font-weight:600;letter-spacing:-.005em;line-height:1.4;margin:0}.gatepass-question__hint{color:#737b8c;font-size:12px;line-height:1.5;margin:4px 0 0}.gatepass-choice{-webkit-margin-start:56px;display:flex;gap:var(--space-2);margin-top:var(--space-3);margin-inline-start:56px}.gatepass-choice__option{align-items:center;background:#fff;border:1px solid #d6d9e1;border-radius:999px;color:#414958;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:var(--space-2);padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none}.gatepass-choice__option:hover{border-color:#8cb5d9;color:#222a39;transform:translateY(-1px)}.gatepass-choice__option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.gatepass-choice__indicator{background:#fff;border:2px solid #bec4d0;border-radius:50%;flex-shrink:0;height:14px;transition:all .18s ease;width:14px}.gatepass-choice__option.is-active{background:#f6fafe;border-color:var(--gatepass-accent);box-shadow:0 1px 2px #2b80ca26;color:var(--gatepass-accent)}.gatepass-choice__option.is-active .gatepass-choice__indicator{background:var(--gatepass-accent);border-color:var(--gatepass-accent);box-shadow:inset 0 0 0 3px #fff}.gatepass-choice__option:focus-within{outline:2px solid #2b80ca66;outline-offset:2px}.gatepass-details{-webkit-margin-start:56px;animation:gatepassReveal .32s cubic-bezier(.22,1,.36,1);margin-top:var(--space-4);margin-inline-start:56px}@keyframes gatepassReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gatepass-details__label{color:#303a50;display:block;font-size:12px;font-weight:600;letter-spacing:.01em;margin-bottom:6px;text-transform:none}.gatepass-details__input{background:#fff;border:1px solid #d6d9e1;border-radius:8px;color:#222a39;font-family:inherit;font-size:13px;line-height:1.5;padding:10px 12px;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.gatepass-details__input:focus{border-color:var(--gatepass-accent);box-shadow:0 0 0 3px #2b80ca1f;outline:none}.gatepass-details__input::placeholder{color:#8f96a3}[dir=rtl] .gatepass-choice,[dir=rtl] .gatepass-details{-webkit-margin-start:56px;margin-inline-start:56px}@media (max-width:640px){.gatepass-question{gap:var(--space-2);grid-template-columns:36px 1fr}.gatepass-question__icon{height:36px;width:36px}.gatepass-choice,.gatepass-details{-webkit-margin-start:0;margin-inline-start:0}}.quotation-modal-large--two-pane{inline-size:min(1280px,calc(100vw - var(--space-6)*2));max-width:1280px!important}.quotation-modal-large--two-pane .quotation-form{display:block;padding:0}.quotation-modal-large--two-pane .quotation-items-section{padding-inline:0}.quotation-modal__layout{grid-gap:0;align-items:start;display:grid;gap:0;grid-template-columns:minmax(0,1fr) 360px}.quotation-modal__main{-webkit-border-end:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);min-inline-size:0;padding:var(--space-6) var(--space-7)}.quotation-modal__summary{align-self:start;background:linear-gradient(180deg,#f7fbfd 0,var(--color-surface) 100%);max-block-size:calc(90vh - 88px);overflow-y:auto;padding:var(--space-6);position:-webkit-sticky;position:sticky;top:0}.summary-panel{display:flex;flex-direction:column;gap:var(--space-4)}.summary-panel__heading{border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px;padding-bottom:var(--space-3)}.summary-panel__eyebrow{font-feature-settings:"smcp","c2sc";color:var(--color-text-muted);font-family:var(--font-display);font-size:11px;font-variant-caps:all-small-caps;font-weight:700;letter-spacing:.12em}.summary-panel__count{font-feature-settings:"tnum";color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}.summary-panel__breakdown{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.summary-panel__breakdown li{align-items:baseline;display:flex;font-size:var(--text-sm);gap:var(--space-3);justify-content:space-between;line-height:1.4}.summary-panel__label{color:var(--color-text-secondary);font-weight:500;letter-spacing:.01em}.summary-panel__label small{-webkit-margin-start:2px;color:var(--color-text-muted);font-size:11px;font-weight:500;margin-inline-start:2px}.summary-panel__value{font-feature-settings:"tnum";color:var(--color-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.summary-panel__value em{-webkit-margin-start:3px;color:var(--color-text-muted);font-size:.85em;font-style:normal;font-weight:500;margin-inline-start:3px}.summary-panel__grand{background:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text-on-primary);display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:var(--space-3) var(--space-4);position:relative}.summary-panel__grand:before{background:linear-gradient(270deg,#e77e232e,#0000);content:"";inline-size:50%;inset-block:0;inset-inline-end:0;pointer-events:none;position:absolute}.summary-panel__grand-label{font-feature-settings:"smcp","c2sc";color:#ffffffb8;font-family:var(--font-display);font-size:11px;font-variant-caps:all-small-caps;font-weight:700;letter-spacing:.12em;position:relative;z-index:1}.summary-panel__grand-value{align-items:baseline;display:inline-flex;gap:6px;position:relative;z-index:1}.summary-panel__grand-num{font-feature-settings:"tnum";font-family:var(--font-display);font-size:clamp(24px,1vw + 18px,30px);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1}.summary-panel__grand-currency{color:#ffffffb8;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em}.summary-panel__shipping-note{align-items:flex-start;color:var(--color-text-muted);display:flex;font-size:11px;gap:6px;line-height:1.4;margin:0;padding:var(--space-2) 0 0}.summary-panel__shipping-note svg{-webkit-margin-before:1px;color:var(--color-text-muted);flex-shrink:0;margin-block-start:1px}.summary-panel__actions{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3)}.summary-panel__submit{font-size:var(--text-base);inline-size:100%;padding:var(--space-3) var(--space-4)}.summary-panel__submit:hover{box-shadow:0 8px 22px #e77e2352;transform:translateY(-1px)}.summary-panel__cancel{background:#0000;border:1px dashed var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);inline-size:100%;padding:var(--space-2) var(--space-4)}.summary-panel__cancel:hover{background:var(--color-surface-hover);border-style:solid;color:var(--color-text)}.item-total-breakdown--compact{font-feature-settings:"tnum";align-items:flex-end;cursor:help;display:flex;flex-direction:column;font-family:var(--font-mono);font-variant-numeric:tabular-nums;gap:2px;line-height:1.2}[dir=rtl] .item-total-breakdown--compact{align-items:flex-start}.item-total-breakdown--compact .line-incl{border-top:none;color:var(--color-success);font-size:var(--text-base);font-weight:700;margin-top:0;padding-top:0}.item-total-breakdown--compact .line-incl em{-webkit-margin-start:2px;color:var(--color-text-muted);font-size:.82em;font-style:normal;font-weight:500;margin-inline-start:2px}.line-breakdown-hint{color:var(--color-text-muted);font-size:10.5px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.product-meta{align-items:flex-start;flex-direction:column;gap:4px;max-inline-size:100%}.product-meta__chip{flex-wrap:nowrap;max-inline-size:100%}.product-meta__value{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}@media (max-width:980px){.quotation-modal-large--two-pane{inline-size:100vw;max-width:100vw!important}.quotation-modal__layout{grid-template-columns:minmax(0,1fr)}.quotation-modal__main{-webkit-border-end:none;border-inline-end:none;padding:var(--space-5)}.quotation-modal__summary{-webkit-border-before:1px solid var(--color-border);background:var(--color-surface-hover);border-block-start:1px solid var(--color-border);max-block-size:none;position:static}}@media (max-width:768px){.quotation-modal-large--two-pane .pricing-table-header{display:none}.quotation-modal-large--two-pane .pricing-table-row{gap:var(--space-2);grid-template-columns:1fr;padding:var(--space-3) var(--space-4)}.quotation-modal-large--two-pane .pricing-table-row .col-quantity,.quotation-modal-large--two-pane .pricing-table-row .col-total,.quotation-modal-large--two-pane .pricing-table-row .col-unit-price{align-items:center;display:flex!important;gap:var(--space-3);justify-content:space-between}.quotation-modal-large--two-pane .pricing-table-row .col-quantity:before{color:var(--color-text-muted);content:"Qty";font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quotation-modal-large--two-pane .pricing-table-row .col-unit-price:before{color:var(--color-text-muted);content:"Unit Price";font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quotation-modal-large--two-pane .pricing-table-row .col-total:before{color:var(--color-text-muted);content:"Total";font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}[dir=rtl] .quotation-modal-large--two-pane .pricing-table-row .col-quantity:before{content:"الكمية"}[dir=rtl] .quotation-modal-large--two-pane .pricing-table-row .col-unit-price:before{content:"سعر الوحدة"}[dir=rtl] .quotation-modal-large--two-pane .pricing-table-row .col-total:before{content:"الإجمالي"}.quotation-modal-large--two-pane .item-total-breakdown--compact{align-items:flex-end}}@media (prefers-reduced-motion:reduce){.quotation-modal-large--two-pane,.summary-panel__cancel,.summary-panel__submit{animation:none!important;transition:none!important}.summary-panel__submit:hover{transform:none}}.products-page{background:#f4f6f8;background:var(--color-bg,#f4f6f8);min-height:100vh}.products-container{margin:0 auto;max-width:1400px;padding:var(--space-8) var(--space-6)}.products-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.products-header h1{color:var(--color-text);font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-2)}.products-header p{color:var(--color-text-secondary);font-size:16px}.btn-add-product{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:var(--font-display);font-size:16px;font-weight:600;gap:var(--space-2);letter-spacing:-.02em;padding:var(--space-3) var(--space-6);transition:all var(--transition-base) var(--ease-out)}.btn-add-product:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}.status-tabs{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2)}.status-tab{background:#0000;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:500;padding:var(--space-2) var(--space-5);transition:all var(--transition-fast) var(--ease-out)}.status-tab:hover{background:var(--color-surface-hover)}.status-tab.active{background:var(--color-accent);box-shadow:var(--shadow-sm);color:#fff}.products-filters{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-6)}.filter-group select{min-width:150px}.loading-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-20) var(--space-5)}.loading-state .spinner{color:var(--color-primary);margin-bottom:var(--space-4)}.products-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-card{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all var(--transition-base) var(--ease-out)}.product-card:before{background:#0000;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background var(--transition-base) var(--ease-out);z-index:1}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card:hover:before{background:var(--color-accent)}.product-card.unpublished{opacity:.8}.product-image{background:var(--neutral-50);height:200px;overflow:hidden;position:relative;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.no-image{color:var(--color-text-muted);height:100%;justify-content:center;width:100%}.no-image,.unpublished-badge{align-items:center;display:flex}.unpublished-badge{background:#000000b3;border-radius:var(--radius-full);color:#fff;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-3);position:absolute;right:var(--space-2);top:var(--space-2)}[dir=rtl] .unpublished-badge{left:var(--space-2);right:auto}.product-info{padding:var(--space-5)}.product-header-row{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-2)}.product-info h3{color:var(--color-text);flex:1 1;font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0}.status-badge{padding:var(--space-1) var(--space-2)}.product-category{background:var(--color-info-bg);border-radius:var(--radius-full);color:var(--color-primary);display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3)}.product-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:var(--space-4);overflow:hidden}.product-meta{font-feature-settings:"tnum";border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);display:flex;font-variant-numeric:tabular-nums;gap:var(--space-5);margin-bottom:var(--space-4);padding:var(--space-4) 0}.meta-item{color:var(--color-text-secondary);font-size:14px;gap:var(--space-1)}.meta-item svg{color:var(--color-primary)}.product-actions{display:flex;gap:var(--space-2)}.action-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:var(--space-2);transition:all var(--transition-base) var(--ease-out)}.action-btn.visibility{background:var(--color-info-bg);color:var(--color-primary)}.action-btn.visibility.published{background:var(--color-success-bg);color:var(--color-success)}.action-btn.visibility:hover{background:var(--color-info-bg);transform:translateY(-1px)}.action-btn.edit{background:var(--color-warning-bg);color:var(--color-warning-dark)}.action-btn.edit:hover{background:var(--color-warning);transform:translateY(-1px)}.action-btn.delete{background:var(--color-danger-bg);color:var(--color-danger)}.action-btn.delete:hover{background:var(--color-danger);color:#fff;transform:translateY(-1px)}.empty-state{grid-column:1/-1;padding:var(--space-20) var(--space-5)}.empty-state p{margin-bottom:var(--space-5)}.btn-add-first{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:16px;font-weight:600;gap:var(--space-2);letter-spacing:-.02em;padding:var(--space-3) var(--space-6);transition:all var(--transition-base) var(--ease-out)}.btn-add-first:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}.pagination{gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-5)}.pagination button{background:var(--color-surface,#fff);font-weight:500;padding:var(--space-2) var(--space-5);transition:all var(--transition-base) var(--ease-out)}.pagination button:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateY(-1px)}.pagination span{font-feature-settings:"tnum";color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.modal-overlay{background:#0009;padding:var(--space-5)}.modal-content{background:var(--color-surface,#fff);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);max-width:700px}.modal-content.large-modal{max-width:900px}.modal-header{background:#fff;background:var(--color-surface,#fff);padding:var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:var(--color-text);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.close-btn{background:none;border:none;border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast) var(--ease-out)}.close-btn:hover{background:var(--neutral-100);color:var(--color-text)}.modal-content form{padding:var(--space-6)}.form-section{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.section-title{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:16px;font-weight:600;gap:var(--space-2);letter-spacing:-.02em}.form-row,.section-title{margin-bottom:var(--space-4)}.form-row{grid-gap:var(--space-5);gap:var(--space-5)}.form-row.three-cols{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:var(--space-4)}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--color-text);letter-spacing:-.02em;margin-bottom:var(--space-2)}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:15px;outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base) var(--ease-out);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px var(--color-accent-glow)}.form-group select{background:var(--color-surface,#fff)}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.category-selector-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4)}.category-selector-row .form-group{flex:1 1;margin-bottom:0;min-width:150px}.btn-add-category{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;font-weight:500;gap:var(--space-1);padding:var(--space-3) var(--space-5);transition:all var(--transition-base) var(--ease-out);white-space:nowrap}.btn-add-category:hover:not(:disabled){background:var(--color-accent-dark);transform:translateY(-1px)}.btn-add-category:disabled{cursor:not-allowed;opacity:.5}.selected-categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.category-tag{background:var(--color-info-bg);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.category-tag,.category-tag button{align-items:center;color:var(--color-primary);display:flex}.category-tag button{background:none;border:none;cursor:pointer;padding:0}.category-tag button:hover{color:var(--color-danger)}.more-cats{background:#3092cf33;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:11px;margin-left:var(--space-1);padding:2px var(--space-1)}[dir=rtl] .more-cats{margin-left:0;margin-right:var(--space-1)}.category-selector{display:flex;flex-wrap:wrap;gap:var(--space-4)}.category-level{flex:1 1;min-width:200px}.category-level label{color:var(--color-text-secondary);display:block;font-family:var(--font-display);font-size:13px;font-weight:600;margin-bottom:var(--space-2)}.category-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);max-height:200px;overflow-y:auto}.category-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3);transition:background var(--transition-fast) var(--ease-out)}.category-item:last-child{border-bottom:none}.category-item:hover{background:var(--color-surface-hover)}.category-item.selected{background:var(--color-info-bg);color:var(--color-primary);font-weight:500}.category-item svg{color:var(--color-text-muted)}.media-upload-area{margin-bottom:var(--space-4)}.upload-box{align-items:center;background:#fff;border:1.5px dashed #cbd2d9;border:1.5px dashed var(--color-border,#cbd2d9);border-radius:12px;border-radius:var(--radius-xl,12px);cursor:pointer;display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px);justify-content:center;padding:24px 16px;padding:var(--space-6,24px) var(--space-4,16px);position:relative;text-align:center;transition:border-color .15s var(--ease-out),background .15s var(--ease-out),transform .15s var(--ease-out);transition:border-color var(--transition-fast,.15s) var(--ease-out),background var(--transition-fast,.15s) var(--ease-out),transform var(--transition-fast,.15s) var(--ease-out)}.upload-box:hover{background:#fff4e8;background:var(--color-accent-50,#fff4e8);border-color:#ff7a1a;border-color:var(--color-accent,#ff7a1a);transform:translateY(-1px)}.upload-box:focus-visible{outline:2px solid #ff7a1a;outline:2px solid var(--color-accent,#ff7a1a);outline-offset:2px}.upload-box__icon{align-items:center;background:#eef1f5;background:var(--color-primary-50,#eef1f5);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#1a2a3a;color:var(--color-primary,#1a2a3a);display:inline-flex;flex-shrink:0;height:52px;justify-content:center;transition:background .15s,transform .15s;transition:background var(--transition-fast,.15s),transform var(--transition-fast,.15s);width:52px}.upload-box:hover .upload-box__icon{background:#ffe1c4;background:var(--color-accent-100,#ffe1c4);color:#ff7a1a;color:var(--color-accent,#ff7a1a);transform:scale(1.03)}.upload-box__icon--video{background:#f4effb;color:#6834b2}.upload-box:hover .upload-box__icon--video{background:#e8dcf9;color:#5c29a3}.upload-box__icon--catalog{background:#e8f7ee;color:#288a51}.upload-box:hover .upload-box__icon--catalog{background:#cef3dd;color:#1f7a45}.upload-box__label{color:#111;color:var(--color-text,#111);font-family:inherit;font-family:var(--font-display,inherit);font-size:13px;font-size:var(--text-sm,13px);font-weight:600;letter-spacing:.01em;margin-top:8px;margin-top:var(--space-2,8px)}.upload-box__hint{font-feature-settings:"tnum" on,"lnum" on;color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:11px;font-size:var(--text-xs,11px)}.upload-box--primary{min-height:220px;padding:32px 20px;padding:var(--space-8,32px) var(--space-5,20px)}.upload-box--primary .upload-box__icon{height:64px;width:64px}.upload-box--tile{min-height:140px;padding:16px;padding:var(--space-4,16px)}.upload-box--catalog{min-height:140px}.upload-box.small{min-height:100px;padding:16px;padding:var(--space-4,16px)}.upload-box.catalog-upload{flex-direction:column}.media-gallery{display:flex;flex-wrap:wrap;gap:var(--space-3)}.media-section .media-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1.4fr 1fr 1fr 1fr}.media-tile{min-width:0}.media-tile .media-gallery{min-height:120px}@media (max-width:1100px){.media-section .media-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.media-section .media-grid{grid-template-columns:1fr}}.media-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);height:100px;overflow:hidden;position:relative;width:100px}.media-preview.main-image-preview{height:200px;width:200px}.media-preview img,.media-preview video{height:100%;object-fit:cover;width:100%}.media-preview.video-preview{background:var(--color-text)}.video-overlay{color:#fff;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%)}.remove-media-btn{align-items:center;background:#ef4343e6;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:var(--space-1);top:var(--space-1);transition:all var(--transition-fast) var(--ease-out);width:24px}.remove-media-btn:hover{background:var(--color-danger);transform:scale(1.1)}[dir=rtl] .remove-media-btn{left:var(--space-1);right:auto}.catalog-preview{align-items:center;background:var(--color-surface-hover);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;gap:var(--space-3);padding:var(--space-4)}.catalog-preview svg{color:var(--color-primary)}.remove-catalog-btn{align-items:center;background:var(--color-danger);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:auto;width:24px}[dir=rtl] .remove-catalog-btn{margin-left:0;margin-right:auto}.specs-selector{align-items:flex-end;display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.specs-selector .form-group{flex:1 1;margin-bottom:0}.btn-custom-spec{align-items:center;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-lg);color:var(--color-warning-dark);cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;font-weight:500;gap:var(--space-1);padding:var(--space-3) var(--space-5);transition:all var(--transition-base) var(--ease-out);white-space:nowrap}.btn-custom-spec:hover{background:var(--color-warning-bg);transform:translateY(-1px)}.specs-available{margin-bottom:var(--space-5)}.specs-available label{color:var(--color-text-secondary);display:block;font-family:var(--font-display);font-size:14px;font-weight:600;margin-bottom:var(--space-3)}.specs-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.spec-chip{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast) var(--ease-out)}.spec-chip:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.spec-chip.added{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success);cursor:default}.spec-chip.custom{border-color:var(--color-warning);color:var(--color-warning-dark)}.spec-chip.custom,.spec-chip.custom:hover{background:var(--color-warning-bg)}.custom-spec-form{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-5);padding:var(--space-5)}.custom-spec-form h4{color:var(--color-text);font-family:var(--font-display);font-size:15px;letter-spacing:-.02em;margin:0 0 var(--space-4)}.custom-spec-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.btn-add-small,.btn-cancel-small{border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast) var(--ease-out)}.btn-cancel-small{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-cancel-small:hover{background:var(--color-surface-hover)}.btn-add-small{background:var(--color-accent);border:none;color:#fff}.btn-add-small:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.btn-add-small:disabled{cursor:not-allowed;opacity:.5}.specs-added{margin-top:var(--space-5)}.specs-added label{color:var(--color-text);display:block;font-family:var(--font-display);font-size:14px;font-weight:600;margin-bottom:var(--space-3)}.spec-item{font-feature-settings:"tnum";align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;font-variant-numeric:tabular-nums;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-3)}.spec-name{color:var(--color-text);font-weight:500;min-width:120px}.spec-values{display:flex;flex:1 1;gap:var(--space-2)}.spec-values input{border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1 1;font-size:14px;outline:none;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast) var(--ease-out)}.spec-values input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.remove-spec-btn{background:var(--color-danger-bg);border:none;border-radius:var(--radius-lg);color:var(--color-danger);cursor:pointer;padding:var(--space-2);transition:all var(--transition-fast) var(--ease-out)}.remove-spec-btn:hover{background:var(--color-danger);color:#fff}.submit-notice{align-items:center;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-lg);color:var(--color-warning-dark);display:flex;font-size:14px;gap:var(--space-3);padding:var(--space-4)}.edit-request-section,.submit-notice{margin-bottom:var(--space-6)}.edit-request-section .edit-notice{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-primary);margin-bottom:var(--space-4)}.edit-reason-group{margin-top:var(--space-4)}.edit-reason-group label{color:var(--color-primary);display:block;font-family:var(--font-display);font-weight:600;margin-bottom:var(--space-2)}.edit-reason-input{border:1px solid var(--color-info);border-radius:var(--radius-lg);font-size:14px;min-height:80px;padding:var(--space-3);resize:vertical;transition:all var(--transition-base) var(--ease-out);width:100%}.edit-reason-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.edit-reason-input::placeholder{color:var(--color-text-muted)}.modal-actions{gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6)}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-display);font-size:16px;font-weight:600;gap:var(--space-2);justify-content:center;letter-spacing:-.02em;padding:var(--space-3);transition:all var(--transition-base) var(--ease-out)}.btn-cancel{background:#f4f6f8;background:var(--color-bg,#f4f6f8);color:var(--color-text)}.btn-cancel:hover{background:var(--neutral-100)}.btn-submit{background:var(--color-accent);box-shadow:var(--shadow-accent);color:#fff}.btn-submit:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-submit .spinner{animation:spin 1s linear infinite}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}.category-selector{flex-direction:column}}@media (max-width:768px){.products-container{padding:var(--space-5) var(--space-4)}.products-header{align-items:stretch;flex-direction:column;gap:var(--space-4)}.products-header h1{font-size:24px}.products-header p{font-size:14px}.btn-add-product{justify-content:center;width:100%}.status-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.status-tab{flex-shrink:0;white-space:nowrap}.products-filters{flex-direction:column;gap:var(--space-3)}.filter-group,.search-box{min-width:100%}.form-row,.form-row.three-cols,.products-grid{grid-template-columns:1fr}.modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100%}.modal-overlay{padding:0}.spec-item{align-items:stretch;flex-direction:column}.spec-name{margin-bottom:var(--space-2);min-width:auto}.spec-values{flex-direction:column}.category-selector-row{align-items:stretch;flex-direction:column}.category-selector-row .form-group{min-width:100%}.btn-add-category{justify-content:center;width:100%}.specs-selector{align-items:stretch;flex-direction:column}.btn-custom-spec{justify-content:center;width:100%}}@media (max-width:480px){.products-container{padding:90px var(--space-3) var(--space-5)}.product-actions{flex-wrap:wrap;justify-content:center}.action-btn{flex:1 1;min-width:60px}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.media-preview{height:80px;width:80px}.media-preview.main-image-preview{height:200px;width:100%}.upload-box.small{height:80px;width:80px}}.edit-request-modal{max-width:800px!important}.edit-request-content{padding:var(--space-5)}.current-product-info{margin-bottom:var(--space-5)}.current-product-info h4{color:var(--color-text-secondary);font-family:var(--font-display);font-size:14px;letter-spacing:-.02em;margin-bottom:var(--space-3)}.product-summary{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-4)}.product-summary .product-thumb{border-radius:var(--radius-lg);height:70px;object-fit:cover;width:70px}.product-summary .product-details{flex:1 1}.product-summary .product-name{color:var(--color-text);font-family:var(--font-display);font-size:16px;font-weight:600;margin:0 0 var(--space-1)}.product-summary .product-sku{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);margin:0}.edit-request-notice{align-items:flex-start;background:var(--color-warning-bg);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.edit-request-notice svg{color:var(--color-warning-dark);flex-shrink:0;margin-top:2px}.edit-request-notice p{color:var(--color-warning-dark);font-size:14px;line-height:1.5;margin:0}.edit-request-form{display:flex;flex-direction:column;gap:var(--space-4)}.edit-request-form .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.edit-request-form .form-group{display:flex;flex-direction:column;gap:var(--space-1)}.edit-request-form .form-group label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.edit-request-form input,.edit-request-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:inherit;font-size:14px;padding:var(--space-2) var(--space-3);transition:all var(--transition-base) var(--ease-out)}.edit-request-form input:focus,.edit-request-form textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.edit-request-form textarea{min-height:80px;resize:vertical}.header-actions{align-items:center;display:flex;gap:var(--space-3)}.btn-my-edit-requests{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-base) var(--ease-out)}.btn-my-edit-requests:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted);transform:translateY(-1px)}.my-edit-requests-modal{max-height:80vh;max-width:800px!important}.my-edit-requests-content{max-height:60vh;overflow-y:auto;padding:var(--space-5)}.my-edit-requests-content .empty-state,.my-edit-requests-content .loading-state{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--space-15) var(--space-5);text-align:center}.my-edit-requests-content .empty-state svg{margin-bottom:var(--space-4);opacity:.5}.my-edit-requests-content .empty-state h3{color:var(--color-text-secondary);font-family:var(--font-display);font-size:18px;margin:0 0 var(--space-2)}.my-edit-requests-content .empty-state p{font-size:14px;margin:0}.edit-requests-list{display:flex;flex-direction:column;gap:var(--space-4)}.edit-request-card{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--transition-base) var(--ease-out)}.edit-request-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.edit-request-card.pending{border-right:4px solid var(--color-warning)}.edit-request-card.approved{border-right:4px solid var(--color-success)}.edit-request-card.rejected{border-right:4px solid var(--color-danger)}.edit-request-card.cancelled{border-right:4px solid var(--color-text-muted);opacity:.7}.erc-product{gap:var(--space-3);margin-bottom:var(--space-3)}.erc-image,.erc-product{align-items:center;display:flex}.erc-image{background:var(--color-surface-hover);border-radius:var(--radius-lg);color:var(--color-text-muted);height:50px;justify-content:center;overflow:hidden;width:50px}.erc-image img{height:100%;object-fit:cover;width:100%}.erc-info h4{color:var(--color-text);font-family:var(--font-display);font-size:15px;font-weight:600;margin:0 0 var(--space-1)}.erc-sku{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.erc-changes{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.changes-label{color:var(--color-text-secondary);display:block;font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:var(--space-1)}.changes-badges{gap:var(--space-1)}.changes-badges .change-badge{background:var(--color-info-bg);border-radius:var(--radius-full);color:var(--color-info);display:inline-block;font-family:var(--font-mono);font-size:11px;padding:var(--space-1) var(--space-2)}.erc-meta{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding-top:var(--space-3)}.erc-date{font-feature-settings:"tnum";color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.erc-status{border-radius:var(--radius-full);display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3)}.erc-status.pending{background:var(--color-warning-bg);color:var(--color-warning-dark)}.erc-status.approved{background:var(--color-success-bg);color:var(--color-success)}.erc-status.rejected{background:var(--color-danger-bg);color:var(--color-danger)}.erc-status.cancelled{background:var(--color-surface-hover);color:var(--color-text-secondary)}.erc-rejection-reason{background:var(--color-danger-bg);border-radius:var(--radius-lg);margin-top:var(--space-3);padding:var(--space-3)}.erc-rejection-reason strong{color:var(--color-danger);display:block;font-size:var(--text-xs);margin-bottom:var(--space-1)}.erc-rejection-reason p{margin:0}.btn-cancel-request,.erc-rejection-reason p{color:var(--color-danger);font-size:var(--text-xs)}.btn-cancel-request{background:var(--color-danger-bg);gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-2) var(--space-3)}.btn-cancel-request:hover{background:var(--color-danger);color:#fff}.btn-view-details{align-items:center;background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-lg);color:var(--color-info);cursor:pointer;display:flex;height:32px;justify-content:center;margin-top:var(--space-2);transition:all var(--transition-fast) var(--ease-out);width:32px}.btn-view-details:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.edit-request-details-modal{max-height:85vh;max-width:700px!important}.edit-request-details-content{max-height:65vh;overflow-y:auto;padding:var(--space-5)}.details-section{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);padding-bottom:var(--space-5)}.details-section:last-child{border-bottom:none;margin-bottom:0}.details-section h3{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:16px;font-weight:600;gap:var(--space-2);letter-spacing:-.02em;margin:0 0 var(--space-4)}.detail-row{border-bottom:1px dashed var(--color-border);display:flex;padding:var(--space-2) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-secondary);flex:0 0 140px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500}.detail-value{color:var(--color-text);flex:1 1;font-size:14px;word-break:break-word}.category-item,.spec-item{font-size:var(--text-xs);padding:var(--space-1) 0}.category-item:not(:last-child),.spec-item:not(:last-child){border-bottom:1px dotted var(--color-border);margin-bottom:var(--space-1);padding-bottom:var(--space-1)}.details-section.rejection-section{background:var(--color-danger-bg);border-bottom:none;border-radius:var(--radius-lg);padding:var(--space-4)}.details-section.rejection-section h3{color:var(--color-danger)}.details-section.rejection-section p{color:var(--color-danger);font-size:14px;margin:0}@media (max-width:768px){.edit-request-form .form-row{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.btn-add-product,.btn-my-edit-requests{justify-content:center;width:100%}}.tags-input-container{display:flex;flex-direction:column;gap:var(--space-2)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:32px}.tag-item{align-items:center;background:var(--color-info-bg);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.tag-remove-btn{align-items:center;background:#2775a533;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:all var(--transition-fast) var(--ease-out);width:18px}.tag-remove-btn:hover{background:var(--color-danger);color:#fff}.tag-input-row{display:flex;gap:var(--space-2)}.tag-input-row input{border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1 1;font-size:14px;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast) var(--ease-out)}.tag-input-row input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.btn-add-tag{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;font-weight:500;gap:var(--space-1);padding:var(--space-2) var(--space-4);transition:all var(--transition-base) var(--ease-out)}.btn-add-tag:hover{box-shadow:var(--shadow-accent);transform:translateY(-1px)}.category-alert{align-items:center;animation:pulse-alert 2s ease-in-out infinite;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-lg);color:var(--color-warning-dark);display:flex;font-size:14px;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4)}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.7}}.category-alert svg{color:var(--color-warning-dark);flex-shrink:0}.modal-actions.three-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.modal-actions.three-buttons .btn-cancel{flex:0 0 auto;min-width:120px}.modal-actions.three-buttons .btn-draft{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-text-muted);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-display);font-size:15px;font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all var(--transition-base) var(--ease-out)}.modal-actions.three-buttons .btn-draft:hover:not(:disabled){background:var(--color-text-muted);color:#fff}.modal-actions.three-buttons .btn-draft:disabled{cursor:not-allowed;opacity:.5}.modal-actions.three-buttons .btn-publish{background:var(--color-success);flex:1 1}.modal-actions.three-buttons .btn-publish:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-row.two-cols{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}@media (max-width:768px){.modal-actions.three-buttons{flex-direction:column}.modal-actions.three-buttons .btn-cancel,.modal-actions.three-buttons .btn-draft,.modal-actions.three-buttons .btn-publish{width:100%}.form-row.two-cols{grid-template-columns:1fr}}.product-return-reason{-webkit-border-start:3px solid #dc2626;-webkit-border-start:3px solid var(--color-danger,#dc2626);align-items:flex-start;background:#fee2e2;background:var(--color-danger-bg,#fee2e2);border-inline-start:3px solid #dc2626;border-inline-start:3px solid var(--color-danger,#dc2626);border-radius:var(--radius-md);color:var(--color-text);display:flex;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4)}.product-return-reason svg{color:#dc2626;color:var(--color-danger,#dc2626);flex-shrink:0;margin-top:2px}.product-return-reason strong{color:#991b1b;color:var(--color-danger-dark,#991b1b);display:block;font-size:var(--text-sm);margin-bottom:var(--space-1)}.product-return-reason p{font-size:var(--text-sm);line-height:1.4;margin:0;white-space:pre-wrap}.product-card.deactivated{border-color:#f59e0b;border-color:var(--color-warning,#f59e0b);opacity:.78}.product-card.deactivated .product-image-wrapper:after{background:#ffffff59;content:"";inset:0;pointer-events:none;position:absolute}.action-btn.rfq-toggle{color:#047857;color:var(--color-success-dark,#047857)}.action-btn.rfq-toggle.deactivated{color:#92400e;color:var(--color-warning-dark,#92400e)}.product-form-page{animation:productFormFadeIn .2s cubic-bezier(.16,1,.3,1);animation:productFormFadeIn var(--transition-base,.2s) var(--ease-out,cubic-bezier(.16,1,.3,1));background:#f4f6f8;background:var(--color-bg,#f4f6f8);inset:0;overflow-y:auto;position:fixed;z-index:50}@keyframes productFormFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.product-form-container{margin:0 auto;max-width:1100px;padding:32px 24px 48px;padding:var(--space-8,32px) var(--space-6,24px) var(--space-12,48px)}.product-form-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px);margin-bottom:32px;margin-bottom:var(--space-8,32px);padding-bottom:20px;padding-bottom:var(--space-5,20px)}.product-form-back{align-items:center;align-self:flex-start;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;border-radius:var(--radius-md,6px);color:#111;color:var(--color-text,#111);cursor:pointer;display:inline-flex;font-family:inherit;font-family:var(--font-display,inherit);font-size:13px;font-size:var(--text-sm,13px);font-weight:600;gap:8px;gap:var(--space-2,8px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);transition:transform .15s,background .15s;transition:transform var(--transition-fast,.15s),background var(--transition-fast,.15s)}.product-form-back:hover{background:#f3f4f6;background:var(--color-surface-hover,#f3f4f6);transform:translateX(-2px)}[dir=rtl] .product-form-back:hover{transform:translateX(2px)}.product-form-titles h1{color:#111;color:var(--color-text,#111);font-family:inherit;font-family:var(--font-display,inherit);font-size:28px;font-size:var(--text-3xl,28px);font-weight:700;letter-spacing:-.025em;margin:0 0 8px;margin:0 0 var(--space-2,8px)}.product-form-subtitle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:13px;font-size:var(--text-sm,13px);margin:0;max-width:60ch}.product-form-container .modal-actions{background:#f4f6f8;background:var(--color-bg,#f4f6f8);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);bottom:0;margin-top:24px;margin-top:var(--space-6,24px);padding:16px 0;padding:var(--space-4,16px) 0;position:-webkit-sticky;position:sticky;z-index:1}@media (max-width:768px){.product-form-container{padding:20px 16px 40px;padding:var(--space-5,20px) var(--space-4,16px) var(--space-10,40px)}.product-form-titles h1{font-size:22px;font-size:var(--text-2xl,22px)}}.submit-checklist{-webkit-border-start:3px solid #f59e0b;-webkit-border-start:3px solid var(--color-warning,#f59e0b);align-items:flex-start;background:#fef3c7;background:var(--color-warning-bg,#fef3c7);border-inline-start:3px solid #f59e0b;border-inline-start:3px solid var(--color-warning,#f59e0b);border-radius:6px;border-radius:var(--radius-md,6px);color:#111;color:var(--color-text,#111);display:flex;gap:12px;gap:var(--space-3,12px);margin:16px 0;margin:var(--space-4,16px) 0;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.submit-checklist svg{flex-shrink:0;margin-top:2px}.submit-checklist strong,.submit-checklist svg{color:#92400e;color:var(--color-warning-dark,#92400e)}.submit-checklist strong{display:block;font-size:13px;font-size:var(--text-sm,13px);margin-bottom:4px;margin-bottom:var(--space-1,4px)}.submit-checklist ul{-webkit-padding-start:20px;-webkit-padding-start:var(--space-5,20px);font-size:13px;font-size:var(--text-sm,13px);line-height:1.5;margin:0;padding-inline-start:20px;padding-inline-start:var(--space-5,20px)}.confirm-dialog-overlay{align-items:center;animation:confirmFadeIn .2s var(--ease-out);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0e161b8c;display:flex;inset:0;justify-content:center;padding:var(--space-5);position:fixed;z-index:calc(var(--z-modal) + 20)}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:confirmSlideUp .32s var(--ease-out);background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);font-family:var(--font-family);max-width:420px;overflow:hidden;padding:var(--space-8) var(--space-7);position:relative;text-align:center;width:100%}.confirm-dialog:before{background:linear-gradient(90deg,var(--color-accent) 0,#0000 80%);content:"";height:3px;left:0;opacity:.7;position:absolute;right:0;top:0}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog-icon{display:flex;justify-content:center;margin-bottom:var(--space-5)}.dialog-icon{stroke-width:1.5}.dialog-icon.warning{color:var(--color-warning)}.dialog-icon.danger{color:var(--color-danger)}.dialog-icon.success{color:var(--color-success)}.dialog-icon.info{color:var(--color-info)}.dialog-icon.question{color:var(--color-primary-light)}.confirm-dialog-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-3)}.confirm-dialog-message{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.65;margin:0 0 var(--space-7)}.confirm-dialog-actions{display:flex;gap:var(--space-3);justify-content:center}.confirm-dialog-actions button{border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;min-width:110px;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.btn-cancel{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-cancel:hover:not(:disabled){background:var(--color-border-light);border-color:var(--color-border);color:var(--color-text)}.btn-cancel:disabled{opacity:.5}.btn-confirm{align-items:center;border:none;box-shadow:var(--shadow-sm);color:var(--color-text-on-primary);display:flex;gap:var(--space-2);justify-content:center}.btn-confirm.warning{background:var(--color-warning)}.btn-confirm.warning:hover:not(:disabled){background:var(--color-warning-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-confirm.danger{background:var(--color-danger)}.btn-confirm.danger:hover:not(:disabled){background:var(--color-danger-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-confirm.success{background:var(--color-success)}.btn-confirm.success:hover:not(:disabled){background:var(--color-success-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-confirm.primary{background:var(--color-primary)}.btn-confirm.primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-confirm:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--color-text-on-primary);height:18px;width:18px}[dir=rtl] .confirm-dialog-actions{flex-direction:row-reverse}[dir=rtl] .confirm-dialog:before{background:linear-gradient(270deg,var(--color-accent) 0,#0000 80%)}.opickup{--opk-ink:#0b1220;--opk-ink-2:#1a2538;--opk-paper:var(--color-surface,#f8f9fa);--opk-card:var(--color-bg,#fff);--opk-line:var(--color-border,#e5e7eb);--opk-mute:var(--color-muted,#6b7280);--opk-primary:#1968f0;--opk-primary-soft:#ecf2fe;--opk-primary-edge:#c5d9fb;--opk-accent:#f56714;--opk-accent-soft:#fef2eb;--opk-accent-edge:#fdd9c4;--opk-success:#1c9c5c;--opk-success-soft:#e9fbf2;--opk-success-edge:#c2f4db;--opk-warn:#eb980a;--opk-warn-soft:#fef5e7;--opk-warn-edge:#fce4ba;--opk-err:#e42525;--opk-err-soft:#fdeded;--opk-err-edge:#f8c9c9;--opk-r-xs:6px;--opk-r-sm:10px;--opk-r-md:14px;--opk-ease:cubic-bezier(0.2,0.8,0.2,1);background:var(--opk-card);border:1px solid var(--opk-line);border-radius:var(--opk-r-md);overflow:hidden;padding:0!important;position:relative}.opickup:before{background:var(--opk-mute);content:"";height:3px;inset:0 0 auto 0;position:absolute;z-index:1}.opickup--primary:before{background:var(--opk-primary)}.opickup--accent:before{background:var(--opk-accent)}.opickup--success:before{background:var(--opk-success)}.opickup--warn:before{background:var(--opk-warn)}.opickup--err:before{background:var(--opk-err)}.opickup--loading{align-items:center;color:var(--opk-mute);display:flex;font-size:.92rem;gap:12px;padding:16px 20px!important}.opickup__head{align-items:flex-start;border-bottom:1px solid var(--opk-line);display:flex;gap:16px;justify-content:space-between;padding:18px 20px 12px}.opickup__title{display:flex;flex-direction:column;gap:4px}.opickup__eyebrow{color:var(--opk-accent);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.66rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.opickup__title h3{align-items:center;color:var(--opk-ink);display:inline-flex;font-family:Space Grotesk,Inter,sans-serif;font-size:1.05rem;font-weight:600;gap:8px;margin:0}.opickup__title h3 svg{color:var(--opk-primary)}.opickup__pill{align-items:center;background:#f1f3f5;border:1px solid var(--opk-line);border-radius:999px;color:var(--opk-mute);display:inline-flex;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.66rem;font-weight:500;gap:6px;letter-spacing:.1em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.opickup__pill--primary{background:var(--opk-primary-soft);border-color:var(--opk-primary-edge);color:var(--opk-primary)}.opickup__pill--accent{background:var(--opk-accent-soft);border-color:var(--opk-accent-edge);color:var(--opk-accent)}.opickup__pill--success{background:var(--opk-success-soft);border-color:var(--opk-success-edge);color:var(--opk-success)}.opickup__pill--warn{background:var(--opk-warn-soft);border-color:var(--opk-warn-edge);color:#9d6607}.opickup__pill--err{background:var(--opk-err-soft);border-color:var(--opk-err-edge);color:var(--opk-err)}.opickup__banner{align-items:center;background:#f1f3f5;border-left:3px solid var(--opk-mute);border-radius:var(--opk-r-sm);display:flex;gap:12px;line-height:1.45;margin:14px 20px 0;padding:12px 14px}[dir=rtl] .opickup__banner{border-left:none;border-right:3px solid var(--opk-mute)}.opickup__banner svg{color:var(--opk-mute);flex:none}.opickup__banner>div{display:flex;flex-direction:column;gap:2px;min-width:0}.opickup__banner strong{color:var(--opk-ink);font-size:.92rem}.opickup__banner span{color:var(--opk-mute);font-size:.82rem}.opickup__banner--primary{background:var(--opk-primary-soft);border-color:var(--opk-primary)}.opickup__banner--primary svg{color:var(--opk-primary)}.opickup__banner--success{background:var(--opk-success-soft);border-color:var(--opk-success)}.opickup__banner--success svg{color:var(--opk-success)}.opickup__banner--err{background:var(--opk-err-soft);border-color:var(--opk-err)}.opickup__banner--err svg{color:var(--opk-err)}.opickup__facts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:16px 20px 0;padding:0}.opickup__facts>div{background:var(--opk-paper);border:1px solid var(--opk-line);border-radius:var(--opk-r-xs);display:flex;flex-direction:column;gap:4px;padding:10px 12px}.opickup__facts dt{align-items:center;color:var(--opk-mute);display:inline-flex;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.64rem;gap:6px;letter-spacing:.1em;text-transform:uppercase}.opickup__facts dt svg{color:var(--opk-accent)}.opickup__facts dd{color:var(--opk-ink);font-size:.88rem;font-weight:500;margin:0;word-break:break-word}.opickup__mono{font-family:JetBrains Mono,ui-monospace,monospace!important;font-size:.82rem!important;letter-spacing:.02em}.opickup__code{background:linear-gradient(135deg,var(--opk-accent-soft),var(--opk-primary-soft));border:1px solid var(--opk-accent-edge);border-radius:var(--opk-r-md);margin:16px 20px 20px;overflow:hidden;padding:14px 16px;position:relative}.opickup__code:after{background:radial-gradient(circle at 30% 30%,#fff9,#0000 60%);content:"";height:140px;inset:auto -40px -40px auto;opacity:.7;pointer-events:none;position:absolute;width:140px}.opickup__code--locked{background:var(--opk-paper);border-color:var(--opk-line)}.opickup__code--locked:after{display:none}.opickup__code-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;position:relative}.opickup__code-eyebrow{align-items:center;color:var(--opk-accent);display:inline-flex;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.12em;text-transform:uppercase}.opickup__code-eyebrow--muted{color:var(--opk-mute)}.opickup__codebtn{all:unset;align-items:center;background:var(--opk-card);border:1px solid var(--opk-accent-edge);border-radius:var(--opk-r-xs);color:var(--opk-accent);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .16s var(--opk-ease),color .16s,transform .16s;width:32px}.opickup__codebtn:hover{background:var(--opk-accent);color:#fff;transform:translateY(-1px)}.opickup__codebtn--inline{-webkit-margin-start:12px;margin-inline-start:12px}.opickup__code-display{align-items:center;background:var(--opk-card);border:1px dashed var(--opk-accent-edge);border-radius:var(--opk-r-sm);display:flex;justify-content:center;min-height:64px;padding:8px;position:relative}.opickup__code-value{color:var(--opk-ink);font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.6rem;font-weight:700;letter-spacing:.4em;-webkit-user-select:all;user-select:all}.opickup__reveal{all:unset;align-items:center;background:var(--opk-accent);border-radius:var(--opk-r-xs);color:#fff;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;font-weight:500;gap:8px;letter-spacing:.08em;padding:10px 18px;text-transform:uppercase;transition:background .16s,transform .16s}.opickup__reveal:hover:not(:disabled){background:#e15909;transform:translateY(-1px)}.opickup__reveal:disabled{cursor:not-allowed;opacity:.55}.opickup__code-hint{align-items:flex-start;color:var(--opk-ink-2);display:flex;font-size:.8rem;gap:6px;line-height:1.5;margin:10px 0 0;position:relative}.opickup__code-hint svg{color:var(--opk-accent);flex:none;margin-top:3px}.opickup__code-meta{align-items:center;background:#ffffff80;border-radius:999px;color:var(--opk-ink-2);display:inline-flex;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;gap:6px;letter-spacing:.06em;margin:8px 0 0;padding:4px 10px;position:relative;text-transform:uppercase}.opickup__code-meta--err{background:var(--opk-err-soft);color:var(--opk-err)}.opickup-spin{animation:opk-spin .8s linear infinite}@keyframes opk-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.opickup-spin,.opickup__codebtn,.opickup__reveal{animation:none!important;transition:none!important}.opickup__codebtn:hover,.opickup__reveal:hover{transform:none}}@media (max-width:640px){.opickup__head{flex-wrap:wrap;padding:14px 16px 10px}.opickup__banner,.opickup__code,.opickup__facts{margin-left:16px;margin-right:16px}.opickup__code-value{font-size:1.3rem;letter-spacing:.3em}}.opickup__proof{display:flex;flex-direction:column;gap:8px;margin:12px 20px 4px}.opickup__proof-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.opickup__proof-link{aspect-ratio:1;background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;display:block;overflow:hidden}.opickup__proof-link img{display:block;height:100%;object-fit:cover;width:100%}.orders-page{background:#f4f6f8;background:var(--color-bg,#f4f6f8);min-height:100vh}.orders-container{margin:0 auto;max-width:1400px;padding:var(--space-8) var(--space-6)}.orders-header{margin-bottom:var(--space-6)}.orders-header h1{color:var(--color-text);font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-2)}.orders-header p{color:var(--color-text-secondary);font-size:16px}.orders-filters{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-8)}.search-box{background:#fff;background:var(--color-surface,#fff);flex:1 1;min-width:250px;padding:0 var(--space-4);position:relative;transition:all var(--transition-base) var(--ease-out)}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.search-box svg{color:var(--color-text-muted)}.search-box input{flex:1 1;font-size:15px;padding:var(--space-3) var(--space-2)}.filter-group{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:0 var(--space-4);transition:all var(--transition-base) var(--ease-out)}.filter-group:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.filter-group svg{color:var(--color-text-muted)}.filter-group select{background:#0000;border:none;cursor:pointer;font-family:var(--font-family);font-size:15px;outline:none;padding:var(--space-3) var(--space-2)}.orders-content{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:400px 1fr}.orders-list{background:#fff;background:var(--color-surface,#fff);box-shadow:var(--shadow-sm);max-height:calc(100vh - 250px);overflow-y:auto;padding:var(--space-5)}.order-card,.orders-list{border:1px solid var(--color-border);border-radius:var(--radius-xl)}.order-card{background:var(--color-surface);cursor:pointer;margin-bottom:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);position:relative;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out),background .2s var(--ease-out)}.order-card:before{background:#0000;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background var(--transition-base) var(--ease-out)}.order-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-card:hover:before{background:var(--color-accent)}.order-card.active{background:var(--color-info-bg);border-color:var(--color-primary)}.order-card.active:before{background:var(--color-accent)}.order-card-header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}.order-card-header__main{flex:1 1 auto;min-width:0}.order-card-header h3{color:var(--color-text-muted);font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.04em;margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.order-client{color:var(--color-text);font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin:0}.status-badge{font-size:var(--text-xs);font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-3);white-space:nowrap}.status-badge.pending{background:var(--color-warning-bg);color:var(--color-warning-dark)}.status-badge.processing{background:var(--color-info-bg);color:var(--color-primary)}.status-badge.delivered,.status-badge.shipped{background:var(--color-success-bg);color:var(--color-success)}.status-badge.cancelled{background:var(--color-danger-bg);color:var(--color-danger)}.order-meta{font-feature-settings:"tnum";align-items:baseline;border-top:1px dashed var(--color-border);color:var(--color-text-muted);display:flex;font-size:13px;font-variant-numeric:tabular-nums;gap:var(--space-3);justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3)}.order-meta>span:first-child{font-family:var(--font-mono);letter-spacing:.02em}.order-total{font-feature-settings:"tnum";color:var(--color-primary);font-family:var(--font-display);font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em}.order-details{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-8);position:relative}.order-details:before{background:var(--color-accent);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.detail-header{align-items:start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-5);justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-5)}.detail-header h2{color:var(--color-text);font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-2) 0}.detail-client{color:var(--color-text-secondary);font-size:16px;margin:0}.detail-section{margin-bottom:var(--space-8)}.detail-section h3{color:var(--color-text);font-size:18px;margin-bottom:var(--space-4)}.detail-info-grid{grid-gap:var(--space-5);background:#f4f6f8;background:var(--color-bg,#f4f6f8);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr;padding:var(--space-5)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{font-feature-settings:"tnum";color:var(--color-text);font-size:15px;font-variant-numeric:tabular-nums;font-weight:600}.items-table{background:#f4f6f8;background:var(--color-bg,#f4f6f8);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table-footer,.table-header,.table-row{grid-gap:var(--space-4);font-feature-settings:"tnum";align-items:center;display:grid;font-variant-numeric:tabular-nums;gap:var(--space-4);grid-template-columns:2fr 1fr 1fr 1fr;padding:var(--space-4) var(--space-5)}.table-header{background:var(--color-info-bg);color:var(--color-primary);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.02em}.table-row{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:14px}.table-row:nth-child(2n){background:var(--neutral-50)}.table-row:last-of-type{border-bottom:none}.item-total{font-feature-settings:"tnum";color:var(--color-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.table-footer{background:#fff;background:var(--color-surface,#fff);border-top:2px solid var(--color-primary);color:var(--color-text);display:flex;font-family:var(--font-display);font-size:16px;font-weight:700;justify-content:space-between}.total-amount{font-feature-settings:"tnum";color:var(--color-primary);font-variant-numeric:tabular-nums}.address-text,.notes-text{background:#f4f6f8;background:var(--color-bg,#f4f6f8);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:15px;line-height:1.8;margin:0;padding:var(--space-4)}.status-actions{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-lg);padding:var(--space-5)}.status-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4)}.status-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-display);font-size:15px;font-weight:600;gap:var(--space-2);justify-content:center;letter-spacing:-.02em;min-width:150px;padding:var(--space-3) var(--space-5);transition:all var(--transition-base) var(--ease-out)}.status-btn.processing{background:var(--color-info-bg);color:var(--color-primary)}.status-btn.processing:hover{background:var(--color-accent);box-shadow:var(--shadow-accent);color:#fff;transform:translateY(-2px)}.status-btn.shipped{background:var(--color-success-bg);color:var(--color-success)}.status-btn.shipped:hover{background:var(--color-success);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.status-btn.delivered{background:var(--color-success-bg);color:var(--color-success)}.status-btn.delivered:hover{background:var(--color-success);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.status-btn.cancelled{background:var(--color-danger-bg);color:var(--color-danger)}.status-btn.cancelled:hover{background:var(--color-danger);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.empty-state{color:var(--color-text-muted);padding:var(--space-15) var(--space-5)}.empty-state svg{margin-bottom:var(--space-5)}@media (max-width:1024px){.orders-content{grid-template-columns:1fr}.orders-list{margin-bottom:var(--space-5);max-height:none}.order-details{position:static;top:auto}.detail-info-grid{grid-template-columns:1fr}}@media (max-width:768px){.orders-container{padding:var(--space-5) var(--space-4)}.orders-header h1{font-size:24px}.orders-header p{font-size:14px}.orders-filters{flex-direction:column;gap:var(--space-3)}.filter-group,.search-box{min-width:100%}.orders-content{grid-template-columns:1fr}.orders-list{max-height:none;padding:var(--space-4)}.order-card-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.order-details{padding:var(--space-5)}.detail-header{align-items:flex-start;flex-direction:column}.detail-header h2{font-size:20px}.detail-info-grid{gap:var(--space-4);grid-template-columns:1fr}.table-header,.table-row{gap:var(--space-2);grid-template-columns:1fr}.table-header{display:none}.table-row{border-bottom:1px solid var(--color-border);padding:var(--space-4)}.table-row span{display:block}.table-row span:before{color:var(--color-primary);content:attr(data-label);display:block;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-1)}.status-buttons{flex-wrap:wrap}.status-btn{flex:1 1 45%;min-width:auto}}.order-notice{align-items:flex-start;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4)}.order-notice.info{background:var(--color-info-bg);border:1px solid var(--color-primary)}.order-notice.info svg{color:var(--color-primary);flex-shrink:0}.order-notice.success{background:var(--color-success-bg);border:1px solid var(--color-success)}.order-notice.success svg{color:var(--color-success);flex-shrink:0}.order-notice strong{color:var(--color-text);display:block;font-family:var(--font-display);margin-bottom:var(--space-1)}.order-notice p{color:var(--color-text-secondary);font-size:14px;margin:0}.status-badge.awaiting{background:var(--color-warning-bg);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.status-btn.ready-btn{background:var(--color-success)!important;color:#fff!important;font-weight:600;padding:var(--space-3) var(--space-6)}.status-btn.ready-btn:hover{background:var(--color-success)!important;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.status-btn.ready-btn.primary{align-items:center;flex-direction:column;gap:var(--space-1)}.status-btn .btn-description{font-size:11px;font-weight:400;opacity:.9}.status-btn.handover-btn{align-items:center;background:var(--color-primary-light)!important;color:#fff!important;flex-direction:column;font-weight:600;gap:var(--space-1);padding:var(--space-3) var(--space-6)}.status-btn.handover-btn:hover{background:var(--color-primary)!important;box-shadow:var(--shadow-primary);transform:translateY(-2px)}@media (max-width:480px){.orders-container{padding:var(--space-4) var(--space-3)}.order-card{padding:var(--space-3)}.order-card-header h3{font-size:16px}.order-card-header,.order-meta{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.detail-section{padding:var(--space-4)}.detail-section h3{font-size:16px}.status-buttons{flex-direction:column}.status-btn{min-width:100%;width:100%}.order-notice{flex-direction:column}.info-item{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3)}.table-footer{flex-direction:column;gap:var(--space-2);text-align:center}}.po-page{background:#e7ebf1;min-height:100vh;padding:28px 16px 72px}.po-toolbar{display:flex;gap:12px;justify-content:space-between;margin:0 auto 18px;max-width:880px}.po-btn{align-items:center;border:1px solid #0000;border-radius:9px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:9px 16px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.po-btn--ghost{background:#fff;border-color:#d7dbe5;color:#434c5e}.po-btn--ghost:hover{background:#f7f8fb}.po-btn--primary{background:#172a4d;color:#fff}.po-btn--primary:hover{background:#1f3661}.po-btn:active{transform:translateY(1px)}.po-screen-msg{align-items:center;color:#434c5e;display:flex;flex-direction:column;font-size:15px;gap:12px;justify-content:center;min-height:60vh}.po-screen-msg--err{color:#b42318}.po-screen-msg button{background:#fff;border:1px solid #d7dbe5;border-radius:8px;cursor:pointer;padding:8px 16px}.po-page .po-doc{border:1px solid var(--line);box-shadow:0 1px 2px #10172a0a,0 14px 36px -10px #10172a24}.po-doc{--paper:#fff;--ink:#111726;--ink-2:#434c5e;--ink-3:#727b8c;--line:#e9ebf1;--line-2:#d7dbe5;--soft:#f7f8fb;--soft-2:#eef1f7;--brand:#172a4d;--brand-2:#24396b;--brand-bg:#e9eef8;--ok:#0d7a52;--ok-bg:#e4f5ee;--warn:#945c06;--warn-bg:#fbf1da;--bad:#b42318;--bad-bg:#fdecea;--hair:1px solid var(--line);--r:12px;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";background:var(--paper);border-radius:var(--r);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-variant-numeric:tabular-nums;line-height:1.5;margin:0 auto;max-width:880px;overflow:hidden}.po-masthead{align-items:flex-start;border-bottom:2px solid var(--brand);display:flex;gap:24px;justify-content:space-between;padding:28px 34px 22px}.po-mast-brand{display:flex;flex-direction:column;gap:9px;min-width:0}.po-logo{height:46px;object-fit:contain;width:auto}.po-wordmark{color:var(--brand);font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.05}.po-wordmark small{display:block;font-size:10.5px;letter-spacing:.01em;margin-top:4px}.po-mast-tag,.po-wordmark small{color:var(--ink-3);font-weight:500}.po-mast-tag{font-size:11px}.po-mast-doc{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:7px;text-align:end}.po-eyebrow{color:var(--ink-3);font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.po-docnum{color:var(--ink);font-family:SFMono-Regular,Consolas,ui-monospace,monospace;font-size:21px;font-weight:800;letter-spacing:-.01em}.po-status{align-items:center;border:1px solid #1117260f;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.02em;padding:4px 12px}.po-status:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.po-status--awaiting_shipment,.po-status--in_transit,.po-status--processing,.po-status--ready_for_pickup,.po-status--shipped{background:var(--brand-bg);color:var(--brand-2)}.po-status--completed,.po-status--delivered,.po-status--payment_received{background:var(--ok-bg);color:var(--ok)}.po-status--pending_confirmation,.po-status--pending_payment{background:var(--warn-bg);color:var(--warn)}.po-status--cancelled,.po-status--refunded{background:var(--bad-bg);color:var(--bad)}.po-trust{background:var(--soft);border-bottom:var(--hair);display:flex;flex-wrap:wrap;gap:7px;padding:11px 34px}.po-badge{align-items:center;background:var(--paper);border:var(--hair);border-radius:999px;color:var(--ink-2);display:inline-flex;font-size:9.5px;font-weight:700;gap:5px;letter-spacing:.1em;padding:4px 11px;text-transform:uppercase}.po-badge svg{color:var(--brand-2)}.po-refs{border-bottom:var(--hair);display:flex;flex-wrap:wrap;gap:14px 34px;padding:16px 34px}.po-refs>div{display:flex;flex-direction:column;gap:3px}.po-refs span{color:var(--ink-3);font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.po-refs strong{color:var(--ink);font-size:13px;font-weight:700}.po-panel,.po-parties,.po-signs,.po-sums{padding:20px 34px}.po-panel{padding-bottom:18px;padding-top:18px}.po-deliv h2,.po-fin h2,.po-panel h2,.po-party h2,.po-signs-title{align-items:center;color:var(--ink-2);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.po-deliv h2:before,.po-fin h2:before,.po-panel h2:before,.po-party h2:before,.po-signs-title:before{background:var(--brand);border-radius:2px;content:"";flex-shrink:0;height:13px;width:3px}.po-party h2{margin-bottom:8px}.po-party h2:before{height:11px}.po-parties{grid-gap:16px;border-bottom:var(--hair);display:grid;gap:16px;grid-template-columns:1fr 1fr}.po-party{background:var(--soft);border:var(--hair);border-radius:10px;padding:15px 17px}.po-party-name{color:var(--ink);font-size:15px;font-weight:700;margin:0 0 7px}.po-party-lines{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.po-party-lines li{align-items:flex-start;color:var(--ink-2);display:flex;font-size:12px;gap:7px}.po-party-lines li svg{color:var(--ink-3);flex-shrink:0;margin-top:2px}.po-kvs{grid-gap:13px 22px;display:grid;gap:13px 22px;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));margin:0}.po-kvs--col{gap:11px;grid-template-columns:1fr}.po-kvs>div{display:flex;flex-direction:column;gap:3px}.po-kvs dt{color:var(--ink-3);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.po-kvs dd{color:var(--ink);font-size:13px;font-weight:600;margin:0}.po-status-chip{align-items:center;border:1px solid #1117260f;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.02em;padding:3px 12px}.po-status-chip:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.po-status-chip--paid{background:var(--ok-bg);color:var(--ok)}.po-status-chip--partial,.po-status-chip--pending{background:var(--warn-bg);color:var(--warn)}.po-status-chip--refunded{background:var(--brand-bg);color:var(--brand-2)}.po-panel--items{border-bottom:var(--hair);padding-bottom:8px}.po-table{border-collapse:collapse;font-size:12px;table-layout:fixed;width:100%}.po-table thead th{background:var(--soft-2);border-bottom:1.5px solid var(--line-2);color:var(--ink-2);font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:10px 11px;text-align:start;text-transform:uppercase}.po-table thead th small{color:var(--ink-3);font-size:9px;font-weight:500}.po-table tbody td{border-bottom:var(--hair);color:var(--ink);font-size:12px;padding:12px 11px;vertical-align:top}.po-table tbody tr:last-child td{border-bottom:1.5px solid var(--line-2)}.po-col-num{color:var(--ink-3);text-align:center;width:32px}.po-col-code{width:90px}.po-col-qty{text-align:end;width:50px}.po-col-money{text-align:end;width:108px}.po-col-desc{color:var(--ink-2)}.po-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.po-num--neg{color:var(--bad)}.po-empty{color:var(--ink-3);padding:20px 0;text-align:center}.po-mono{color:var(--brand-2);font-family:SFMono-Regular,Consolas,ui-monospace,monospace;font-size:12px}.po-dim{color:var(--ink-3)}.po-item-name{color:var(--ink);font-size:12.5px;line-height:1.4}.po-item-name strong{font-weight:700}.po-item-desc{color:var(--ink-2);font-size:10.5px;line-height:1.45;margin-top:3px}.po-item-specs{color:var(--ink-3);font-size:10.5px;line-height:1.4;margin-top:4px;white-space:pre-wrap;word-break:break-word}.po-item-specs-label{color:var(--brand-2);font-weight:600}.po-item-meta{grid-gap:3px 12px;color:var(--ink-2);display:grid;font-size:10px;gap:3px 12px;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));line-height:1.4;list-style:none;margin:6px 0 0;padding:0}.po-item-meta li{align-items:baseline;display:flex;gap:4px}.po-item-meta li span{color:var(--ink-3);flex-shrink:0}.po-item-meta li strong{color:var(--ink);font-weight:600;word-break:break-word}.po-item-notes{background:var(--warn-bg);border-radius:5px;color:var(--warn);font-size:10px;line-height:1.4;margin-top:5px;padding:5px 8px}.po-item-notes span{font-weight:700}.po-table tfoot td{background:var(--soft);border-bottom:none;color:var(--ink);font-weight:700;padding:11px}.po-tfoot-label{color:var(--ink-2);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}.po-sums{grid-gap:20px;border-bottom:var(--hair);display:grid;gap:20px;grid-template-columns:1.05fr 1fr}.po-deliv,.po-fin{background:var(--soft);border:var(--hair);border-radius:10px;padding:16px 18px}.po-fin{background:linear-gradient(180deg,#fbfcfe 0,var(--soft) 100%)}.po-fin-grid{display:flex;flex-direction:column;font-size:12.5px;gap:0;margin:0}.po-fin-grid>div{align-items:baseline;border-bottom:1px dashed var(--line);display:flex;gap:16px;justify-content:space-between;padding:7px 0}.po-fin-grid dt{color:var(--ink-2)}.po-fin-grid dd{color:var(--ink);font-weight:600;margin:0}.po-fin-total{border-bottom:none;border-top:2px solid var(--brand);margin-top:6px;padding-bottom:4px;padding-top:13px}.po-fin-total dt{font-size:12px;letter-spacing:.04em;text-transform:uppercase}.po-fin-total dd,.po-fin-total dt{color:var(--brand);font-weight:800}.po-fin-total dd{font-size:20px}.po-fin-note{border-bottom:none;padding:4px 0}.po-fin-note dt{color:var(--ink-3);font-size:11px}.po-fin-note dd{color:var(--ink-2);font-size:12px;font-weight:600}.po-workflow{list-style:none;margin:0;padding:0;position:relative}.po-workflow:before{background:var(--line-2);bottom:14px;content:"";inset-inline-start:5px;position:absolute;top:6px;width:2px}.po-wf-step{align-items:baseline;display:flex;font-size:12.5px;gap:16px;justify-content:space-between;padding:0 0 14px 22px;position:relative}.po-wf-step:last-child{padding-bottom:0}.po-wf-dot{background:var(--paper);border:2.5px solid var(--brand);border-radius:50%;box-sizing:border-box;height:12px;inset-inline-start:0;position:absolute;top:4px;width:12px}.po-wf-body{align-items:baseline;display:flex;flex:1 1;gap:16px;justify-content:space-between}.po-wf-label{color:var(--ink);font-weight:700}.po-wf-time{font-feature-settings:"tnum";color:var(--ink-3);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.po-terms{-webkit-padding-start:0;color:var(--ink-2);display:flex;flex-direction:column;font-size:12px;gap:7px;list-style:none;margin:0;padding-inline-start:0}.po-terms li{-webkit-padding-start:18px;line-height:1.55;padding-inline-start:18px;position:relative}.po-terms li:before{background:var(--brand-2);border-radius:1px;content:"";height:5px;inset-inline-start:2px;position:absolute;top:7px;transform:rotate(45deg);width:5px}.po-signs{border-bottom:var(--hair)}.po-signs-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.po-sign{background:var(--paper);border:1px solid var(--line-2);border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:15px 15px 12px}.po-sign--stamp{background:var(--soft);border-color:var(--brand)}.po-sign-role{color:var(--brand);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.po-sign-name{display:flex;flex-direction:column;gap:2px}.po-sign-box-label,.po-sign-name-label{color:var(--ink-3);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase}.po-sign-name-value{color:var(--ink);font-size:13px;font-weight:700}.po-sign-box-row{display:flex;flex-direction:column;gap:5px}.po-sign-box{border:1px dashed var(--line-2);border-radius:6px;height:54px}.po-sign--stamp .po-sign-box{background:var(--paper);border-color:var(--brand);border-style:solid;position:relative}.po-sign--stamp .po-sign-box:after{align-items:center;color:var(--brand);content:"AUTHORIZED";display:flex;font-size:11px;font-weight:800;inset:0;justify-content:center;letter-spacing:.22em;opacity:.5;position:absolute;transform:rotate(-7deg)}.po-sign-date{align-items:baseline;color:var(--ink-3);display:flex;font-size:10.5px;gap:8px}.po-sign-line{border-bottom:1px solid var(--line-2);flex:1 1;height:12px}.po-foot{background:var(--brand);color:#ffffffdb;display:flex;flex-direction:column;font-size:11px;gap:9px;margin:0;padding:18px 34px 22px}.po-foot-line{align-items:flex-start;display:flex;gap:7px}.po-foot-line svg{color:#ffffffb3;flex-shrink:0;margin-top:1px}.po-foot-meta{border-top:1px solid #ffffff24;color:#fff9;display:flex;flex-wrap:wrap;font-size:10px;gap:12px;justify-content:space-between;padding-top:10px}.po-foot-meta span{align-items:center;display:inline-flex;gap:5px}.po-foot .po-mono{color:#ffffffc7}@media (max-width:720px){.po-masthead{align-items:flex-start;flex-direction:column;gap:14px}.po-mast-doc{align-items:flex-start;text-align:start}.po-parties,.po-signs-row,.po-sums{grid-template-columns:1fr}.po-table{font-size:11px}.po-col-money{width:96px}}@page{size:A4;margin:10mm}@media print{.po-page,body,html{background:#fff!important}.po-page{padding:0!important}.po-toolbar{display:none!important}.po-doc,.po-page .po-doc{border:none;border-radius:0;box-shadow:none;max-width:none}.po-badge,.po-deliv,.po-doc,.po-fin,.po-fin-total,.po-foot,.po-masthead,.po-party,.po-sign--stamp,.po-sign--stamp .po-sign-box:after,.po-status,.po-status-chip,.po-table tfoot td,.po-table thead th,.po-trust,.po-wf-dot{-webkit-print-color-adjust:exact;print-color-adjust:exact}.po-deliv,.po-fin,.po-panel--keep,.po-party,.po-signs,.po-table tbody tr{break-inside:avoid;page-break-inside:avoid}.po-panel--items{padding-bottom:0}.po-table thead{display:table-header-group}.po-table tfoot{display:table-footer-group}}.cte{--cte-gap:14px;--cte-radius:10px;background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--cte-radius);box-shadow:0 1px 0 #00000005,0 8px 24px -16px #0000002e;display:flex;flex-direction:column;gap:var(--cte-gap);padding:18px}.cte--rtl{direction:rtl}.cte__head{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;gap:12px;justify-content:space-between;padding-bottom:12px}.cte__title{color:#111827;color:var(--color-text,#111827);font-size:18px;font-weight:600;margin:0 0 4px}.cte__subtitle{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12.5px;line-height:1.45;margin:0;max-width:56ch}.cte__head-actions{align-items:center;display:flex;gap:6px}.cte__close{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;display:inline-flex;height:30px;justify-content:center;width:30px}.cte__close:hover{background:#f9fafb;background:var(--color-surface-2,#f9fafb);color:#111827;color:var(--color-text,#111827)}.cte__sections{display:flex;flex-direction:column;gap:10px}.cte-sec{background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--cte-radius);overflow:hidden}.cte-sec--open{box-shadow:0 1px 0 #00000005}.cte-sec__head{margin:0}.cte-sec__toggle{align-items:center;background:#0000;border:0;color:#111827;color:var(--color-text,#111827);cursor:pointer;display:flex;font:inherit;gap:10px;padding:12px 14px;text-align:start;width:100%}.cte-sec__toggle:hover{background:#f9fafb;background:var(--color-surface-2,#f9fafb)}.cte-sec__toggle:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-accent,#2563eb);outline-offset:-2px}.cte-sec__chev{color:#6b7280;color:var(--color-text-muted,#6b7280);display:inline-flex}.cte-sec__title{flex:1 1;font-size:14px;font-weight:600}.cte-sec__count{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12px}.cte-sec__pill{border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 8px;text-transform:uppercase}.cte-sec__pill--muted{background:#f3f4f6;background:var(--color-surface-2,#f3f4f6);color:#6b7280;color:var(--color-text-muted,#6b7280)}.cte-sec__pill--ok{background:#10b9811f;color:#047857;color:var(--color-ok,#047857)}.cte-sec__pill--warn{background:#f59e0b24;color:#b45309;color:var(--color-warn,#b45309)}.cte-sec__pill--err{background:#dc26261f;color:#b91c1c;color:var(--color-err,#b91c1c)}.cte-sec__panel{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;flex-direction:column;gap:10px;padding:4px 14px 14px}.cte-sec__hint{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:12.5px;margin:8px 0 0}.cte-sec__add{align-items:center;align-self:flex-start;background:#0000;border:1px dashed #d1d5db;border:1px dashed var(--color-border-strong,#d1d5db);border-radius:8px;color:#111827;color:var(--color-text,#111827);cursor:pointer;display:inline-flex;font:inherit;gap:6px;padding:8px 12px}.cte-sec__add:hover{background:#f9fafb;background:var(--color-surface-2,#f9fafb);border-color:#2563eb;border-color:var(--color-accent,#2563eb);color:#2563eb;color:var(--color-accent,#2563eb)}.cte-terms{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.cte-term{align-items:flex-start;background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;gap:10px;padding:10px 12px}.cte-term--pending{background:#fafafa;background:var(--color-surface-2,#fafafa);border-style:dashed}.cte-term--draft{background:#eff6ff;background:var(--color-accent-bg,#eff6ff);border-color:#2563eb;border-color:var(--color-accent,#2563eb)}.cte-term__body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.cte-term__title{color:#111827;color:var(--color-text,#111827);font-size:13.5px;font-weight:600}.cte-term__preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--color-text-muted,#6b7280);display:-webkit-box;font-size:12.5px;line-height:1.45;overflow:hidden;text-overflow:ellipsis}.cte-term__meta{display:flex;gap:6px;margin-top:2px}.cte-term__pill{align-items:center;border-radius:999px;display:inline-flex;font-size:10.5px;font-weight:600;gap:3px;letter-spacing:.02em;padding:2px 6px}.cte-term__pill--ok{background:#10b9811f;color:#047857;color:var(--color-ok,#047857)}.cte-term__pill--warn{background:#f59e0b24;color:#b45309;color:var(--color-warn,#b45309)}.cte-term__pill--err{background:#dc26261f;color:#b91c1c;color:var(--color-err,#b91c1c)}.cte-term__form{display:flex;flex:1 1;flex-direction:column;gap:8px}.cte-term__input,.cte-term__select,.cte-term__textarea{background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;color:#111827;color:var(--color-text,#111827);font:inherit;font-size:13.5px;padding:8px 10px;width:100%}.cte-term__textarea{line-height:1.5;min-height:70px;resize:vertical}.cte-term__input:focus,.cte-term__select:focus,.cte-term__textarea:focus{border-color:#2563eb;border-color:var(--color-accent,#2563eb);outline:2px solid #2563eb;outline:2px solid var(--color-accent,#2563eb);outline-offset:1px}.cte-term__row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.cte__btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;gap:4px;padding:6px 10px;transition:background-color .15s,border-color .15s,color .15s}.cte__btn--ghost{background:#0000;border-color:#e5e7eb;border-color:var(--color-border,#e5e7eb);color:#111827;color:var(--color-text,#111827)}.cte__btn--ghost:hover:not(:disabled){background:#f9fafb;background:var(--color-surface-2,#f9fafb)}.cte__btn--primary{background:#2563eb;background:var(--color-accent,#2563eb);color:#fff}.cte__btn--primary:hover:not(:disabled){background:#1d4ed8;background:var(--color-accent-hover,#1d4ed8)}.cte__btn--ghost:disabled,.cte__btn--primary:disabled{cursor:not-allowed;opacity:.55}.cte__btn--danger{color:#b91c1c;color:var(--color-err,#b91c1c)}.cte__btn--danger:hover:not(:disabled){background:#dc262614}.cte__footer{align-items:center;background:#fff;background:var(--color-surface,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);bottom:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:6px;padding:10px 0 0;position:-webkit-sticky;position:sticky}.cte__footer-count{color:#111827;color:var(--color-text,#111827);font-size:13px;font-weight:600}.cte__footer-err{color:#b91c1c;color:var(--color-err,#b91c1c);font-size:12px}.cte__footer-actions{-webkit-margin-start:auto;align-items:center;display:flex;gap:8px;margin-inline-start:auto}@media (max-width:720px){.cte{padding:12px}.cte__head{align-items:stretch;flex-direction:column}.cte-sec__toggle{flex-wrap:wrap}.cte-sec__pill{order:3}}@media (prefers-reduced-motion:reduce){.cte__btn{transition:none}}.term-attachments{border-top:1px dashed #dde1e6;border-top:1px dashed var(--color-border,#dde1e6);margin-top:10px;padding-top:10px}.term-attachments__list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 8px;padding:0}.term-attachments__item{align-items:center;display:flex;font-size:13px;gap:6px}.term-attachments__item svg{color:#e67e22;color:var(--color-accent,#e67e22);flex-shrink:0}.term-attachments__item a{color:#1a496b;color:var(--color-primary,#1a496b);font-weight:600;max-width:240px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.term-attachments__item a:hover{text-decoration:underline}.term-attachments__by{color:#6c7680;color:var(--color-text-secondary,#6c7680);font-size:11px}.term-attachments__actions{align-items:center;display:flex;gap:10px}.term-attachments__btn{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #dde1e6;border:1px solid var(--color-border,#dde1e6);border-radius:6px;border-radius:var(--radius-md,6px);color:#1a496b;color:var(--color-primary,#1a496b);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:background .15s ease,border-color .15s ease}.term-attachments__btn:hover:not(:disabled){background:#f0f6fa;background:var(--color-primary-50,#f0f6fa);border-color:#2a6a96;border-color:var(--color-primary-light,#2a6a96)}.term-attachments__btn:disabled{cursor:not-allowed;opacity:.6}.term-attachments__count{align-items:center;color:#e67e22;color:var(--color-accent,#e67e22);display:inline-flex;font-size:12px;font-weight:600;gap:4px}.term-attachments__error{color:#e74c3c;color:var(--color-danger,#e74c3c);font-size:12px;margin:6px 0 0}.term-attachments__spin{animation:term-att-spin 1s linear infinite}@keyframes term-att-spin{to{transform:rotate(1turn)}}.doc-review{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.doc-review__btn{align-items:center;background:#e67e22;background:var(--color-accent,#e67e22);border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:transform .15s ease}.doc-review__btn:hover:not(:disabled){transform:translateY(-1px)}.doc-review__btn:disabled{cursor:not-allowed;opacity:.6}.doc-review__badge{align-items:center;background:#ebeef1;background:var(--neutral-100,#ebeef1);border-radius:999px;color:#3a4550;color:var(--neutral-700,#3a4550);display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px}.doc-review__badge--awaiting_supplier_doc{background:#fbf0da;color:#986e1b}.doc-review__badge--completed{background:#def7e9;color:#1c7d44}.doc-review__error{color:#e74c3c;color:var(--color-danger,#e74c3c);font-size:12px}.doc-review__spin{animation:doc-review-spin 1s linear infinite}@keyframes doc-review-spin{to{transform:rotate(1turn)}}.supplier-agreements-container{background-color:var(--neutral-50);min-height:100vh}.supplier-agreements-page{background-color:var(--neutral-50);direction:inherit;margin:0 auto;max-width:1400px;min-height:calc(100vh - 70px);padding:30px 20px}.page-header-modern{background:linear-gradient(135deg,#1d222a,#292e38 60%,#303540);border:1px solid #ffffff0f;border-radius:var(--radius-xl);box-shadow:inset 0 1px 0 #ffffff0a,0 12px 28px -16px #0e121b73;margin-bottom:22px;overflow:hidden;padding:22px 28px;position:relative}.page-header-modern:after{background:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent-light) 65%,#0000 100%);content:"";height:3px;inset-block-start:0;inset-inline:0;opacity:.95;pointer-events:none;position:absolute}.page-header-modern:before{background:radial-gradient(ellipse,#ffffff0f 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-20%;top:-50%;transform:rotate(-15deg);width:60%}.header-content{gap:18px;position:relative;z-index:1}.header-content,.header-icon{align-items:center;display:flex}.header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f4882a40,#f2780d26);border:1px solid #f5933d59;border-radius:var(--radius-xl);box-shadow:inset 0 1px 0 #ffffff0f,0 4px 12px -6px #91480859;color:#ffdec2;flex-shrink:0;height:56px;justify-content:center;width:56px}.header-icon svg{height:26px;width:26px}.header-text h1{color:#fff;font-family:var(--font-display);font-size:clamp(22px,2.6vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:4px}.header-text p{color:#f2eae3d9;font-family:var(--font-family);font-size:14px;letter-spacing:.01em;margin:0}.info-banner{border-left:4px solid var(--color-accent);gap:16px;margin-bottom:24px;padding:20px 24px}.banner-content strong{color:var(--color-accent-hover);display:block;font-family:var(--font-display);font-size:15px;margin-bottom:6px}.banner-content p{color:var(--color-accent);font-size:14px;line-height:1.6;margin:0}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{box-shadow:var(--shadow-sm);overflow:hidden;padding:25px;position:relative;transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out)}.stat-card:before{background:var(--color-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base) var(--ease-out)}.stat-card:hover{box-shadow:var(--shadow-lg)}.stat-card:hover:before{transform:scaleX(1)}.stat-card.urgent{background:linear-gradient(135deg,#fef3c8,#fbe193);border:1px solid #f59f0a}.stat-card.urgent:before{background:linear-gradient(90deg,#f59f0a,#da7d0b);transform:scaleX(1)}.stat-icon{border-radius:var(--radius-xl);height:48px;width:48px}.stat-icon.all{background:linear-gradient(135deg,var(--color-accent-subtle),hsla(var(--accent-h),var(--accent-s),88%,1));color:var(--color-accent)}.stat-icon.action{background:linear-gradient(135deg,#fef3c8,#fbe193);color:#da7d0b}.stat-icon.action.idle{background:linear-gradient(135deg,var(--neutral-100) 0,var(--neutral-50) 100%);color:var(--neutral-500)}.stat-icon.review{background:linear-gradient(135deg,#e0e8ff,#c3d3fd);color:#6467f2}.stat-icon.approved{background:linear-gradient(135deg,#d5fbe9,#a7f6cd);color:#10b77f}.stat-info{flex:1 1}.stat-label{font-family:var(--font-family);font-size:14px;font-weight:600;margin-bottom:4px}.stat-value{font-size:32px}.filter-tabs{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:12px;margin-bottom:24px;padding:8px}.filter-tabs .tab{align-items:center;background:#0000;border:none;display:flex;font-weight:500;gap:8px;padding:12px 24px}.filter-tabs .tab:hover{color:var(--neutral-700)}.filter-tabs .tab .badge{background:#ef4343;border-radius:var(--radius-full);color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:2px 8px}.filter-tabs .tab.active .badge{background:#fff;color:var(--color-accent)}.agreements-list{display:flex;flex-direction:column;gap:20px}.agreement-card{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out)}.agreement-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.agreement-card.action-required{border:2px solid #f59f0a}.action-required-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#f59f0a,#f7c326);border-radius:var(--radius-full);color:#fff;display:flex;font-family:var(--font-mono);font-size:12px;font-weight:600;gap:6px;padding:6px 12px;position:absolute;right:16px;top:16px;z-index:2}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.action-required-badge{animation:none}.agreement-card,.stat-card{transition:none}}.card-header{background:linear-gradient(135deg,var(--neutral-50) 0,#fff 100%);background:linear-gradient(135deg,var(--neutral-50) 0,var(--color-card,#fff) 100%);padding:24px}.header-main{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.agreement-info{flex:1 1}.agreement-number{color:var(--neutral-500);font-family:var(--font-mono);font-size:13px;font-weight:500}.agreement-title{color:var(--neutral-900);font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.02em;margin-top:4px}.status-badge{border:1px solid;display:inline-flex;padding:6px 14px}.header-meta{display:flex;flex-wrap:wrap;gap:16px}.header-meta span{align-items:center;color:var(--neutral-500);display:flex;font-size:13px;gap:6px}.header-meta .order-ref{color:#10b77f;font-family:var(--font-mono);font-weight:500}.card-body{padding:24px}.client-section{align-items:center;background:var(--neutral-50);border-radius:var(--radius-xl);display:flex;gap:12px;margin-bottom:20px;padding:16px}.client-section svg{color:var(--neutral-500)}.client-info{display:flex;flex-direction:column}.client-info .label{color:var(--neutral-400);font-size:12px}.client-info .name{color:var(--neutral-900);font-family:var(--font-display);font-size:16px;font-weight:600}.client-section--anon{grid-gap:12px;align-items:center;background:linear-gradient(135deg,var(--neutral-50) 0,#fff 100%);background:linear-gradient(135deg,var(--neutral-50) 0,var(--color-card,#fff) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px;overflow:hidden;padding:14px 18px;position:relative}.client-section--anon:before{background:linear-gradient(180deg,var(--color-accent) 0,hsla(var(--accent-h),var(--accent-s),60%,0) 100%);bottom:0;content:"";inset-inline-start:0;opacity:.7;position:absolute;top:0;width:3px}.anon-client{align-items:center;display:flex;gap:12px;min-width:0}.anon-client__icon{align-items:center;background:var(--color-accent-subtle);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px hsla(var(--accent-h),var(--accent-s),70%,.25),0 1px 0 #ffffffb3;color:var(--color-accent);display:inline-flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.anon-client--region .anon-client__icon{background:#d5fbe9;box-shadow:inset 0 0 0 1px #10b77f2e,0 1px 0 #ffffffb3;color:#10b77f}.anon-client__text{display:flex;flex-direction:column;min-width:0}.anon-client__label{color:var(--neutral-500);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.anon-client__value{color:var(--neutral-900);font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pricing-breakdown{margin-bottom:20px}.pricing-breakdown h4{align-items:center;color:var(--neutral-700);display:flex;font-family:var(--font-display);font-size:15px;font-weight:600;gap:8px;letter-spacing:-.02em;margin-bottom:12px}.pricing-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.pricing-item{background:var(--neutral-50);border-radius:var(--radius-lg);padding:12px 16px;text-align:center}.pricing-item .label{color:var(--neutral-500);display:block;font-size:12px}.pricing-item .value{color:var(--neutral-900);display:block;font-family:var(--font-mono);font-size:16px;font-weight:600}.pricing-item.total{background:linear-gradient(135deg,var(--color-accent-subtle) 0,hsla(var(--accent-h),var(--accent-s),88%,1) 100%)}.pricing-item.total .value{color:var(--color-accent)}.pricing-item.total.muted{background:var(--neutral-100);border:1px solid var(--color-border)}.pricing-item.total.muted .label{color:var(--neutral-600)}.pricing-item.total.muted .value{color:var(--neutral-800);font-weight:600}.delivery-timeline{margin-bottom:20px}.delivery-timeline h4{align-items:center;color:var(--neutral-700);display:flex;font-family:var(--font-display);font-size:15px;font-weight:600;gap:8px;letter-spacing:-.02em;margin-bottom:12px}.timeline-items{display:flex;gap:16px}.timeline-item{align-items:center;background:var(--neutral-50);border-radius:var(--radius-lg);display:flex;flex:1 1;gap:12px;padding:16px}.timeline-item .label,.timeline-item svg{color:var(--neutral-500)}.timeline-item .label{display:block;font-size:12px}.timeline-item .value{color:var(--neutral-900);display:block;font-family:var(--font-mono);font-size:15px;font-weight:600}.terms-section{background:var(--neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:20px;padding:20px}.terms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.terms-header h4{color:var(--neutral-700);font-size:15px;font-weight:600;gap:8px;letter-spacing:-.02em;margin:0}.btn-add-term,.terms-header h4{align-items:center;display:flex;font-family:var(--font-display)}.btn-add-term{background:#10b77f;border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--transition-fast) var(--ease-out)}.btn-add-term:hover{background:#0d9b6c}.info-note{align-items:center;background:#fef3c8;border-radius:var(--radius-lg);color:#b35309;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:12px}.no-terms{color:var(--neutral-400);font-size:14px;padding:20px;text-align:center}.terms-list{display:flex;flex-direction:column;gap:12px}.term-item{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px}.term-item.pending_your_response{background:#fffbeb;border-left:4px solid #f59f0a}.term-item.pending_client_response{border-left:4px solid var(--color-accent)}.term-item.accepted{border-left:4px solid #10b77f}.term-item.rejected{border-left:4px solid #ef4343}.term-item.suspended{background:#fffaf0;border-left:4px solid #f59f0a;opacity:.7}.term-item.cancelled{background:#fff0f0;border-left:4px solid #dc3848;opacity:.5}.term-item.fillable,.term-item.fillable.pending_your_response{background:#faf5ff;border-left:4px solid #6812f3}.fillable-badge{background:#6812f3;border-radius:var(--radius-full);color:#fff;display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:500;margin-left:8px;margin-right:8px;padding:2px 8px}.term-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.term-title{color:var(--neutral-900);font-family:var(--font-display);font-weight:600}.term-status{border-radius:var(--radius-full);font-family:var(--font-mono);font-size:12px;font-weight:500;padding:4px 10px}.term-status.pending_your_response{background:#fef3c8;color:#b35309}.term-status.pending_client_response{background:var(--color-accent-subtle);color:var(--color-accent-hover)}.term-status.accepted{background:#d5fbe9;color:#097256}.term-status.rejected{background:#fee1e1;color:#ba1c1c}.term-status.suspended{background:#fef3c8;color:#856300}.term-status.cancelled{background:#f9dcdf;color:#7a1a2a}.term-content{color:var(--neutral-600);font-size:14px;line-height:1.6;margin-bottom:8px}.term-proposer{color:var(--neutral-400);font-family:var(--font-mono);font-size:12px}.term-actions{border-top:1px solid var(--color-border);display:flex;gap:10px;margin-top:12px;padding-top:12px}.btn-accept,.btn-counter,.btn-reject{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-display);font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all var(--transition-fast) var(--ease-out)}.btn-accept{background:#d5fbe9;color:#10b77f}.btn-accept:hover{background:#a7f6cd}.btn-counter{background:var(--color-accent-subtle);color:var(--color-accent)}.btn-counter:hover{background:hsla(var(--accent-h),var(--accent-s),88%,1)}.btn-reject{background:#fee1e1;color:#dc2828}.btn-reject:hover{background:#fec8c8}.review-notice{align-items:flex-start;background:linear-gradient(135deg,#e0e8ff,#c3d3fd);border-radius:var(--radius-xl);display:flex;gap:14px;margin-bottom:20px;padding:20px}.review-notice svg{color:#6467f2;flex-shrink:0}.review-notice strong{color:#2e258d;display:block;font-family:var(--font-display);margin-bottom:4px}.review-notice p{color:#291fdb;font-size:14px;margin:0}.order-created-banner{align-items:center;background:linear-gradient(135deg,#d5fbe9,#a7f6cd);border-radius:var(--radius-xl);display:flex;gap:14px;margin-bottom:20px;padding:20px}.order-created-banner svg{color:#10b77f;flex-shrink:0}.order-created-banner strong{color:#097256;display:block;font-family:var(--font-display);margin-bottom:4px}.order-created-banner p{color:#058a62;font-size:14px;margin:0}.awaiting-payment-banner{align-items:center;background:linear-gradient(135deg,#cdfafe,#a1f3fc);border-radius:var(--radius-xl);display:flex;gap:14px;margin-bottom:20px;padding:20px}.awaiting-payment-banner svg{color:#088eaf;flex-shrink:0}.awaiting-payment-banner strong{color:#0e7690;display:block;font-family:var(--font-display);margin-bottom:4px}.awaiting-payment-banner p{color:#088eaf;font-size:14px;margin:0}.btn-view-order{background:#fff;background:var(--color-card,#fff);border:none;border-radius:var(--radius-lg);color:#10b77f;font-family:var(--font-display);font-weight:500;margin-left:auto;padding:10px 20px;text-decoration:none;transition:all var(--transition-fast) var(--ease-out)}.btn-view-order:hover{background:#edfdf5}.rejection-banner{align-items:flex-start;background:linear-gradient(135deg,#fee1e1,#fec8c8);border-radius:var(--radius-xl);display:flex;gap:14px;margin-bottom:20px;padding:20px}.rejection-banner svg{color:#dc2828;flex-shrink:0}.rejection-banner strong{color:#ba1c1c;display:block;font-family:var(--font-display);margin-bottom:4px}.rejection-banner p{color:#c72323;font-size:14px;margin:0}.card-actions{align-items:center;background:var(--neutral-50);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:12px;min-width:0;padding:16px 24px}.card-actions>.btn-action{max-width:100%}.btn-action{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:14px;font-weight:500;gap:8px;line-height:1.2;padding:10px 18px;text-decoration:none;transition:all var(--transition-fast) var(--ease-out);white-space:nowrap}.btn-action--primary{-webkit-margin-start:auto;margin-inline-start:auto;padding-inline:22px}.btn-view{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);color:var(--neutral-700)}.btn-view:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.btn-view.btn-action--primary{background:#fff;background:var(--color-card,#fff);border-color:var(--neutral-300);box-shadow:0 1px 0 #e2e4e999}.btn-view.btn-action--primary:hover{border-color:var(--color-accent);color:var(--color-accent);color:var(--color-accent-dark,var(--color-accent))}.btn-order{background:#10b77f;border:none;color:#fff}.btn-order:hover{box-shadow:0 4px 12px #10b77f4d;transform:translateY(-1px)}.btn-finalize{background:#10b77f;border:none;color:#fff}.btn-finalize:hover{box-shadow:0 4px 12px #10b77f4d;transform:translateY(-1px)}.btn-cancel{background:#fff;background:var(--color-card,#fff);border:1px solid #fec8c8}.btn-cancel:hover{border-color:#fca6a6}.btn-export{background:#fff;background:var(--color-card,#fff);border:1px solid #c3d3fd;color:#6467f2}.btn-export:hover{background:#f0f3ff;border-color:#a1b9fc}.btn-danger{display:flex;padding:10px 20px;transition:all var(--transition-fast) var(--ease-out)}.btn-danger:hover{box-shadow:0 4px 12px #dc28284d;transform:translateY(-1px)}.btn-danger:disabled{box-shadow:none;opacity:.5;transform:none}.cancel-warning{padding:20px;text-align:center}.cancel-warning svg{margin-bottom:16px}.cancel-warning p{color:var(--neutral-500);font-size:15px;line-height:1.6}.cancel-input{margin-top:20px}.cancel-input label{color:var(--neutral-700);display:block;font-family:var(--font-display);font-weight:500;margin-bottom:8px}.cancel-input textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:14px;padding:12px;resize:vertical;width:100%}.cancel-input textarea:focus{border-color:#dc2828;box-shadow:0 0 0 3px #dc28281a;outline:none}.fill-term-input{margin-top:20px}.fill-term-input label{color:var(--neutral-700);display:block;font-family:var(--font-display);font-weight:500;margin-bottom:8px}.fill-term-input textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.fill-term-input textarea:focus{border-color:#6812f3;box-shadow:0 0 0 3px #6812f31a;outline:none}.btn-approve{background:#10b77f;border:none;color:#fff}.btn-approve:hover{box-shadow:0 4px 12px #10b77f4d;transform:translateY(-1px)}.btn-reject{background:#dc2828;border:none;color:#fff}.btn-reject:hover{box-shadow:0 4px 12px #dc28284d;transform:translateY(-1px)}.empty-state{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:60px 40px}.empty-state svg{margin-bottom:16px}.empty-state h3{color:var(--neutral-700);font-size:20px;margin-bottom:8px}.empty-state p{margin-bottom:24px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);inset:0}.modal-content{box-shadow:0 20px 60px #0000004d;max-width:500px}.modal-content.large{max-width:700px}.modal-content.modal-large{max-width:650px}.suggested-terms-section{border-bottom:1px dashed var(--color-border);margin-bottom:20px;padding-bottom:16px}.suggested-terms-section>label{color:var(--neutral-500);display:block;font-family:var(--font-display);font-size:14px;font-weight:600;margin-bottom:10px}.suggested-terms-list{display:flex;flex-wrap:wrap;gap:8px}.suggested-term-btn{background:var(--neutral-100);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--neutral-600);cursor:pointer;font-family:var(--font-family);font-size:13px;padding:8px 14px;transition:all var(--transition-fast) var(--ease-out)}.suggested-term-btn:hover{background:var(--neutral-200);border-color:var(--neutral-300)}.suggested-term-btn.selected{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.modal-header h3{color:var(--neutral-900)}.btn-close{align-items:center;background:var(--neutral-100);border:none;border-radius:var(--radius-lg);color:var(--neutral-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast) var(--ease-out);width:36px}.btn-close:hover{background:var(--neutral-200);color:var(--neutral-700)}.modal-actions{background:var(--neutral-50);border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-secondary{background:var(--neutral-100);border:none;border-radius:var(--radius-lg);color:var(--neutral-600);cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:500;padding:10px 20px;transition:all var(--transition-fast) var(--ease-out)}.btn-secondary:hover{background:var(--neutral-200)}.btn-primary{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--transition-fast) var(--ease-out)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.detail-section h4{color:var(--neutral-500);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.items-list{background:var(--neutral-50);border-radius:var(--radius-lg);overflow:hidden}.item-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--color-border);display:grid;gap:16px;grid-template-columns:2fr .5fr 1fr 1fr;padding:12px 16px}.item-row:last-child{border-bottom:none}.item-name{color:var(--neutral-700);font-weight:500}.item-qty{color:var(--neutral-500);font-family:var(--font-mono);text-align:center}.item-price,.item-total{color:var(--neutral-600);font-family:var(--font-mono);text-align:right}.item-total{font-weight:600}.payment-breakdown{background:var(--neutral-50);border-radius:var(--radius-lg);padding:16px}.breakdown-row{border-bottom:1px solid var(--color-border);color:var(--neutral-600);display:flex;justify-content:space-between;padding:10px 0}.breakdown-row:last-child{border-bottom:none}.breakdown-row.total{border-bottom:none;border-top:2px solid var(--color-border);color:var(--neutral-900);font-weight:600;margin-top:8px;padding-top:16px}.breakdown-row.total .amount{color:var(--color-accent);font-family:var(--font-mono);font-size:18px}.original-term{background:var(--neutral-50);border-radius:var(--radius-lg);margin-bottom:20px;padding:16px}.original-term .label{color:var(--neutral-500);font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.original-term p{color:var(--neutral-600);margin:0}.original-term p strong{color:var(--neutral-900)}.counter-input label{color:var(--neutral-700);display:block;font-family:var(--font-display);font-size:14px;font-weight:500;margin-bottom:8px}.counter-input textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--neutral-800);font-family:var(--font-family);font-size:15px;min-height:100px;padding:12px 16px;resize:vertical;width:100%}.counter-input textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1);outline:none}@media (max-width:1200px){.pricing-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.supplier-agreements-page{padding:16px}.page-header-modern{padding:18px 20px}.header-icon{height:48px;width:48px}.header-icon svg{height:22px;width:22px}.header-content{flex-direction:column;gap:12px;text-align:center}.header-text h1{font-size:20px}.header-text p{font-size:13px}.info-banner{flex-direction:column;padding:16px;text-align:center}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:26px}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.filter-tabs .tab{flex-shrink:0;white-space:nowrap}.header-main{align-items:stretch;flex-direction:column}.status-badge{align-self:flex-start}.action-required-badge{display:inline-flex;margin-bottom:12px;position:static}.pricing-grid{grid-template-columns:1fr}.timeline-items{flex-direction:column}.term-actions{flex-wrap:wrap}.card-actions{flex-direction:column}.btn-action{justify-content:center}.order-created-banner{flex-direction:column;text-align:center}.btn-view-order{margin-left:0;margin-top:12px}.item-row{gap:8px;grid-template-columns:1fr 1fr}.modal-content{margin:0 16px}}.terms-actions-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.btn-accept-all{align-items:center;background:#29a847;border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #29a8474d;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all var(--transition-base) var(--ease-out)}.btn-accept-all:hover{background:#23903c;box-shadow:0 6px 16px #29a84766;transform:translateY(-2px)}.btn-accept-all:active{transform:translateY(0)}.btn-undo-accept{align-items:center;background:#ffc105;border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #ffc1054d;color:#856300;cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all var(--transition-base) var(--ease-out)}.btn-undo-accept:hover{background:#e0a100;box-shadow:0 6px 16px #ffc10566;transform:translateY(-2px)}.btn-undo-accept:active{transform:translateY(0)}.term-suspended-notice{align-items:center;background:linear-gradient(135deg,#fef3c8,#fdecaf);border:1px solid #ffc105;border-radius:var(--radius-lg);color:#856300;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:8px;padding:10px 14px}.term-suspended-notice svg{color:#e0a100;flex-shrink:0}.term-cancelled-notice{align-items:center;background:linear-gradient(135deg,#f9dcdf,#f5c7cb);border:1px solid #dc3848;border-radius:var(--radius-lg);color:#7a1a2a;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:8px;padding:10px 14px}.term-cancelled-notice svg{color:#dc3848;flex-shrink:0}.term-card.suspended{background:#fffaf0;border-left:4px solid #ffc105;opacity:.7}.term-card.cancelled{background:#fff0f0;border-left:4px solid #dc3848;opacity:.5;text-decoration:line-through}[dir=rtl] .btn-accept-all,[dir=rtl] .btn-undo-accept,[dir=rtl] .term-cancelled-notice,[dir=rtl] .term-suspended-notice,[dir=rtl] .terms-actions-header{flex-direction:row-reverse}.rejection-option{background:#fef3c8;border:1px solid #f1db6a;border-radius:var(--radius-lg);margin:16px 0;padding:12px}.checkbox-label{align-items:center;color:var(--neutral-700);cursor:pointer;display:flex;font-size:14px;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.info-text{background:#f0f9ff;border-left:3px solid var(--color-accent);border-radius:var(--radius-lg);color:var(--neutral-500);font-size:13px;margin-top:12px;padding:10px 12px}[dir=rtl] .info-text{border-left:none;border-right:3px solid var(--color-accent)}.form-group{margin-bottom:16px}.form-group label{color:var(--neutral-700);font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--neutral-800);font-family:var(--font-family);font-size:14px;padding:10px 12px;transition:border-color var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1);outline:none}.btn-danger{align-items:center;background:#dc2828;border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background var(--transition-fast) var(--ease-out)}.btn-danger:hover:not(:disabled){background:#c72323}.btn-danger:disabled{background:#fca6a6;cursor:not-allowed}.shipping-modal{max-width:600px}.shipping-modal .modal-header h2{align-items:center;display:flex;gap:10px}.shipping-notice{align-items:center;background:#fef3c8;border:1px solid #ffc105;border-radius:var(--radius-lg);color:#856300;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}.shipping-notice svg{color:#da7d0b;flex-shrink:0}.shipping-method-selector{margin-bottom:24px}.shipping-method-selector>label{color:var(--neutral-800);display:block;font-family:var(--font-display);font-size:15px;font-weight:600;margin-bottom:12px}.method-options{display:flex;flex-direction:column;gap:12px}.method-option{align-items:flex-start;background:#fff;background:var(--color-card,#fff);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all var(--transition-fast) var(--ease-out)}.method-option:hover{background:var(--neutral-50);border-color:var(--color-accent)}.method-option.selected{background:var(--color-accent-subtle);border-color:var(--color-accent)}.method-option input[type=radio]{accent-color:var(--color-accent);height:18px;margin-top:3px;width:18px}.method-content{display:flex;flex-direction:column;gap:4px}.method-content strong{color:var(--neutral-800);font-family:var(--font-display);font-size:15px}.method-content span{color:var(--neutral-500);font-size:13px}.manual-shipping-form{background:var(--neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:20px;padding:20px}.manual-shipping-form .form-group{display:flex;flex-direction:column;gap:8px}.manual-shipping-form label{color:var(--neutral-700);font-family:var(--font-display);font-size:14px;font-weight:500}.shipping-company-select{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family);font-size:14px;padding:12px 16px;transition:border-color var(--transition-fast) var(--ease-out)}.shipping-company-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1);outline:none}.manual-shipping-form input[type=number]{border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:14px;padding:12px 16px;transition:border-color var(--transition-fast) var(--ease-out)}.manual-shipping-form input[type=number]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1);outline:none}.manual-shipping-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:border-color var(--transition-fast) var(--ease-out)}.manual-shipping-form textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1);outline:none}.loading-companies{background:var(--neutral-100);border-radius:var(--radius-lg);color:var(--neutral-500);padding:12px 16px;text-align:center}.api-shipping-note{padding:20px}.api-shipping-note .info-box{align-items:center;background:linear-gradient(135deg,var(--color-accent-subtle) 0,hsla(var(--accent-h),var(--accent-s),88%,1) 100%);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:16px;padding:30px;text-align:center}.api-shipping-note .info-box svg{color:var(--color-accent)}.api-shipping-note .info-box p{color:var(--color-accent-hover);font-size:14px;line-height:1.6;margin:0}.btn-finalize-shipping{min-width:200px}@media (max-width:768px){.terms-actions-header{align-items:stretch;flex-direction:column}.btn-accept-all,.btn-undo-accept{justify-content:center;width:100%}.shipping-modal{margin:10px;max-width:95%}.method-option{padding:12px}}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-card{gap:12px;padding:16px;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out),border-color var(--transition-fast) var(--ease-out)}.stat-card:hover{border-color:var(--color-accent)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-icon svg{height:20px;width:20px}.stat-content{flex:1 1;min-width:0}.stat-title{color:var(--neutral-500);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 2px;text-transform:uppercase}.stat-value{color:var(--neutral-900);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.stat-change{align-items:center;color:var(--neutral-500);display:flex;font-family:var(--font-mono);font-size:10px;gap:3px;margin-top:2px}.stat-change svg{height:10px;width:10px}.dashboard-container{background:var(--neutral-50);min-height:100vh}.dashboard-main{margin:0 auto;max-width:1400px;padding:24px 16px}.dashboard-header{margin-bottom:20px}.dashboard-header h1{color:var(--neutral-900);font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.dashboard-header p{color:var(--neutral-500);font-size:13px}.content-card{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:16px}.card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.card-title{color:var(--neutral-900);font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0}.search-box{align-items:center;background:var(--neutral-100);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:8px;min-width:200px;padding:6px 12px}.search-box input{background:#0000;border:none;color:var(--neutral-700);font-family:var(--font-family);font-size:13px;outline:none;width:100%}.search-box svg{color:var(--neutral-400);flex-shrink:0;height:16px;width:16px}.info-banner{align-items:flex-start;background:linear-gradient(135deg,var(--color-accent-subtle) 0,hsla(var(--accent-h),var(--accent-s),88%,1) 100%);border:1px solid var(--color-accent);border-radius:var(--radius-xl);display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.info-banner svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.info-banner strong{color:var(--color-accent-hover);display:block;font-family:var(--font-display);font-size:14px;margin-bottom:4px}.info-banner p{color:var(--color-accent);font-size:13px;line-height:1.5;margin:0}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-tabs .tab{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--neutral-500);cursor:pointer;font-family:var(--font-display);font-size:14px;padding:8px 16px;transition:all var(--transition-fast) var(--ease-out)}.filter-tabs .tab:hover{background:var(--neutral-100)}.filter-tabs .tab.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.earnings-list{display:flex;flex-direction:column;gap:15px}.earning-card{background:var(--neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px;transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out),border-color var(--transition-base) var(--ease-out)}.earning-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.earning-header{flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.earning-header,.earning-info{align-items:center;display:flex}.earning-info{gap:12px}.earning-id{background:var(--color-accent-subtle);border-radius:var(--radius-lg);color:var(--color-accent);font-family:var(--font-mono);font-size:13px;font-weight:600;padding:4px 10px}.order-ref{color:var(--neutral-500);font-family:var(--font-mono);font-size:13px}.order-ref,.status-badge{align-items:center;display:flex;gap:6px}.earning-body{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:15px 0}.earning-details{flex:1 1;min-width:200px}.earning-description{color:var(--neutral-800);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.client-name{color:var(--neutral-500);font-size:14px;margin:0 0 10px}.earning-meta{display:flex;flex-wrap:wrap;gap:15px}.meta-item{align-items:center;color:var(--neutral-400);display:flex;font-family:var(--font-mono);font-size:13px;gap:6px}.meta-item.paid{color:#10b77f}.meta-item svg{height:14px;width:14px}.earning-amounts{background:#fff;background:var(--color-card,#fff);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;min-width:180px;padding:12px 16px}.amount-row{display:flex;font-family:var(--font-mono);font-size:13px;justify-content:space-between}.amount-row .label{color:var(--neutral-500)}.amount-row .value{color:var(--neutral-800);font-weight:500}.amount-row.fee .value{color:#dc2828}.amount-row.net{border-top:1px dashed var(--color-border);margin-top:4px;padding-top:8px}.amount-row.net.highlight{background:linear-gradient(135deg,#edfdf5,#d5fbe9);border-radius:var(--radius-lg);border-top:none;margin-top:8px;padding:10px}.amount-row.net .label{color:var(--neutral-800);font-weight:600}.amount-row.net.highlight .label{color:#058a62}.amount-row.net .value{color:#10b77f;font-size:15px;font-weight:700}.amount-row.net.highlight .value{color:#058a62;font-size:18px}.earning-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:15px}.reference{color:var(--neutral-400);font-family:var(--font-mono);font-size:12px}.btn-view{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-family:var(--font-display);font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all var(--transition-fast) var(--ease-out)}.btn-view:hover{box-shadow:var(--shadow-accent);transform:translateY(-1px)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state svg{color:var(--neutral-300)}.empty-state h3{color:var(--neutral-500);font-family:var(--font-display);font-size:18px;letter-spacing:-.02em;margin:0 0 8px}.empty-state p{color:var(--neutral-400);font-size:14px;margin:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--color-card,#fff);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0003;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--neutral-800);font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0}.modal-header .btn-close{align-items:center;background:var(--neutral-100);border:none;border-radius:var(--radius-lg);color:var(--neutral-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast) var(--ease-out);width:32px}.modal-header .btn-close:hover{background:var(--neutral-200);color:var(--neutral-800)}.modal-body{padding:24px}.detail-section .detail-row{border-bottom:1px solid var(--neutral-100);display:flex;justify-content:space-between;padding:12px 0}.detail-section .detail-row:last-child{border-bottom:none}.detail-section .label{color:var(--neutral-500);font-size:14px}.detail-section .value{color:var(--neutral-800);font-family:var(--font-mono);font-size:14px;font-weight:500}.amounts-section{background:var(--neutral-50);border-radius:var(--radius-xl);margin-bottom:24px;padding:20px}.amounts-section h4{color:var(--neutral-800);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.02em;margin:0 0 16px}.amount-details{display:flex;flex-direction:column;gap:12px}.amount-item{display:flex;font-family:var(--font-mono);font-size:14px;justify-content:space-between}.amount-item .label{color:var(--neutral-500)}.amount-item .value{color:var(--neutral-800);font-weight:500}.amount-item.fee .value{color:#dc2828}.amount-item.net{border-top:2px solid var(--color-border);margin-top:8px;padding-top:12px}.amount-item.net.highlight-box{background:linear-gradient(135deg,#edfdf5,#d5fbe9);border-radius:var(--radius-lg);border-top:none;margin-top:12px;padding:16px}.amount-item.net .label{color:var(--neutral-800);font-weight:600}.amount-item.net.highlight-box .label{color:#058a62}.amount-item.net .value{color:#10b77f;font-size:18px;font-weight:700}.amount-item.net.highlight-box .value{color:#058a62;font-size:20px}.amount-note{background:var(--neutral-100);border-radius:var(--radius-lg);color:var(--neutral-500);font-family:var(--font-mono);font-size:12px;font-style:italic;margin-top:12px;padding:10px}.products-section{margin-top:24px}.products-section h4{color:var(--neutral-800);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.product-item{align-items:center;background:var(--neutral-50);border-radius:var(--radius-lg);display:flex;gap:12px;margin-bottom:8px;padding:12px}.product-name{color:var(--neutral-800);flex:1 1;font-size:14px}.product-qty{color:var(--neutral-500);font-size:13px}.product-qty,.product-total{font-family:var(--font-mono)}.product-total{color:var(--color-accent);font-size:14px;font-weight:600}.modal-footer{padding:16px 24px}.btn-download{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--transition-fast) var(--ease-out)}.btn-download:hover{box-shadow:var(--shadow-accent);transform:translateY(-1px)}@media (max-width:768px){.dashboard-main{padding:16px}.dashboard-header h1{font-size:22px}.dashboard-header p{font-size:13px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-card{padding:14px}.content-card .card-header{align-items:flex-start;flex-direction:column;gap:12px}.content-card .card-title{font-size:15px}.content-card .search-box{min-width:auto;width:100%}.info-banner{flex-direction:column;padding:14px;text-align:center}.info-banner strong{font-size:13px}.info-banner p{font-size:12px}.earning-card{padding:16px}.earning-header{align-items:flex-start;flex-direction:column}.earning-body{flex-direction:column;gap:15px}.earning-amounts{width:100%}.earning-footer{flex-direction:column;gap:10px}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.filter-tabs .tab{flex-shrink:0;white-space:nowrap}.modal-content{margin:10px;max-width:100%}}@media (max-width:480px){.dashboard-main{padding:12px}.dashboard-header h1{font-size:20px}.stats-grid{gap:10px;grid-template-columns:1fr}.stat-card{padding:12px}.stat-value{font-size:18px}.stat-title{font-size:10px}.earning-info{align-items:flex-start;flex-direction:column;gap:6px}.earning-meta{flex-direction:column;gap:8px}.amount-row{font-size:12px}.filter-tabs .tab{font-size:12px;padding:6px 12px}}.notifications-page{background:var(--neutral-50);min-height:100vh}.notifications-container{margin:0 auto;max-width:900px;padding:30px 24px}.notifications-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:24px}.notifications-header h1{color:var(--neutral-900);font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em}.mark-all-btn{align-items:center;background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-lg);color:var(--color-accent);cursor:pointer;display:flex;font-family:var(--font-display);font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all var(--transition-base) var(--ease-out)}.mark-all-btn:hover{background:hsla(var(--accent-h),var(--accent-s),88%,1)}.notifications-list{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.notification-item{align-items:start;border-bottom:1px solid var(--neutral-100);cursor:pointer;display:flex;gap:15px;padding:20px;position:relative;transition:all var(--transition-base) var(--ease-out)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--neutral-50)}.notification-item.unread{background:var(--color-accent-subtle)}.notification-item.unread:hover{background:hsla(var(--accent-h),var(--accent-s),93%,1)}.notification-icon{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-icon.rfq{background:#fef3c8;color:#856300}.notification-icon.order{background:#d5fbe9;color:#006b3e}.notification-icon.quotation{background:hsla(var(--accent-h),var(--accent-s),90%,1);color:var(--color-accent-hover)}.notification-icon.system{background:var(--neutral-200);color:var(--neutral-500)}.notification-content{flex:1 1;min-width:0}.notification-content h3{color:var(--neutral-900);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.notification-content p{color:var(--neutral-500);font-size:14px;line-height:1.6;margin:0 0 8px}.notification-time{color:var(--neutral-400);font-family:var(--font-mono);font-size:12px}.unread-badge{background:var(--color-accent);border-radius:var(--radius-full);flex-shrink:0;height:10px;margin-top:5px;width:10px}.delete-btn{background:none;border:none;border-radius:var(--radius-lg);color:var(--neutral-400);cursor:pointer;flex-shrink:0;opacity:0;padding:8px;transition:all var(--transition-base) var(--ease-out)}.notification-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#f9dcdf;color:#dc3848}.empty-state{color:var(--neutral-400);padding:80px 20px;text-align:center}.empty-state svg{margin-bottom:20px;opacity:.5}.empty-state p{font-size:16px}@media (max-width:768px){.notifications-container{padding:20px 16px}.notifications-header{align-items:flex-start;flex-direction:column}.notifications-header h1{font-size:24px}.notifications-header p{font-size:14px}.notifications-actions{flex-direction:column;gap:10px;width:100%}.mark-all-btn,.mark-all-read-btn{justify-content:center;width:100%}.notification-item{gap:12px;padding:15px}.notification-icon{height:35px;width:35px}.notification-content h3{font-size:15px}.notification-content p{font-size:13px}.delete-btn{margin-top:8px;opacity:1;position:static}}@media (max-width:480px){.notifications-container{padding:16px 12px}.notifications-header h1{font-size:20px}.notification-item{align-items:flex-start;flex-direction:column;padding:12px}.notification-icon{height:36px;width:36px}.notification-content h3{font-size:14px}.notification-content p{font-size:12px}.notification-time{font-size:11px}.delete-btn{align-self:flex-end;margin-top:10px}}.profile-page{background:var(--neutral-50);min-height:100vh}.profile-container{margin:0 auto;max-width:1200px;padding:30px 24px}.profile-header{margin-bottom:24px}.profile-header h1{color:var(--neutral-900);font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.profile-header p{color:var(--neutral-500);font-size:16px}.profile-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr}.profile-sidebar{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);height:-webkit-fit-content;height:fit-content;padding:30px;text-align:center}.company-logo{align-items:center;background:var(--color-accent);border-radius:var(--radius-full);color:#fff;display:flex;height:100px;justify-content:center;margin:0 auto 20px;width:100px}.profile-sidebar h2{color:var(--neutral-900);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.company-status{color:#1a9e53;font-family:var(--font-mono);font-size:14px;font-weight:600}.profile-form-card{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:30px}.form-section{border-bottom:1px solid var(--neutral-100);margin-bottom:30px;padding-bottom:30px}.form-section:last-of-type{border-bottom:none}.form-section h3{color:var(--neutral-900);font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:20px}.input-with-icon{align-items:center;background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:10px;padding:0 15px;transition:border-color var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out)}.input-with-icon:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1)}.input-with-icon svg{color:var(--neutral-400);flex-shrink:0}.input-with-icon input{border:none;flex:1 1;padding:12px 0}.form-group input,.input-with-icon input{font-family:var(--font-family);font-size:15px;outline:none}.form-group input{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 15px;transition:border-color var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out);width:100%}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1)}.save-btn{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-family:var(--font-display);font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all var(--transition-base) var(--ease-out);width:100%}.save-btn:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}@media (max-width:1024px){.profile-content{grid-template-columns:1fr}.profile-sidebar{padding:30px;text-align:center}}@media (max-width:768px){.profile-container{padding:20px 16px}.profile-header h1{font-size:24px}.profile-header p{font-size:14px}.profile-sidebar{padding:24px}.company-logo{font-size:28px;height:80px;width:80px}.profile-sidebar h2{font-size:18px}.form-row{grid-template-columns:1fr}.profile-form-card{padding:20px}.form-section{margin-bottom:24px;padding-bottom:24px}.form-section h3{font-size:16px}.form-group label{font-size:14px}}@media (max-width:480px){.profile-container{padding:16px 12px}.profile-header h1{font-size:20px}.profile-sidebar{padding:20px}.company-logo{font-size:24px;height:70px;width:70px}.profile-form-card{padding:16px}.form-section{margin-bottom:20px;padding-bottom:20px}.form-group{margin-bottom:16px}.form-group input{font-size:14px;padding:10px 12px}.input-with-icon{padding:0 12px}.input-with-icon input{font-size:14px;padding:10px 0}.save-btn{font-size:15px;padding:14px}}.settings-page{background:var(--neutral-50);min-height:100vh}.settings-container{margin:0 auto;max-width:900px;padding:30px 24px}.settings-header{margin-bottom:24px}.settings-header h1{color:var(--neutral-900);font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.settings-header p{color:var(--neutral-500);font-size:16px}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-section{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:30px}.section-header{align-items:center;color:var(--color-accent);display:flex;gap:12px;margin-bottom:25px}.section-header h2{color:var(--neutral-900);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.settings-group{display:flex;flex-direction:column;gap:20px}.setting-item{align-items:center;border-bottom:1px solid var(--neutral-100);display:flex;justify-content:space-between;padding:15px 0}.setting-item:last-child{border-bottom:none}.setting-item h3{color:var(--neutral-900);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.setting-item p{color:var(--neutral-500);font-size:14px;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:var(--neutral-300);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{border-radius:var(--radius-full);position:absolute;transition:var(--transition-base)}.slider:before{background-color:#fff;bottom:4px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:var(--color-accent)}input:checked+.slider:before{transform:translateX(24px)}[dir=rtl] input:checked+.slider:before{transform:translateX(-24px)}.form-group{margin-bottom:0}.form-group label{color:var(--neutral-900);display:block;font-family:var(--font-display);font-size:15px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:15px;outline:none;padding:12px 15px;transition:border-color var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1)}.form-group select{background:#fff;background:var(--color-card,#fff);cursor:pointer}.change-password-btn{align-items:center;background:#fef3c8;border:1px solid #ffc105;border-radius:var(--radius-lg);color:#856300;cursor:pointer;display:flex;font-family:var(--font-display);font-size:15px;font-weight:600;gap:8px;margin-top:10px;padding:14px 24px;transition:all var(--transition-base) var(--ease-out)}.change-password-btn:hover{background:#ffc105;color:#fff}.save-settings-btn{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-family:var(--font-display);font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all var(--transition-base) var(--ease-out);width:100%}.save-settings-btn:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}@media (max-width:768px){.settings-container{padding:20px 16px}.settings-header h1{font-size:24px}.settings-header p{font-size:14px}.settings-section{padding:20px}.section-header{gap:10px;margin-bottom:20px}.section-header h2{font-size:16px}.setting-item{align-items:flex-start;flex-direction:column;gap:15px}.setting-info{flex:1 1}.toggle-switch{align-self:flex-end}.change-password-btn{justify-content:center;width:100%}.form-group input,.form-group select{font-size:14px;padding:10px 12px}}@media (max-width:480px){.settings-container{padding:16px 12px}.settings-header h1{font-size:20px}.settings-section{padding:16px}.section-header{align-items:flex-start;flex-direction:column}.setting-item{padding:14px 0}.setting-item h3{font-size:14px;margin-bottom:4px}.setting-item p{font-size:12px}.toggle-switch{height:24px;width:46px}.slider:before{bottom:3px;height:18px;left:3px;width:18px}input:checked+.slider:before{transform:translateX(22px)}[dir=rtl] input:checked+.slider:before{transform:translateX(-22px)}.save-settings-btn{font-size:15px;padding:14px}.change-password-btn{font-size:14px;padding:12px 20px}}.section-header .bank-status{-webkit-margin-start:auto;align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;margin-inline-start:auto;padding:4px 10px}.bank-status--approved{background:#d1fae5;color:#065f46}.bank-status--pending{background:#fef3c7;color:#92400e}.bank-status--rejected{background:#fee2e2;color:#991b1b}.bank-status--none{background:#f1f5f9;color:#475569}.bank-hint{color:#64748b;line-height:1.6}.bank-hint,.bank-reject{font-size:13px;margin:0 0 14px}.bank-reject{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;padding:10px 12px}.edit-requests-page{background:var(--neutral-50);min-height:100vh}.edit-requests-container{margin:0 auto;max-width:1200px;padding:30px 24px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-content h1{color:var(--neutral-900);font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.header-content p{color:var(--neutral-500);font-size:15px;margin:0}.btn-refresh{align-items:center;background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--neutral-600);cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;gap:8px;padding:10px 20px;transition:all var(--transition-fast) var(--ease-out)}.btn-refresh:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.status-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:16px;padding:20px;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.active{border-width:2px}.stat-card.pending{color:#f59f0a}.stat-card.pending.active{background:#fffbeb;border-color:#f59f0a}.stat-card.approved{color:#10b77f}.stat-card.approved.active{background:#edfdf5;border-color:#10b77f}.stat-card.rejected{color:#ef4343}.stat-card.rejected.active{background:#fff0f0;border-color:#ef4343}.stat-info{display:flex;flex-direction:column}.stat-count{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1}.stat-label{color:var(--neutral-500);font-size:13px;margin-top:4px}.requests-content{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.empty-state,.error-state,.loading-state{align-items:center;color:var(--neutral-400);display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite}.empty-state svg,.error-state svg{margin-bottom:16px;opacity:.5}.empty-state h3,.error-state h3{color:var(--neutral-500);font-family:var(--font-display);font-size:18px;letter-spacing:-.02em;margin:0 0 8px}.empty-state p,.error-state p{font-size:14px;margin:0}.error-state button{background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-family:var(--font-display);margin-top:16px;padding:8px 24px}.requests-list{display:flex;flex-direction:column}.request-card{grid-gap:16px;align-items:center;border-bottom:1px solid var(--neutral-100);display:grid;gap:16px;grid-template-columns:2fr 2fr 1fr 120px 100px;padding:16px 20px;transition:background var(--transition-fast) var(--ease-out)}.request-card:hover{background:var(--neutral-50)}.request-card:last-child{border-bottom:none}.request-card.pending{border-right:4px solid #f59f0a}.request-card.approved{border-right:4px solid #10b77f}.request-card.rejected{border-right:4px solid #ef4343}.request-card.cancelled{border-right:4px solid var(--neutral-400);opacity:.7}.request-product{align-items:center;display:flex;gap:12px}.request-product .product-image{align-items:center;background:var(--neutral-100);border-radius:var(--radius-lg);color:var(--neutral-400);display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.request-product .product-image img{height:100%;object-fit:cover;width:100%}.request-product .product-info h4{color:var(--neutral-900);font-family:var(--font-display);font-size:14px;font-weight:600;margin:0 0 4px}.request-product .product-sku{color:var(--neutral-500);font-family:var(--font-mono);font-size:12px}.request-changes{display:flex;flex-direction:column;gap:4px}.changes-label{color:var(--neutral-400);font-size:11px}.changes-badges{display:flex;flex-wrap:wrap;gap:4px}.change-badge{align-items:center;background:#e2f5fd;border-radius:var(--radius-full);color:#0369a0;display:inline-flex;font-family:var(--font-mono);font-size:11px;gap:4px;padding:3px 8px}.change-badge.more{background:var(--neutral-100);color:var(--neutral-500)}.change-badge.media{background:#fef3c8;color:#b35309}.request-date{display:flex;flex-direction:column;gap:2px}.request-date .date-label{color:var(--neutral-400);font-size:11px}.request-date span:last-child{color:var(--neutral-600);font-family:var(--font-mono);font-size:13px}.request-status .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-mono);font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.status-badge.status-pending{background:#fef3c8;color:#da7d0b}.status-badge.status-approved{background:#dbfae4;color:#21c45d}.status-badge.status-rejected{background:#fee1e1;color:#dc2828}.status-badge.status-cancelled{background:var(--neutral-100);color:var(--neutral-500)}.request-actions{display:flex;gap:8px;justify-content:flex-end}.btn-cancel,.btn-view{align-items:center;background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast) var(--ease-out);width:36px}.btn-view{color:var(--color-accent)}.btn-view:hover{background:var(--color-accent-subtle);border-color:var(--color-accent)}.btn-cancel:hover{background:#fff0f0;border-color:#fec8c8}.rejection-reason{background:#fff0f0;border-radius:var(--radius-lg);grid-column:1/-1;margin-top:8px;padding:12px 16px}.rejection-reason strong{color:#dc2828;display:block;font-family:var(--font-display);font-size:12px;margin-bottom:4px}.rejection-reason p{color:#ba1c1c;font-size:13px;margin:0}.pagination{align-items:center;border-top:1px solid var(--neutral-100);display:flex;gap:16px;justify-content:center;padding:20px}.pagination button{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--neutral-600);cursor:pointer;font-family:var(--font-display);padding:8px 20px;transition:all var(--transition-fast) var(--ease-out)}.pagination button:hover:not(:disabled){background:var(--neutral-100)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:var(--neutral-500);font-family:var(--font-mono);font-size:14px}.request-details-modal{max-height:90vh;max-width:700px!important}.request-details-modal .modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:20px}.detail-section{border-bottom:1px solid var(--color-border);margin-bottom:24px;padding-bottom:20px}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h3{color:var(--neutral-900);font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.02em;margin:0 0 16px}.product-detail{background:var(--neutral-50);gap:16px;padding:16px}.product-detail,.product-detail .product-image{align-items:center;border-radius:var(--radius-lg);display:flex}.product-detail .product-image{background:var(--neutral-200);color:var(--neutral-400);height:70px;justify-content:center;overflow:hidden;width:70px}.product-detail .product-image img{height:100%;object-fit:cover;width:100%}.product-detail .product-info h4{color:var(--neutral-900);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.product-detail .product-info p{color:var(--neutral-500);font-family:var(--font-mono);font-size:13px;margin:0}.changes-list{display:flex;flex-direction:column;gap:12px}.change-item{background:var(--neutral-50);border-radius:var(--radius-lg);border-right:3px solid var(--color-accent);padding:12px 16px}.change-item .change-label{color:var(--neutral-500);display:block;font-family:var(--font-display);font-size:12px;font-weight:600;margin-bottom:6px}.change-item .change-value{color:var(--neutral-900);font-size:14px;word-break:break-word}.category-item,.spec-item{font-size:13px;padding:4px 0}.media-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-item{display:flex;flex-direction:column;gap:8px}.media-item .media-label{color:var(--neutral-500);font-size:12px}.media-item img,.media-item video{border:1px solid var(--color-border);border-radius:var(--radius-lg);height:120px;object-fit:cover;width:100%}.media-item.catalog a{align-items:center;background:var(--neutral-100);border-radius:var(--radius-lg);color:var(--color-accent);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px;text-decoration:none}.media-item.catalog a:hover{background:var(--color-accent-subtle)}.reason-text{background:#fef3c8;border-radius:var(--radius-lg);color:#b35309;font-size:14px;margin:0;padding:12px 16px}.detail-section.rejection h3{color:#dc2828}.rejection-text{background:#fee1e1;border-radius:var(--radius-lg);color:#ba1c1c;font-size:14px;margin:0;padding:12px 16px}.date-info{color:var(--neutral-500);display:block;font-family:var(--font-mono);font-size:13px;margin-top:12px}.modal-footer{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:16px 20px}.btn-cancel-request{align-items:center;background:#fee1e1;border:none;border-radius:var(--radius-lg);color:#dc2828;cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;gap:8px;padding:10px 20px;transition:all var(--transition-fast) var(--ease-out)}.btn-cancel-request:hover{background:#fec8c8}[dir=rtl] .request-card.approved,[dir=rtl] .request-card.cancelled,[dir=rtl] .request-card.pending,[dir=rtl] .request-card.rejected{border-left-style:solid;border-left-width:4px;border-right:none}[dir=rtl] .request-card.pending{border-left-color:#f59f0a}[dir=rtl] .request-card.approved{border-left-color:#10b77f}[dir=rtl] .request-card.rejected{border-left-color:#ef4343}[dir=rtl] .request-card.cancelled{border-left-color:var(--neutral-400)}[dir=rtl] .change-item{border-left:3px solid var(--color-accent);border-right:none}@media (max-width:992px){.request-card{gap:12px;grid-template-columns:1fr 1fr}.request-product{grid-column:1/-1}.request-actions{justify-content:flex-start}}@media (max-width:768px){.edit-requests-container{padding:20px 16px}.page-header{align-items:flex-start;flex-direction:column}.header-content h1{font-size:22px}.header-content p{font-size:14px}.btn-refresh{justify-content:center;width:100%}.status-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-count{font-size:24px}.request-card{grid-template-columns:1fr;padding:16px}.modal-content{margin:10px;max-height:90vh;max-width:100%;overflow-y:auto}}@media (max-width:480px){.edit-requests-container{padding:16px 12px}.header-content h1{font-size:20px}.status-stats{gap:10px;grid-template-columns:1fr}.stat-card{gap:12px;padding:14px}.stat-count{font-size:22px}.stat-label{font-size:12px}.request-card{padding:14px}.modal-footer{flex-direction:column;padding:14px 16px}.btn-cancel-request{justify-content:center;width:100%}}.subscription-page{margin:0 auto;max-width:1400px;padding:24px}.subscription-page.rtl{direction:rtl;text-align:right}.page-header{margin-bottom:32px}.page-header h1{color:var(--neutral-900);font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.page-header p{color:var(--neutral-500);font-size:16px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.current-subscription-card{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:24px}.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.subscription-header h2{color:var(--neutral-900);font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em}.status-badge{border-radius:var(--radius-full);font-family:var(--font-mono);font-size:13px;font-weight:500;padding:6px 12px}.status-badge.active{background:#dbfae4;color:#195837}.status-badge.trial{background:#fef3c8;color:#b35309}.status-badge.expired{background:#fee1e1;color:#ba1c1c}.status-badge.cancelled{background:var(--neutral-100);color:var(--neutral-600)}.status-badge.suspended{background:#fff0f0;color:#dc2828}.subscription-details{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px}.plan-info{align-items:center;display:flex;gap:16px}.plan-info .plan-icon{align-items:center;border-radius:var(--radius-xl);color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.plan-info .plan-name h3{color:var(--neutral-900);font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}.plan-info .plan-name p{color:var(--neutral-500);font-size:14px}.subscription-dates{display:flex;flex-direction:column;gap:8px}.date-item{align-items:center;color:var(--neutral-500);display:flex;font-family:var(--font-mono);font-size:14px;gap:8px}.date-item svg{font-size:16px}.days-remaining{background:hsla(var(--accent-h),var(--accent-s),90%,1);border-radius:var(--radius-lg);color:var(--color-accent-hover);display:inline-block;font-family:var(--font-mono);font-size:13px;font-weight:500;padding:6px 12px}.days-remaining.warning{background:#fef3c8;color:#b35309}.btn-cancel{background:#fee1e1;border:none;border-radius:var(--radius-lg);color:#dc2828;cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:500;margin-top:auto;padding:10px 20px;transition:background var(--transition-fast) var(--ease-out)}.btn-cancel:hover{background:#fec8c8}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.current-features{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px;width:100%}.current-features h4{color:var(--neutral-900);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.current-features ul{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;margin:0;padding:0}.current-features li{align-items:center;color:var(--neutral-600);display:flex;font-size:14px;gap:8px}.current-features li svg{color:#21c45d;flex-shrink:0}.plans-section{margin-bottom:32px}.plans-section h2{color:var(--neutral-900);font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:20px}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.plan-card{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.plan-card.current{border-color:var(--color-accent);border-width:2px}.current-badge,.default-badge{border-radius:var(--radius-full);font-family:var(--font-mono);font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:12px;top:12px;z-index:1}.rtl .current-badge,.rtl .default-badge{left:12px;right:auto}.default-badge{background:#ffffffe6;color:var(--color-accent)}.current-badge{background:#21c45d;color:#fff}.plan-header{color:#fff;padding:24px;text-align:center}.plan-header .plan-icon{font-size:32px;margin-bottom:12px}.plan-header h3{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.plan-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.plan-price .free{font-size:24px}.plan-price .amount,.plan-price .free{font-family:var(--font-display);font-weight:700}.plan-price .amount{font-size:36px;letter-spacing:-.02em}.plan-price .currency{font-family:var(--font-mono);font-size:16px}.plan-price .period{font-size:14px;opacity:.9}.plan-body{padding:24px}.plan-description{color:var(--neutral-500);font-size:14px;line-height:1.5;margin-bottom:20px}.features-list{list-style:none;margin:0 0 24px;padding:0}.features-list li{align-items:center;border-bottom:1px solid var(--neutral-100);color:var(--neutral-600);display:flex;font-size:14px;gap:10px;padding:8px 0}.features-list li:last-child{border-bottom:none}.features-list li svg{flex-shrink:0}.btn-subscribe{border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-family:var(--font-display);font-size:15px;font-weight:600;padding:14px;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);width:100%}.btn-subscribe:hover{opacity:.9;transform:scale(1.02)}.btn-subscribe.disabled,.btn-subscribe:disabled{cursor:not-allowed;opacity:.6;transform:none}.history-section{background:#fff;background:var(--color-card,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:24px}.history-section h2{color:var(--neutral-900);font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:20px}.history-table{overflow-x:auto}.history-table table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border-bottom:1px solid var(--color-border);padding:12px 16px;text-align:left}.rtl .history-table td,.rtl .history-table th{text-align:right}.history-table th{background:var(--neutral-50);color:var(--neutral-600);font-family:var(--font-display);font-size:13px;font-weight:600}.history-table td{color:var(--neutral-900);font-family:var(--font-mono);font-size:14px}@media (max-width:768px){.subscription-page{padding:16px}.page-header h1{font-size:24px}.subscription-details{flex-direction:column}.current-features ul,.plans-grid{grid-template-columns:1fr}}.payment-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.payment-modal{animation:modalSlideIn .3s var(--ease-out);background:#fff;background:var(--color-card,#fff);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:520px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.payment-modal-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.payment-modal-header h3{align-items:center;display:flex;font-family:var(--font-display);font-size:18px;font-weight:600;gap:10px;letter-spacing:-.02em;margin:0}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background var(--transition-fast) var(--ease-out);width:32px}.modal-close-btn:hover{background:#ffffff4d}.payment-modal-body{padding:24px}.payment-plan-summary{background:var(--neutral-50);border-radius:var(--radius-xl);margin-bottom:24px;padding:16px}.summary-row{align-items:center;color:var(--neutral-600);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.summary-row:not(:last-child){border-bottom:1px solid var(--color-border)}.summary-row.total{color:var(--neutral-900);font-weight:600;padding-top:12px}.total-amount{color:#21c45d;font-family:var(--font-display);font-size:20px;font-weight:700}.payment-form-group{margin-bottom:20px}.payment-form-group label{color:var(--neutral-600);display:block;font-family:var(--font-display);font-size:14px;font-weight:500;margin-bottom:8px}.payment-form-group input{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;font-family:var(--font-family);font-size:14px;padding:12px 14px;transition:border-color var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out);width:100%}.payment-form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1);outline:none}.payment-methods{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.payment-method-btn{align-items:center;background:#fff;background:var(--color-card,#fff);border:2px solid var(--color-border);border-radius:var(--radius-xl);color:var(--neutral-500);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family);font-size:13px;gap:6px;padding:14px 8px;transition:all var(--transition-fast) var(--ease-out)}.payment-method-btn.selected,.payment-method-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent)}.payment-method-btn.selected{color:var(--color-accent-hover);font-weight:500}.method-icon{font-size:24px}.payment-modal-footer{border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel-payment{background:var(--neutral-100);border:none;border-radius:var(--radius-lg);color:var(--neutral-600);cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:500;padding:12px 24px;transition:background var(--transition-fast) var(--ease-out)}.btn-cancel-payment:hover{background:var(--neutral-200)}.btn-confirm-payment{border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:600;padding:12px 32px;transition:opacity var(--transition-fast) var(--ease-out)}.btn-confirm-payment:hover{opacity:.9}.btn-cancel-payment:disabled,.btn-confirm-payment:disabled{cursor:not-allowed;opacity:.6}.plan-badge-sm{border-radius:var(--radius-lg);color:#fff;display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:500;padding:3px 8px}.status-badge.initiated{background:hsla(var(--accent-h),var(--accent-s),90%,1);color:var(--color-accent-hover)}.status-badge.processing{background:#fef3c8;color:#b35309}.status-badge.completed{background:#dbfae4;color:#195837}.status-badge.failed{background:#fee1e1;color:#ba1c1c}.status-badge.refunded{background:#f2e7fd;color:#6d21ab}@media (max-width:480px){.payment-methods{grid-template-columns:1fr}.payment-modal-footer{flex-direction:column}.payment-modal-footer button{width:100%}}.invite-page{background:#f4f6f8;background:var(--neutral-50,#f4f6f8);display:flex;flex-direction:column;min-height:100vh}.invite-topbar{align-items:center;background:#141c23;background:var(--color-primary-900,#141c23);display:flex;padding:16px 24px;padding:var(--space-4,16px) var(--space-6,24px)}.invite-brand{color:#fff;font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:18px;font-weight:700;letter-spacing:.04em}.invite-brand__accent{-webkit-margin-start:4px;color:#e67e22;color:var(--color-accent,#e67e22);margin-inline-start:4px}.invite-main{flex:1 1;margin:0 auto;max-width:1080px;padding:clamp(20px,5vw,56px) 20px;padding:clamp(20px,5vw,56px) var(--space-5,20px);width:100%}.invite-grid{grid-gap:24px;grid-gap:var(--space-6,24px);align-items:start;display:grid;gap:24px;gap:var(--space-6,24px);grid-template-columns:1fr 1fr}@media (max-width:860px){.invite-grid{grid-template-columns:1fr}}.invite-card{background:#fff;border:1px solid #dde1e6;border:1px solid var(--neutral-200,#dde1e6);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:0 1px 3px #14283c0f;box-shadow:var(--shadow-sm,0 1px 3px #14283c0f);padding:clamp(20px,3vw,32px)}.invite-eyebrow{color:#e67e22;color:var(--color-accent,#e67e22);font-size:11px;font-weight:600;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.invite-eyebrow,.invite-rfq{font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif)}.invite-rfq{color:#1a496b;color:var(--color-primary,#1a496b);font-size:clamp(1.5rem,1rem + 1.5vw,2rem);font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.invite-rfq__num{color:#141c23;color:var(--color-primary-900,#141c23);font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace)}.invite-meta{color:#6c7680;color:var(--neutral-500,#6c7680);font-size:14px;margin:0 0 20px}.invite-items__head{align-items:center;color:#505c66;color:var(--neutral-600,#505c66);display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.invite-items__head svg{color:#e67e22;color:var(--color-accent,#e67e22)}.invite-items__list{list-style:none;margin:0;padding:0}.invite-item{border-bottom:1px solid #ebeef1;border-bottom:1px solid var(--neutral-100,#ebeef1);display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:12px 0}.invite-item:last-child{border-bottom:none}.invite-item__name{color:#141c23;color:var(--neutral-900,#141c23);font-weight:500}.invite-item__qty{font-feature-settings:"tnum";color:#6c7680;color:var(--neutral-500,#6c7680);font-variant-numeric:tabular-nums;white-space:nowrap}.invite-item--empty{color:#949ca6;color:var(--neutral-400,#949ca6)}.invite-quote__title{color:#1a496b;color:var(--color-primary,#1a496b);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.25rem;font-weight:700;margin:0 0 16px}.invite-note{-webkit-border-start:3px solid #e67e22;-webkit-border-start:3px solid var(--color-accent,#e67e22);background:#fdf4ed;background:var(--color-accent-50,#fdf4ed);border-inline-start:3px solid #e67e22;border-inline-start:3px solid var(--color-accent,#e67e22);border-radius:4px;border-radius:var(--radius-sm,4px);color:#3a4550;color:var(--neutral-700,#3a4550);font-size:13px;margin:0 0 16px;padding:10px 14px}.invite-form{gap:16px}.invite-field,.invite-form{display:flex;flex-direction:column}.invite-field{gap:6px}.invite-field>span{color:#3a4550;color:var(--neutral-700,#3a4550);font-size:13px;font-weight:600}.invite-field em{color:#e67e22;color:var(--color-accent,#e67e22);font-style:normal}.invite-field input,.invite-field textarea{background:#fff;border:1.5px solid #dde1e6;border:1.5px solid var(--neutral-200,#dde1e6);border-radius:6px;border-radius:var(--radius-md,6px);box-sizing:border-box;color:#141c23;color:var(--neutral-900,#141c23);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:15px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.invite-field input:focus,.invite-field textarea:focus{border-color:#2a6a96;border-color:var(--color-primary-light,#2a6a96);box-shadow:0 0 0 3px #2a6a921f;outline:none}.invite-field textarea{resize:vertical}.invite-input-suffix{align-items:center;display:flex;position:relative}.invite-input-suffix input{-webkit-padding-end:56px;padding-inline-end:56px}.invite-cur{color:#949ca6;color:var(--neutral-400,#949ca6);font-family:monospace;font-family:var(--font-mono,monospace);font-size:13px;font-weight:600;inset-inline-end:14px;position:absolute}.invite-submit{align-items:center;background:#e67e22;background:var(--color-accent,#e67e22);border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#fff;cursor:pointer;display:inline-flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:15px;font-weight:600;gap:8px;justify-content:center;line-height:1.15;margin-top:4px;min-height:48px;padding:14px 20px;transition:transform .15s ease,box-shadow .15s ease}.invite-submit:hover:not(:disabled){box-shadow:0 4px 14px -2px #e77e2340;box-shadow:var(--shadow-accent,0 4px 14px -2px #e77e2340);transform:translateY(-2px)}.invite-submit:disabled{cursor:not-allowed;opacity:.6}.invite-submit:focus-visible{outline:2px solid #1a496b;outline:2px solid var(--color-primary,#1a496b);outline-offset:2px}.invite-error{color:#e74c3c;color:var(--color-danger,#e74c3c);font-size:13px;font-weight:500;margin:0}.invite-state{margin:40px auto;max-width:460px;text-align:center}.invite-state__icon--ok{color:#27ae60;color:var(--color-success,#27ae60)}.invite-state__icon--warn{color:#f39c12;color:var(--color-warning,#f39c12)}.invite-state__title{color:#1a496b;color:var(--color-primary,#1a496b);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.4rem;font-weight:700;margin:16px 0 8px}.invite-state__msg{color:#6c7680;color:var(--neutral-500,#6c7680);line-height:1.6;margin:0}.invite-spin{animation:invite-spin 1s linear infinite}@keyframes invite-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.invite-spin{animation:none}.invite-submit:hover:not(:disabled){transform:none}}.chat-overlay{align-items:flex-end;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0e161b8c;display:flex;inset:0;justify-content:flex-end;padding:var(--space-5);position:fixed;z-index:1000}[dir=rtl] .chat-overlay{justify-content:flex-start}.chat-container{animation:chatSlideUp .32s var(--ease-out);background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;font-family:var(--font-family);height:560px;overflow:hidden;width:400px}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{align-items:center;background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-text-on-primary);display:flex;justify-content:space-between;padding:var(--space-5);position:relative}.chat-header:before{background:linear-gradient(90deg,var(--color-accent) 0,#0000 70%);content:"";height:3px;left:0;position:absolute;right:0;top:0}[dir=rtl] .chat-header:before{background:linear-gradient(270deg,var(--color-accent) 0,#0000 70%)}.chat-header-info{align-items:center;display:flex;gap:var(--space-3)}.admin-avatar{align-items:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:50%;color:var(--color-text-on-primary);display:flex;height:40px;justify-content:center;width:40px}.chat-header h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;margin:0}.status-online{align-items:center;display:flex;font-family:var(--font-mono);font-size:11px;gap:var(--space-2);letter-spacing:.04em;margin-top:2px;opacity:.85;text-transform:uppercase}.status-online:before{background:var(--color-success);border-radius:50%;box-shadow:0 0 0 3px #22c35d40;content:"";height:8px;width:8px}.close-chat-btn{background:#ffffff14;border:1px solid #ffffff24;border-radius:var(--radius-md);color:var(--color-text-on-primary);cursor:pointer;display:flex;opacity:.85;padding:var(--space-2);transition:all var(--transition-base)}.close-chat-btn:hover{background:#ffffff26;opacity:1}.chat-messages{background:#f4f6f8;background:var(--color-bg,#f4f6f8);flex:1 1;overflow-y:auto;padding:var(--space-5)}.loading-messages{align-items:center;color:var(--color-text-muted);display:flex;font-family:var(--font-mono);font-size:var(--text-xs);height:100%;justify-content:center;letter-spacing:.04em;text-transform:uppercase}.message{animation:chatFadeIn .32s var(--ease-out);display:flex;margin-bottom:var(--space-3)}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-bubble{border-radius:var(--radius-xl);max-width:80%;padding:var(--space-3) var(--space-4)}.message.sent .message-bubble{background:var(--color-accent);border-bottom-right-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-text-on-accent)}.message.received .message-bubble{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border-light);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-text)}[dir=rtl] .message.sent .message-bubble{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-xl)}[dir=rtl] .message.received .message-bubble{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-sm)}.message-bubble p{word-wrap:break-word;font-size:var(--text-sm);line-height:1.5;margin:0}.message-attachments{margin-top:var(--space-2)}.attachment-link{align-items:center;background:#ffffff2e;border-radius:var(--radius-md);color:inherit;display:flex;font-family:var(--font-mono);font-size:11px;gap:var(--space-2);margin-top:4px;padding:6px var(--space-3);text-decoration:none;transition:background var(--transition-base)}.message.received .attachment-link{background:#f4f6f8;background:var(--color-bg,#f4f6f8);border:1px solid var(--color-border-light)}.attachment-link:hover{background:#ffffff47}.message.received .attachment-link:hover{background:var(--color-info-bg);border-color:var(--color-accent)}.attachment-link span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;margin-top:4px;opacity:.7;text-align:right}[dir=rtl] .message-time{text-align:left}.chat-input-wrapper{background:#fff;background:var(--color-surface,#fff);border-top:1px solid var(--color-border-light);padding:var(--space-4)}.attachments-preview{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.preview-item{align-items:center;background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-md);color:var(--color-text);display:flex;font-family:var(--font-mono);font-size:11px;gap:var(--space-2);padding:5px var(--space-3)}.preview-item button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;padding:2px;transition:color var(--transition-base)}.preview-item button:hover{color:var(--color-danger)}.chat-input-form{align-items:center;display:flex;gap:var(--space-3)}.attach-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;padding:var(--space-2);transition:color var(--transition-base)}.attach-btn:hover{color:var(--color-accent)}.chat-input-form input[type=text]{background:#f4f6f8;background:var(--color-bg,#f4f6f8);border:1px solid var(--color-border);border-radius:var(--radius-2xl);color:var(--color-text);flex:1 1;font-family:var(--font-family);font-size:var(--text-sm);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.chat-input-form input[type=text]::placeholder{color:var(--color-text-muted)}.chat-input-form input[type=text]:focus{background:#fff;background:var(--color-surface,#fff);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.send-btn{align-items:center;background:var(--color-accent);border:none;border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-text-on-accent);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-base) var(--ease-out);width:40px}.send-btn:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.send-btn:disabled{background:var(--color-border);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed}.attachment-preview-media{border:1px solid #ffffff2e;border-radius:var(--radius-lg);margin:var(--space-2) 0;max-width:220px;overflow:hidden}.message.received .attachment-preview-media{border-color:var(--color-border-light)}.attachment-preview-media img{cursor:pointer;display:block;height:auto;transition:transform var(--transition-base);width:100%}.attachment-preview-media img:hover{transform:scale(1.02)}.attachment-preview-media video{display:block;height:auto;max-height:180px;width:100%}.media-preview-modal{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#070b0deb;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.close-preview-btn{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;color:#fff;cursor:pointer;padding:var(--space-3);position:absolute;right:20px;top:20px;transition:all var(--transition-base)}.close-preview-btn:hover{background:#ffffff38;transform:scale(1.05)}.media-preview-content{max-height:90vh;max-width:90vw}.media-preview-content img,.media-preview-content video{max-height:90vh;max-width:100%;object-fit:contain}[dir=rtl] .close-preview-btn{left:20px;right:auto}@media (max-width:480px){.chat-overlay{padding:0}.chat-container{border:none;border-radius:0;height:100%;width:100%}}.chat-fab{animation:chatFabPulse 2.4s ease-in-out infinite;background:var(--color-accent);border:none;border-radius:50%;bottom:30px;box-shadow:var(--shadow-lg),0 0 0 4px var(--color-accent-glow);cursor:pointer;height:60px;position:fixed;right:30px;transition:all var(--transition-base) var(--ease-out);width:60px;z-index:999}.chat-fab,.chat-fab .unread-badge{align-items:center;color:var(--color-text-on-accent);display:flex;justify-content:center}.chat-fab .unread-badge{font-feature-settings:"tnum";animation:none;background:var(--color-accent-dark);border-radius:10px;box-shadow:0 0 0 2px var(--color-surface);font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;height:20px;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px}[dir=rtl] .chat-fab{left:30px;right:auto}[dir=rtl] .chat-fab .unread-badge{left:-4px;right:auto}.chat-fab:hover{animation-play-state:paused;background:var(--color-accent-dark);box-shadow:var(--shadow-xl),0 0 0 6px var(--color-accent-glow);transform:translateY(-2px) scale(1.06)}@keyframes chatFabPulse{0%,to{box-shadow:var(--shadow-lg),0 0 0 4px var(--color-accent-glow)}50%{box-shadow:var(--shadow-xl),0 0 0 10px #e77e232e}}@media (max-width:768px){.chat-fab{bottom:20px;height:56px;right:20px;width:56px}[dir=rtl] .chat-fab{left:20px;right:auto}}.App{min-height:100vh}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}*{scrollbar-color:var(--neutral-300) var(--neutral-100);scrollbar-width:thin}.loading-screen{align-items:center;background:var(--color-primary);color:var(--color-text-on-primary);display:flex;flex-direction:column;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;gap:var(--space-5);justify-content:center;letter-spacing:-.01em;min-height:100vh}.loading-screen:before{animation:loadingSpin .8s var(--ease-in-out) infinite;border:3px solid #fff3;border-radius:50%;border-top:3px solid var(--color-accent);content:"";height:44px;width:44px}@keyframes loadingSpin{to{transform:rotate(1turn)}}a,button,input,select,textarea{transition:all var(--transition-fast)}a{color:var(--color-primary-light);text-decoration:none}a:hover{color:var(--color-primary)}button{cursor:pointer;font-family:inherit}input,select,textarea{color:var(--color-text);font-family:inherit;font-size:var(--text-base)}input::placeholder,textarea::placeholder{color:var(--neutral-400)}
/*# sourceMappingURL=main.0dc3d9cd.css.map*/