@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap";:root{--primary: #1F73B7;--secondary: #2EBF91;--accent: #F4A261;--success: #28A745;--warning: #FFC107;--danger: #DC3545;--bg: #F9FAFB;--card: #FFFFFF;--text: #1A1A1A;--muted: #6B7280;--border: rgba(128, 128, 128, .305);--input: rgba(128, 128, 128, .063);--font-h1: 28px;--font-h2: 24px;--font-h3: 20px;--font-body: 14px;--font-small: 12px;--weight-regular: 400;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-5: 40px;--spacing-6: 48px;--spacing-8: 64px;--radius: 8px;--radius-sm: 4px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--card-padding: 20px;--page-padding: 24px;--sidebar-width: 240px;--topbar-height: 64px;--content-max-width: 1400px;--btn-height-desktop: 44px;--input-height-desktop: 44px;--btn-height-small: 36px;--btn-height-large: 52px;--card-shadow: 0 6px 18px rgba(31, 115, 183, .06);--transition-fast: .2s ease}.pending-disabled{opacity:.6!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(.5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,system-ui,-apple-system,sans-serif;font-weight:var(--weight-regular);background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:var(--font-h1);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:var(--spacing-2)}h2{font-size:var(--font-h2);font-weight:var(--weight-semibold);margin-bottom:var(--spacing-2)}h3{font-size:var(--font-h3);font-weight:var(--weight-semibold);margin-bottom:var(--spacing-1)}p,.body-text{font-size:var(--font-body);font-weight:var(--weight-regular);color:var(--text)}small,.small-text{font-size:var(--font-small);font-weight:var(--weight-regular);color:var(--muted)}a{color:var(--primary);text-decoration:none;font-weight:var(--weight-semibold);transition:opacity var(--transition-fast)}a:hover{opacity:.8}button,input,textarea,select{font-family:inherit;font-weight:inherit}::placeholder{font-weight:500;opacity:1}:-ms-input-placeholder{font-weight:500}::-ms-input-placeholder{font-weight:500}::-webkit-input-placeholder{font-weight:500}[dir=rtl] body{font-family:Noto Kufi Arabic,Cairo,system-ui,-apple-system,sans-serif}[dir=rtl] *{font-family:Noto Kufi Arabic,Cairo,system-ui,-apple-system,sans-serif;letter-spacing:0!important}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] p,[dir=rtl] label,[dir=rtl] span,[dir=rtl] button,[dir=rtl] td,[dir=rtl] th,[dir=rtl] li{text-align:right}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right;direction:rtl}[dir=rtl] input[type=number],[dir=rtl] input[type=tel],[dir=rtl] input[type=email]{direction:ltr;text-align:left}[dir=rtl] p,[dir=rtl] li,[dir=rtl] .body-text{line-height:1.8}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1f73b733;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#1f73b780}.glass-panel{background:#ffffffb3!important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #1f73b70d}.hover-lift{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #1f73b71f}input:focus,textarea:focus,select:focus{outline:none!important;box-shadow:0 0 0 3px #1f73b733!important;border-color:#1f73b7!important;transition:all .3s ease}button{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease,filter .2s ease}button:active{transform:scale(.96)}.card{background-color:var(--card);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:var(--card-padding);border:1px solid transparent}.card--accent-border{border-left:4px solid var(--accent)}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.input-label{font-size:var(--font-body);font-weight:var(--weight-regular);color:var(--text)}.input-container{position:relative;display:flex;align-items:center}.input-field{width:100%;height:var(--input-height-desktop);padding:0 var(--spacing-2);border:1px solid rgba(128,128,128,.305);border-radius:var(--radius);font-size:var(--font-body);color:var(--text);background-color:var(--bg);transition:border-color var(--transition-fast);outline:none}.input-field::placeholder{font-size:var(--font-body);color:var(--muted);font-weight:400;opacity:1}.input-field:focus{border:2px solid var(--primary);background-color:#fff}.input-field:disabled{background-color:var(--bg);cursor:not-allowed;opacity:.7}.input-field--error{border-color:var(--danger)}.input-field--with-icon{padding-right:var(--spacing-5)}.input-container--with-prefix{background-color:var(--bg)}.input-prefix{padding-left:var(--spacing-2);padding-right:var(--spacing-1);color:var(--muted);font-size:var(--font-body);font-weight:500;pointer-events:none;white-space:nowrap}.input-field--with-prefix{padding-left:.5rem}.input-icon{position:absolute;right:var(--spacing-2);top:0;bottom:0;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer}.input-icon:hover{color:var(--text)}.input-error-msg{font-size:var(--font-small);color:var(--danger)}[dir=rtl] .input-container{flex-direction:row-reverse}[dir=rtl] .input-prefix{padding-right:var(--spacing-2);padding-left:var(--spacing-1)}[dir=rtl] .input-field--with-prefix{padding-right:.5rem;padding-left:var(--spacing-2)}[dir=rtl] .input-icon{right:auto;left:var(--spacing-2)}[dir=rtl] .input-field--with-icon{padding-right:var(--spacing-2);padding-left:var(--spacing-5)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;gap:var(--spacing-1);white-space:nowrap;font-family:inherit;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{color:#fff!important;background:#111!important;border:none!important;position:relative;z-index:0;transition:all .3s ease}.btn--primary:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);-webkit-filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:var(--radius)}.btn--primary:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:var(--radius)}.btn--primary:hover:not(:disabled){transform:scale(1.03) translateY(-2px)}.btn--secondary{background-color:var(--secondary);color:#fff;border-color:var(--secondary)}.btn--secondary:hover:not(:disabled){filter:brightness(1.05)}.btn--outline{background-color:transparent;border:1px solid #CBD5E1;color:var(--text)}.btn--outline:hover:not(:disabled){border-color:var(--border);color:var(--text);background-color:#1f73b70f}.btn--ghost{background-color:transparent;color:var(--muted);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:#000;color:var(--text)}.btn--danger{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn--danger:hover:not(:disabled){filter:brightness(.9)}.btn--sm{height:var(--btn-height-small);padding:0 var(--spacing-2);font-size:var(--font-small)}.btn--md{height:var(--btn-height-desktop);padding:0 var(--spacing-3);font-size:var(--font-body)}.btn--lg{height:var(--btn-height-large);padding:0 var(--spacing-4);font-size:var(--font-h3)}.btn--full{width:100%}.checkbox-container{display:inline-flex;align-items:center;cursor:pointer;font-size:var(--font-body);color:var(--text);-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;display:inline-flex;justify-content:center;align-items:center;height:17px;width:17px;background-color:#fff;border:2px solid var(--border, #cbd5e1);border-radius:4px;margin-right:var(--spacing-1);transition:all var(--transition-fast)}.checkbox-container input:checked~.checkmark{background-color:#000;border-color:#000}.checkmark:after{content:"";position:absolute;display:none;right:4px;top:0;width:4px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}[dir=rtl] .checkmark{margin-right:0;margin-left:var(--spacing-1)}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative;font-family:Montserrat,sans-serif}.blob-1{width:650px;height:650px;background:radial-gradient(circle,#1f73b766,#1f73b700 75%);top:-15%;right:-10%}.blob-2{width:550px;height:550px;background:radial-gradient(circle,#0ea5e94d,#0ea5e900 75%);bottom:-15%;left:-10%}.blob-3{width:500px;height:500px;background:radial-gradient(circle,#38bdf840,#38bdf800 75%);top:15%;left:8%}.blob-4{width:550px;height:550px;background:radial-gradient(circle,#3b82f633,#3b82f600 75%);top:45%;right:2%}.login-title{display:block;width:100%;color:#1f73b7;text-align:center!important;font-size:2.2rem;font-weight:950;margin-bottom:-.2rem;text-transform:capitalize;letter-spacing:-.04em;position:relative}.login-subtitle{display:block;width:100%;text-align:center!important;font-size:.9rem;font-weight:500;color:#666;opacity:.8;margin:0}.login-card{position:relative;z-index:10;width:100%;max-width:440px;margin:0 auto;background:#ffffffa6!important;-webkit-backdrop-filter:blur(25px) saturate(200%);backdrop-filter:blur(25px) saturate(200%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000000a;overflow:hidden}.card-mesh-aura-layer{position:absolute;inset:0;pointer-events:none;z-index:0;filter:blur(50px)}.aura-blob{position:absolute;width:200px;height:200px;border-radius:50%;opacity:.12;animation:aura-orbit 25s infinite linear}.aura-blob-1{top:-50px;left:-50px;background:radial-gradient(circle,rgba(31,115,183,.6),transparent 70%)}.aura-blob-2{bottom:-50px;right:-50px;background:radial-gradient(circle,rgba(14,165,233,.6),transparent 70%);animation-direction:reverse}@keyframes aura-orbit{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,30px) scale(1.1)}to{transform:translate(0) scale(1)}}.login-card>*:not(.card-mesh-aura-layer){position:relative;z-index:10}.login-form{display:flex;flex-direction:column;gap:var(--spacing-3);font-size:var(--font-body)}.form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-1);margin-bottom:var(--spacing-2)}.form-actions .checkbox-container{font-size:14px;font-weight:550}.forgot-password{font-size:14px;color:var(--primary);font-weight:400}.register-link{margin-top:10px;text-align:center;font-size:14px;font-weight:400;color:var(--muted)}.register-link a{color:var(--primary);font-weight:400;font-size:14px}.login-footer{position:relative;margin-top:2rem;padding-bottom:2rem;text-align:center;font-size:.65rem;font-weight:800;opacity:.3;letter-spacing:.2em;text-transform:uppercase;z-index:10}.login-error-card{background-color:#fef2f2;border:1px solid var(--danger);border-radius:var(--radius);padding:.875rem 1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;color:var(--danger);font-size:.875rem;font-weight:500}.error-icon{flex-shrink:0;color:var(--danger);font-size:1.25rem}.login-header{text-align:center;margin-bottom:2.5rem;padding:0;overflow:visible;position:relative;z-index:10}.floating-logistics-icon{position:absolute;opacity:.15;pointer-events:none;z-index:2;filter:drop-shadow(0 8px 16px rgba(0,0,0,.05));display:flex;align-items:center;justify-content:center}.icon-drift-1{top:12%;left:8%;animation:float-icon-1 25s infinite linear;font-size:3.5rem;color:#1f73b7}.icon-drift-2{top:22%;right:10%;animation:float-icon-2 28s infinite linear;font-size:4rem;color:#8b5cf6}.icon-drift-3{bottom:25%;left:12%;animation:float-icon-3 32s infinite linear;font-size:3rem;color:#f59e0b}.icon-drift-4{bottom:15%;right:15%;animation:float-icon-4 22s infinite linear;font-size:4.5rem;color:#3b82f6}.icon-drift-5{top:48%;left:5%;animation:float-icon-2 35s infinite linear;font-size:2.8rem;color:#a855f7}.icon-drift-6{bottom:45%;right:6%;animation:float-icon-1 30s infinite linear;font-size:3.2rem;color:#10b981}.login-card{position:relative;z-index:10;width:100%;max-width:440px;margin:0 auto;background:#ffffffb8!important;-webkit-backdrop-filter:blur(35px) saturate(210%);backdrop-filter:blur(35px) saturate(210%);border:1.5px solid rgba(255,255,255,.6)!important;border-radius:28px!important;box-shadow:0 20px 50px #0f172a14,0 0 0 1px #1f73b70d;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.login-card:hover{transform:translateY(-5px);box-shadow:0 30px 70px #0f172a1f,0 0 0 1px #1f73b71a;border-color:#1f73b740!important}.login-form .input-wrapper input:focus{border-color:#1f73b7!important;box-shadow:0 0 0 4px #1f73b71f!important;background:#fff!important}.login-form button[type=submit]{background:linear-gradient(135deg,#1f73b7,#0ea5e9);border-radius:14px!important;font-weight:800;letter-spacing:.02em;box-shadow:0 6px 20px #1f73b74d;transition:all .4s cubic-bezier(.16,1,.3,1)}.login-form button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1f73b773;filter:brightness(1.15)}.login-form button[type=submit]:active{transform:translateY(0);box-shadow:0 4px 10px #1f73b733}.login-logo-with-text{display:flex;justify-content:center;align-items:center;gap:10px;position:relative}.login-logo-img{height:150px;width:auto;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply;filter:drop-shadow(0 0 18px rgba(31,115,183,.4)) drop-shadow(0 6px 24px rgba(14,165,233,.3)) drop-shadow(0 2px 6px rgba(0,0,0,.12));transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.login-logo-with-text:hover .login-logo-img{transform:scale(1.1) translateY(-6px);filter:drop-shadow(0 0 28px rgba(31,115,183,.6)) drop-shadow(0 10px 36px rgba(14,165,233,.45)) drop-shadow(0 4px 10px rgba(0,0,0,.15))}.login-logo-with-text .login-title{margin:0!important;font-size:2.4rem!important;font-weight:950!important;letter-spacing:-.04em!important;line-height:1.1!important;text-align:left!important}.login-logo-tagline{display:block;font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#ffffff59;margin-top:5px;text-align:left}.signup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding-bottom:25px;position:relative;font-family:Montserrat,sans-serif}.modal-step-item.active .step-circle{color:#fff;background-color:#000;box-shadow:0 10px 30px #00000059;font-weight:700;position:relative;border:none}.blob{position:absolute;border-radius:50%;filter:blur(35px);opacity:.65;animation:float-blobs 15s infinite ease-in-out}.blob-1{width:650px;height:650px;background:radial-gradient(circle,#0056b3,#0056b300 75%);top:-15%;right:-10%}.blob-2{width:550px;height:550px;background:radial-gradient(circle,#b1008e,#b1008e00 75%);bottom:-15%;left:-10%}.blob-3{width:500px;height:500px;background:radial-gradient(circle,#4c0099,#4c009900 75%);top:15%;left:8%}.blob-4{width:550px;height:550px;background:radial-gradient(circle,#c50,#c500 75%);top:45%;right:2%}.blob-5{width:400px;height:400px;background:radial-gradient(circle,#006400,#00640000 75%);bottom:15%;right:15%}.blob-6{width:350px;height:350px;background:radial-gradient(circle,#c49120,#c4912000 75%);top:50%;left:20%}@keyframes float-blobs{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-10px) scale(1.02)}66%{transform:translate(-10px,20px) scale(.98)}}.signup-header{position:relative;z-index:10;text-align:center!important;margin-bottom:1.2rem;padding:0!important;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.signup-main-title{display:block;width:100%;text-align:center!important;font-size:2.2rem;font-weight:950;margin:0;margin-bottom:-.2rem;text-transform:capitalize;letter-spacing:-.04em;position:relative}.gradient-heading{font-weight:950;font-size:3.2rem;background:linear-gradient(135deg,#0f172a,#1f73b7 40%,#38bdf8 60%,#0ea5e9);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;animation:gradient-flow 6s ease infinite;position:relative;display:inline-block;transition:all .5s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 8px 12px rgba(31,115,183,.3)) drop-shadow(0 4px 4px rgba(0,0,0,.1));letter-spacing:-.03em;padding:0 10px}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-heading:hover{transform:translateY(-5px) scale(1.03);filter:drop-shadow(0 15px 25px rgba(31,115,183,.45)) drop-shadow(0 8px 10px rgba(0,0,0,.15))}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.signup-subtitle{display:block;width:100%;text-align:center!important;font-size:.9rem;font-weight:500;color:#666;opacity:.8;margin:0}.signup-card{position:relative;z-index:10;width:100%;max-width:800px;margin:0 auto;padding:2.5rem;height:fit-content;background:#ffffffbf!important;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);box-shadow:0 10px 40px #0000000a;overflow:hidden}.card-mesh-aura-layer{position:absolute;inset:0;pointer-events:none;z-index:0;filter:blur(60px)}.aura-blob{position:absolute;width:300px;height:300px;border-radius:50%;opacity:.15;animation:aura-orbit 30s infinite linear}.aura-blob-1{top:-100px;left:-100px;background:radial-gradient(circle,#37A7FD,transparent 70%)}.aura-blob-2{bottom:-100px;right:-100px;background:radial-gradient(circle,#ff00c8,transparent 70%);animation-direction:reverse;animation-duration:40s}.aura-blob-3{top:50%;left:40%;width:200px;height:200px;background:radial-gradient(circle,#ffcc00,transparent 70%);animation-duration:25s;opacity:.1}@keyframes aura-orbit{0%{transform:translate(0) scale(1)}33%{transform:translate(100px,50px) scale(1.2)}66%{transform:translate(-50px,120px) scale(.9)}to{transform:translate(0) scale(1)}}.signup-card>*:not(.card-mesh-aura-layer){position:relative;z-index:10}.step-indicator{display:flex;justify-content:space-between;align-items:flex-start;margin:0 auto 3.5rem;max-width:650px;width:100%;position:relative;background:transparent!important;padding:0 20px}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;width:150px}.step-item:not(:last-child):after{content:"";position:absolute;top:24px;left:calc(50% + 24px);width:calc(100% - 48px);height:3px;background-color:#e2e8f0;z-index:-1;transition:all .4s ease}[dir=rtl] .step-item:not(:last-child):after{left:auto;right:calc(50% + 24px)}.step-item.completed:not(:last-child):after{background:linear-gradient(90deg,#10b981,#34d399)}.step-dot{width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#94a3b8;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 6px -1px #0000001a;position:relative}.step-dot.active{border-color:#3b82f6;color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a,0 8px 16px -4px #3b82f633;transform:scale(1.1);z-index:2}.step-dot.completed{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 4px 10px #10b98133;z-index:2}.step-dot.error{background:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 4px 10px #ef444433;z-index:2}.step-label{font-size:.85rem;font-weight:600;color:#94a3b8;margin-top:12px;transition:all .3s ease;text-align:center;white-space:nowrap}.step-label.active{color:#1e293b;font-weight:700}.step-label.completed{color:#10b981}.step-label.error{color:#ef4444}.step-content{margin-bottom:2rem}.inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.file-uploads-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.file-upload-field{display:flex;flex-direction:column;gap:.5rem}.file-label{font-size:var(--font-body);font-weight:var(--weight-regular);color:var(--text)}.file-input-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;background-color:#1f73b703;transition:all var(--transition-fast)}.file-input-wrapper:hover{border-color:var(--primary);background-color:#1f73b70a}.file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0}.upload-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.upload-icon{color:var(--muted);transition:color var(--transition-fast)}.upload-text{font-size:var(--font-small);color:var(--muted);transition:color var(--transition-fast)}.file-input-wrapper:hover .upload-icon,.file-input-wrapper:hover .upload-text{color:var(--primary)}.file-name{font-size:var(--font-small);color:var(--success);font-weight:500}.placeholder-text{color:var(--muted);font-style:italic;text-align:center;padding:2rem 0}.selfie-header{text-align:center;margin-bottom:2rem}.selfie-title{font-size:1.3rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.selfie-subtitle{font-size:.875rem;color:var(--muted);margin:0}.camera-container{width:100%;margin-bottom:2rem}.camera-wrapper{display:flex;flex-direction:column;gap:1rem}.video-feed{width:100%;max-width:500px;height:auto;border-radius:var(--radius);background-color:#000;display:block;margin:0 auto}.camera-controls{display:flex;gap:1rem;justify-content:center}.camera-controls .btn{flex:0 1 auto;min-width:60px}.btn--outline,.step-actions .btn.btn--outline{background:#ffffff0d!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(0,0,0,.1)!important;color:#444!important;font-weight:600!important;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn--outline:hover,.step-actions .btn.btn--outline:hover{background:#00000008!important;border-color:#0003!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.btn--outline:active,.step-actions .btn.btn--outline:active{transform:translateY(0) scale(.98)}.icon-only-btn{padding:0!important;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.btn--sm.icon-only-btn{width:36px;height:36px}.camera-input-wrapper{display:flex;align-items:center;justify-content:center;width:100%}.camera-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:2rem;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;background-color:#1f73b703;transition:all var(--transition-fast);font-family:inherit}.camera-button:hover{border-color:var(--primary);background-color:#1f73b70a}.camera-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.camera-icon{color:var(--muted);transition:color var(--transition-fast)}.camera-button:hover .camera-icon{color:var(--primary)}.camera-text{font-size:var(--font-small);color:var(--muted);transition:color var(--transition-fast)}.camera-button:hover .camera-text{color:var(--primary)}.success-message{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:2rem}.success-icon{color:var(--success)}.success-text{font-size:1rem;color:var(--success);font-weight:500}.photo-preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-image{max-width:500px;width:100%;height:auto;border-radius:var(--radius);border:2px solid var(--border)}.btn-fly{font-family:inherit;font-size:18px;color:#fff!important;padding:.7em 1.5em;display:flex;align-items:center;gap:.75rem;border:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:transparent!important;position:relative;z-index:0}.btn-fly:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;border-radius:14px;transition:opacity .3s ease-in-out;opacity:.8}.btn-fly:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:12px}.btn-fly .svg-wrapper{display:flex;align-items:center;justify-content:center}.btn-fly span{display:block;transition:all .3s ease-in-out;font-weight:600}.btn-fly:hover{transform:scale(1.05)}.btn-fly:hover:before{opacity:1}.btn-fly:hover svg{transform:scale(1.1)}.btn-fly:hover span{transform:scale(1.02)}.btn-fly:active{transform:scale(.95)}.step-actions{display:flex;gap:1.5rem;margin-top:2.5rem;justify-content:center;align-items:center}.step-actions .btn,.step-actions .btn-fly{flex:1 1 0;min-width:0;height:52px;justify-content:center}.step-actions .btn.btn--outline{height:52px}@media(max-width:640px){.step-actions{flex-direction:column;gap:.75rem}.step-actions .btn{flex:none;width:100%}}.login-redirect{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#64748b;font-weight:400}.login-redirect a{color:#3b82f6;text-decoration:none;font-weight:400}.login-redirect a:hover{text-decoration:underline}@media(max-width:640px){.signup-card{padding:1.5rem}}.verification-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;min-height:300px}.verification-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.verification-icon{color:var(--accent);animation:pulse 2s infinite;margin-bottom:2rem}.verification-title{font-size:1.3rem;font-weight:600;color:var(--text);margin:0}.verification-subtitle{font-size:.875rem;color:var(--muted);margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.error-message-container{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:var(--radius);padding:1rem;margin-bottom:2.5rem}.error-title{color:#991b1b;font-size:.875rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.error-list{margin:0;padding-left:1.25rem}.error-list-item{color:#b91c1c;font-size:.875rem;line-height:1.5;margin-bottom:.25rem}.error-list-item:last-child{margin-bottom:0}.photo-preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%}.photo-frame{width:100%;max-width:400px;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;border:3px solid var(--success);box-shadow:0 4px 12px #0000001a}.photo-img{width:100%;height:100%;object-fit:cover}.photo-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.success-badge{display:flex;align-items:center;gap:.5rem;color:var(--success);font-weight:500}.retake-button{min-width:200px!important}.otp-verification-modern{padding:2rem 0;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease-out}.otp-card-internal{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.otp-header{text-align:center}.otp-icon-wrapper{position:relative;width:70px;height:70px;background:#3b82f61a;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.otp-icon-new{color:#3b82f6;z-index:2}.icon-pulse{position:absolute;width:100%;height:100%;background:#3b82f633;border-radius:20px;animation:pulse-ring 2s infinite;z-index:1}.otp-title-new{font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.02em}.otp-subtitle-new{font-size:.95rem;color:#64748b;line-height:1.6}.user-email{color:#3b82f6;font-weight:600}.otp-digits-container{display:flex;gap:.75rem;justify-content:center}.otp-digit-input{width:54px;height:64px;border-radius:12px;border:2px solid #e2e8f0;background:#ffffff80;text-align:center;font-size:1.75rem;font-weight:700;color:#1e293b;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.otp-digit-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-2px);outline:none}.otp-digit-input.filled{border-color:#3b82f6;background:#3b82f605}.otp-footer{width:100%;display:flex;flex-direction:column;gap:1.5rem}.otp-submit-btn{height:52px!important;font-weight:600!important;letter-spacing:.01em!important;box-shadow:0 4px 12px #3b82f633!important}.otp-helper-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.step-dot.completed{background-color:#fff!important;border:3px solid #10b981!important;color:#10b981!important}.step-dot.error{background-color:#fff!important;border:3px solid #ef4444!important;color:#ef4444!important}.resend-text{font-size:.9rem;color:#64748b;margin:0}.text-btn{background:none;border:none;color:#3b82f6;font-weight:700;margin-left:.5rem;cursor:pointer;padding:0;transition:all .2s}.text-btn:hover{color:#2563eb;text-decoration:underline}.change-email-btn{background:none;border:none;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:color .2s}.change-email-btn:hover{color:#64748b}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:.4}to{transform:scale(.95);opacity:.8}}.verification-success-modern{padding:3rem 1rem;display:flex;justify-content:center;align-items:center;animation:fadeIn .8s cubic-bezier(.16,1,.3,1)}.success-content{text-align:center;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.check-icon-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.check-icon-circle{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);border-radius:50%;animation:successPulse 2s infinite}.check-icon-animated{color:#10b981;filter:drop-shadow(0 0 20px rgba(16,185,129,.4));animation:floatIcon 3s infinite ease-in-out;z-index:2}.success-title{font-size:2rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0}.success-subtitle{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0}.email-notify-card{background:#10b9810d;border:1px solid rgba(16,185,129,.1);padding:1rem 1.5rem;border-radius:16px;display:flex;align-items:center;gap:.75rem;color:#065f46;font-size:.95rem;margin:.5rem 0 1.5rem}.shield-icon{color:#10b981}.success-login-btn{width:100%;padding:1rem 2rem!important;font-size:1.1rem!important;font-weight:700!important;border-radius:14px!important;background:linear-gradient(135deg,var(--primary) 0%,#1a568d 100%)!important;box-shadow:0 10px 20px #1f73b733!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.success-login-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #1f73b74d!important}@keyframes successPulse{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.1);opacity:.8}to{transform:scale(.9);opacity:.5}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.signup-header{text-align:center;margin-bottom:2.5rem;padding:30px 0;overflow:visible;position:relative;z-index:10}.signup-container .floating-logistics-icon{position:absolute;opacity:.12;pointer-events:none;z-index:2;filter:drop-shadow(0 8px 16px rgba(0,0,0,.04));display:flex;align-items:center;justify-content:center}.signup-container .icon-drift-1{top:10%;left:6%;animation:float-icon-1 25s infinite linear;font-size:3.5rem;color:#1f73b7}.signup-container .icon-drift-2{top:18%;right:8%;animation:float-icon-2 28s infinite linear;font-size:4rem;color:#b1008e}.signup-container .icon-drift-3{bottom:22%;left:8%;animation:float-icon-3 32s infinite linear;font-size:3rem;color:#c50}.signup-container .icon-drift-4{bottom:12%;right:12%;animation:float-icon-4 22s infinite linear;font-size:4.5rem;color:#3b82f6}.signup-container .icon-drift-5{top:45%;left:4%;animation:float-icon-2 35s infinite linear;font-size:2.8rem;color:#4c0099}.signup-container .icon-drift-6{bottom:42%;right:5%;animation:float-icon-1 30s infinite linear;font-size:3.2rem;color:#006400}@keyframes float-icon-1{0%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-30px) rotate(180deg) scale(1.08)}to{transform:translateY(0) rotate(360deg) scale(1)}}@keyframes float-icon-2{0%{transform:translate(0) rotate(0) scale(1.05)}50%{transform:translate(30px,20px) rotate(-180deg) scale(.95)}to{transform:translate(0) rotate(-360deg) scale(1.05)}}@keyframes float-icon-3{0%{transform:translate(0) rotate(0)}50%{transform:translate(-20px,40px) rotate(90deg)}to{transform:translate(0) rotate(180deg)}}@keyframes float-icon-4{0%{transform:translateY(0) rotate(0) scale(.95)}50%{transform:translateY(35px) rotate(-90deg) scale(1.05)}to{transform:translateY(0) rotate(0) scale(.95)}}.signup-card{position:relative;z-index:10;width:100%;max-width:800px;margin:0 auto;padding:3rem;height:fit-content;background:#ffffffb8!important;-webkit-backdrop-filter:blur(35px) saturate(210%);backdrop-filter:blur(35px) saturate(210%);border:1.5px solid rgba(255,255,255,.6)!important;border-radius:28px!important;box-shadow:0 20px 50px #0f172a14,0 0 0 1px #1f73b70d;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.signup-card:hover{transform:translateY(-4px);box-shadow:0 30px 70px #0f172a1f,0 0 0 1px #1f73b71a;border-color:#1f73b740!important}.signup-card .input-wrapper input:focus{border-color:#1f73b7!important;box-shadow:0 0 0 4px #1f73b71f!important;background:#fff!important}@media(max-width:1024px){.signup-card{padding:2.5rem;max-width:90%}}@media(max-width:768px){.signup-card{padding:2rem;max-width:95%}.inputs-grid,.file-uploads-grid{grid-template-columns:1fr;gap:1rem}.signup-main-title{font-size:1.8rem}.gradient-heading{font-size:2.2rem}.step-indicator{overflow-x:auto;justify-content:flex-start;padding-bottom:10px}.step-item{min-width:100px}}@media(max-width:480px){.signup-container{padding:1rem}.signup-card{padding:1.5rem;border-radius:20px!important}.gradient-heading{font-size:1.8rem}.step-dot{width:36px;height:36px;font-size:.9rem}.step-label{font-size:.75rem}.success-title{font-size:1.5rem}}.login-logo-container{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;position:relative}.login-logo-img{height:75px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(31,115,183,.15));transition:all .5s cubic-bezier(.175,.885,.32,1.275);mix-blend-mode:multiply}.login-logo-container:hover .login-logo-img{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 8px 24px rgba(31,115,183,.25))}.loading-overlay{position:fixed;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .4s ease-out}.aura-container{position:absolute;width:300px;height:300px;display:flex;align-items:center;justify-content:center;filter:blur(40px);opacity:.55;z-index:1}.aura{position:absolute;width:140px;height:140px;border-radius:50%;opacity:.7;animation:auraMove 6s ease-in-out infinite}.aura-1{background:radial-gradient(circle,#3b82f6,#1d4ed8);left:20px;top:20px;animation-delay:0s}.aura-2{background:radial-gradient(circle,#ec4899,#a21caf);right:20px;top:20px;animation-delay:-2s}.aura-3{background:radial-gradient(circle,#f59e0b,#d97706);bottom:20px;left:80px;animation-delay:-4s}@keyframes auraMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.15)}66%{transform:translate(-40px,50px) scale(.85)}}.cargo-loader-hub{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;perspective:600px;margin-bottom:20px;z-index:2}.cargo-box-wrapper{width:60px;height:60px;position:relative;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(45deg);animation:boxRotate 3.5s cubic-bezier(.4,0,.2,1) infinite}.cargo-box-face{position:absolute;width:60px;height:60px;border:1.5px solid rgba(255,255,255,.95);box-shadow:inset 0 0 12px #ffffff40;border-radius:4px}.cargo-box-front{transform:rotateY(0) translateZ(30px);background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.cargo-box-back{transform:rotateY(180deg) translateZ(30px);background:#1e3a8a}.cargo-box-left{transform:rotateY(-90deg) translateZ(30px);background:linear-gradient(135deg,#2563eb,#1e40af)}.cargo-box-right{transform:rotateY(90deg) translateZ(30px);background:#1d4ed8}.cargo-box-top{transform:rotateX(90deg) translateZ(30px);background:linear-gradient(135deg,#60a5fa,#3b82f6)}.cargo-box-bottom{transform:rotateX(-90deg) translateZ(30px);background:#172554;box-shadow:0 0 20px #0006}.cargo-box-shadow{position:absolute;width:70px;height:16px;background:#0f172a14;border-radius:50%;bottom:20px;filter:blur(5px);animation:shadowPulse 3.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes boxRotate{0%{transform:rotateX(-22deg) rotateY(45deg) translateY(0)}25%{transform:rotateX(-22deg) rotateY(135deg) translateY(-14px) scale(1.03)}50%{transform:rotateX(-22deg) rotateY(225deg) translateY(0)}75%{transform:rotateX(-22deg) rotateY(315deg) translateY(-14px) scale(1.03)}to{transform:rotateX(-22deg) rotateY(405deg) translateY(0)}}@keyframes shadowPulse{0%,50%,to{transform:scale(1);opacity:.6}25%,75%{transform:scale(.75);opacity:.25}}.loading-text{position:relative;margin-top:1.5rem;font-weight:800;font-size:1.05rem;letter-spacing:5px;text-transform:uppercase;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:2;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.45;transform:scale(.98)}50%{opacity:.95;transform:scale(1.01)}}.stepper-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;margin:0 auto 2rem;padding:1rem;position:relative;z-index:2}.stepper-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.stepper-circle{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#94a3b8;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 1px #fffc;position:relative;z-index:2}.stepper-label{margin-top:.75rem;font-size:.8rem;font-weight:600;color:#94a3b8;transition:all .4s ease;white-space:nowrap;letter-spacing:.02em}.stepper-connector{position:absolute;top:22px;left:calc(50% + 45px);width:calc(100% - 90px);height:2px;background:#cbd5e1;z-index:1;transform:translateY(-50%);transition:all .6s cubic-bezier(.4,0,.2,1);opacity:.5}.stepper-connector.active{background:#1f73b7;opacity:1;height:3px;box-shadow:0 0 8px #1f73b74d}.stepper-connector.completed{background:#22c55e;opacity:1;height:3px}.stepper-connector.warning{background:#f59e0b;opacity:1;height:3px}.stepper-connector.error{background:#ef4444;opacity:1;height:3px}.stepper-item.active .stepper-circle{background:#fff;border-color:#1f73b7;color:#1f73b7;box-shadow:0 10px 25px -5px #1f73b74d,0 8px 10px -6px #1f73b733;transform:scale(1.15)}.stepper-item.active .stepper-label{color:#1f73b7;font-weight:700}.stepper-item.completed .stepper-circle{background:#22c55e;border-color:#22c55e;color:#fff;box-shadow:0 6px 15px #22c55e33}.stepper-item.completed .stepper-label{color:#22c55e}.stepper-item.passed-invalid .stepper-circle{background:#fff;border-color:#f59e0b;color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.stepper-item.passed-invalid .stepper-label{color:#f59e0b}.warning-icon{font-size:1.4rem;font-weight:800;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.stepper-item.error .stepper-circle{background:#fff;border-color:#ef4444;color:#ef4444;box-shadow:0 8px 20px #ef444433;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.stepper-item.error .stepper-label{color:#ef4444}.check{font-size:1.4rem;font-weight:800;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:480px){.stepper-label{display:none}}.forgot-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;position:relative;background-color:#f8fafc;font-family:Montserrat,sans-serif;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float-blobs 20s infinite ease-in-out}.blob-1{width:600px;height:600px;background:radial-gradient(circle,#3b82f6,#3b82f600 70%);top:-20%;right:-10%}.blob-2{width:500px;height:500px;background:radial-gradient(circle,#8b5cf6,#8b5cf600 70%);bottom:-15%;left:-5%}.blob-3{width:400px;height:400px;background:radial-gradient(circle,#ec4899,#ec489900 70%);top:30%;left:20%;animation-delay:-5s}@keyframes float-blobs{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.forgot-header{position:relative;z-index:10;text-align:center;margin-bottom:2.5rem}.forgot-main-title{font-weight:900;font-size:2.5rem;letter-spacing:-.05em;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.forgot-main-subtitle{font-size:.95rem;font-weight:500;color:#64748b;margin-top:.5rem}.forgot-card{position:relative;z-index:10;width:100%;max-width:420px;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:2rem!important;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.message-container{margin-bottom:1.5rem;min-height:0}.status-message{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;font-size:.85rem;font-weight:500;margin-bottom:.5rem;animation:alert-pop .3s ease-out}@keyframes alert-pop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-message.error{background-color:#fef2f2;color:#991b1b;border:1px solid #fee2e2}.status-message.success{background-color:#f0fdf4;color:#166534;border:1px solid #dcfce7}.forgot-content{margin-bottom:1.5rem}.forgot-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.forgot-subtitle{font-size:.875rem;color:#64748b;line-height:1.5;margin-bottom:1.5rem}.password-inputs{display:flex;flex-direction:column;gap:1rem}.forgot-actions{display:flex;gap:1rem;margin-top:1rem}.forgot-actions button{flex:1;padding:.75rem!important;border-radius:12px!important;font-weight:600!important;transition:all .2s ease!important}.forgot-actions .btn-back{background:#ffffff0d!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(0,0,0,.1)!important;color:#444!important;font-weight:600!important;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.forgot-actions .btn-back:hover{background:#00000008!important;border-color:#0003!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.forgot-actions .btn-back:active{transform:translateY(0) scale(.98)}.forgot-footer{position:relative;z-index:10;margin-top:3rem;color:#94a3b8;font-size:.75rem;font-weight:500;letter-spacing:.05em}@media(max-width:480px){.forgot-card{padding:1.5rem!important}.forgot-main-title{font-size:2rem}}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:4px}.dashboard-header p{color:#64748b;font-size:.9rem}.stat-cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.stat-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:24px;box-shadow:0 10px 30px #1f73b714;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1f73b7,#38bdf8);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #1f73b71f}.stat-card:hover:before{opacity:1}.icon-container{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:2}.stat-card:hover .icon-container{transform:translateY(-4px) scale(1.1) rotate(5deg)}.icon-container.blue{background:linear-gradient(135deg,#1a56db,#3b82f6);color:#fff;box-shadow:0 4px 12px #1a56db4d}.icon-container.green{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 4px 12px #10b9814d}.icon-container.orange{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;box-shadow:0 4px 12px #f973164d}.icon-container.yellow{background:linear-gradient(135deg,#eab308,#facc15);color:#fff;box-shadow:0 4px 12px #eab3084d}.trend{position:absolute;top:24px;right:24px;display:flex;align-items:center;font-weight:600;font-size:.9rem}.trend.positive{color:#22c55e}.trend.negative{color:#ef4444}.stat-content h3{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:4px;letter-spacing:-.02em}.stat-content p{color:#64748b;font-size:.9rem}.dashboard-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.chart-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:24px;box-shadow:0 10px 30px #1f73b714;transition:all .4s ease}.chart-card:hover{box-shadow:0 15px 35px #1f73b71f}.chart-card h2{font-size:1.15rem;color:#1e293b;margin-bottom:4px;font-weight:600}.chart-card .subtitle{color:#64748b;font-size:.9rem;margin-bottom:24px;font-weight:400}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.period-select{padding:8px 12px;border-radius:8px;border:1px solid #eef2f6;background-color:#f8fafc;color:#64748b;font-size:.85rem;outline:none}.line-chart-wrapper{height:300px}.pie-chart-content{display:flex;flex-direction:column;align-items:center;gap:15px;height:auto;padding-bottom:10px}.pie-chart-wrapper{width:100%;height:180px}.custom-legend.below{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:15px}.legend-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:200px}.legend-label-group{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-label{color:#64748b;font-size:.85rem;font-weight:400}.legend-value{font-weight:600;color:#1e293b;font-size:.9rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin-bottom:24px}.dashboard-section-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 30px #1f73b71f;height:100%}.dashboard-section-card h3{font-size:1.15rem;color:#1e293b;margin-bottom:20px;font-weight:600}.quick-actions-card .actions-buttons{display:flex;flex-direction:column;gap:1.5rem}.browse-commands-btn{height:48px;background:#f8fafc;border:1px solid #eef2f6;color:#1e293b;border-radius:12px}.btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;border:none;width:100%}.btn-primary{color:#fff;background-color:#000;border:none;box-shadow:0 4px 12px #0000001a}.quick-actions-card .btn-create-offer{color:#fff;background:transparent;cursor:pointer;position:relative;z-index:0;border-radius:10px;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:10px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;width:100%}.quick-actions-card .btn-create-offer:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:12px;opacity:.8}.quick-actions-card .btn-create-offer:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:10px}.btn-primary:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 10px 20px -5px #00000026}.quick-actions-card .btn-create-offer:hover{transform:scale(1.05)}.quick-actions-card .btn-create-offer:hover:before{opacity:1}.btn-outline{background-color:#f8fafc;color:#1e293b;border:1px solid #eef2f6}.btn-outline:hover{background-color:#f1f5f9}.month-stats-grid{display:flex;justify-content:space-between}.month-stat-item{display:flex;flex-direction:column;flex:1}.month-stat-item.border-left{border-left:1px solid #eef2f6;padding-left:24px;margin-left:0}.month-stat-item .stat-value{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:4px}.month-stat-item .stat-label{font-size:.85rem;color:#64748b}.dashboard-header h1{font-size:1.5rem;color:#1e293b;margin-bottom:8px;font-weight:700}.recent-activity-card{margin-bottom:24px;padding-left:0!important;padding-right:0!important;height:auto}.recent-activity-card h3{padding-left:24px;padding-right:24px}.table-container{overflow-x:auto;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.recent-activity-card{height:auto!important;overflow:visible!important;margin-top:2rem}.activity-table{width:100%;border-collapse:collapse;min-width:650px}.activity-table thead th{background-color:#fcfdfe;color:#64748b;font-weight:700;text-transform:uppercase;font-size:.65rem;letter-spacing:.05em;padding:.75rem .5rem;text-align:left;border-bottom:1px solid #f1f5f9}.activity-table th:first-child,.activity-table td:first-child{padding-left:1.5rem}.activity-table th:last-child,.activity-table td:last-child{padding-right:1.5rem}.activity-table tbody tr{border-bottom:1px solid #f8fafc;transition:all .2s ease}.activity-table tbody tr:last-child{border-bottom:none}.activity-table tr:hover{background-color:#1f73b708;transform:scale(1.002);box-shadow:inset 3px 0 #1f73b7}.activity-table td{padding:.85rem .5rem;font-size:.8rem;color:#1e293b;font-weight:500}.activity-table td.id-cell{color:#1f73b7!important;font-weight:700!important;font-size:.7rem}.client-info-cell{display:flex;align-items:center;gap:.75rem}.client-avatar{width:30px;height:30px;border-radius:50%;background:#eff6ff;color:#1f73b7;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:1px solid #dbeafe}.action-cell{color:#475569;font-size:.8rem}.amount-cell{font-weight:700;color:#0f172a;font-size:.85rem}.time-cell{color:#94a3b8;font-size:.75rem}.status-badge{padding:.4rem .9rem;border-radius:12px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.025em;display:inline-block}.status-badge.new{background-color:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.status-badge.completed{background-color:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.status-badge.paid{background-color:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}.status-badge.negotiating{background-color:#fffbeb;color:#b45309;border:1px solid #fde68a}.pie-chart-card{height:100%}@media(max-width:1200px){.stat-cards-container{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:992px){.dashboard-charts-row{grid-template-columns:1fr}}@media(max-width:768px){.stat-cards-container{grid-template-columns:1fr}}[dir=rtl] .dashboard-header h1,[dir=rtl] .dashboard-header p{text-align:right}[dir=rtl] .trend{right:auto;left:24px}[dir=rtl] .stat-content h3,[dir=rtl] .stat-content p,[dir=rtl] .month-stat-item{text-align:right}[dir=rtl] .month-stat-item.border-left{border-left:none;border-right:1px solid #eef2f6;padding-left:0;padding-right:24px}[dir=rtl] .activity-table thead th{text-align:right}[dir=rtl] .activity-table th:first-child,[dir=rtl] .activity-table td:first-child{padding-left:16px;padding-right:24px}[dir=rtl] .activity-table th:last-child,[dir=rtl] .activity-table td:last-child{padding-right:16px;padding-left:24px}[dir=rtl] .recent-activity-card h3{text-align:right}[dir=rtl] .chart-header{flex-direction:row!important}[dir=rtl] .chart-card h2,[dir=rtl] .chart-card .subtitle,[dir=rtl] .dashboard-section-card h3,[dir=rtl] .chart-card{text-align:right}[dir=rtl] .chart-header>div{text-align:right}[dir=rtl] .legend-item,[dir=rtl] .legend-label-group{flex-direction:row}.sidebar{width:260px;height:100%;background-color:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(203,213,225,.4);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:sticky;top:0;z-index:100;box-shadow:4px 0 24px #1f73b708}.sidebar.collapsed{width:80px}.sidebar-nav{flex:1;padding:10px 16px;overflow-y:auto}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.nav-item a{display:flex;align-items:center;padding:14px 16px;border-radius:12px;color:#64748b;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-item a:hover{background-color:#1f73b70d;color:#1f73b7;transform:translate(6px)}.nav-item.active a{color:#1f73b7!important;background:linear-gradient(90deg,#1f73b71a,#1f73b705)!important;font-weight:700;box-shadow:inset 2px 0 #1f73b7,0 4px 15px #1f73b714;position:relative;border:1px solid rgba(31,115,183,.08)}.nav-item.active a:before{content:"";position:absolute;left:-1px;top:10%;bottom:10%;width:4px;background:linear-gradient(to bottom,#38bdf8,#1f73b7);border-radius:4px;box-shadow:2px 0 8px #1f73b780}.nav-item.active .icon{color:#1d4ed8!important}.nav-item .icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:1.25rem;position:relative}.notification-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:#f43f5e;border-radius:50%;border:2px solid #fff;box-shadow:0 0 #f43f5e66;animation:pulse-rose 2s infinite}@keyframes pulse-rose{0%{transform:scale(.95);box-shadow:0 0 #f43f5eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #f43f5e00}to{transform:scale(.95);box-shadow:0 0 #f43f5e00}}.bold-text{font-weight:800;color:#1d4ed8!important;animation:text-pulse 2s infinite}@keyframes text-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.nav-item .text{margin-left:12px;white-space:nowrap}.nav-item .text.hidden{display:none}.sidebar-footer{padding:0;border-top:1.5px solid #cbd5e1;display:flex;justify-content:center}.collapse-btn{background:none;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;padding:20px;width:100%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.collapse-btn:hover{background-color:#f8fafc}[dir=rtl] .sidebar{border-right:none;border-left:1px solid #cbd5e1}[dir=rtl] .nav-item a:hover{transform:translate(-4px)}[dir=rtl] .nav-item.active a:before{left:auto;right:0;border-radius:0 4px 4px 0}[dir=rtl] .nav-item .text{margin-left:0;margin-right:12px}@media(max-width:768px){.sidebar{position:fixed;inset:auto 0 0;width:100%!important;height:auto;flex-direction:row;border-right:none;border-top:1px solid rgba(203,213,225,.4);z-index:1000;padding:0;box-shadow:0 -4px 20px #0000000d}.sidebar-nav{padding:0;flex:1;overflow-y:hidden;overflow-x:auto}.sidebar-nav ul{flex-direction:row;justify-content:space-around;padding:8px 4px;gap:0}.nav-item a{flex-direction:column;padding:8px;gap:4px;align-items:center;justify-content:center;border-radius:8px}.nav-item a:hover{transform:none}.nav-item .icon{font-size:1.4rem}.nav-item .text{margin:0;font-size:.65rem;display:block!important}.sidebar-footer{display:none}.nav-item.active a{box-shadow:none;border:none;background:transparent!important}.nav-item.active a:before{inset:-8px 20% auto;width:60%;height:3px;box-shadow:0 2px 8px #1f73b780}[dir=rtl] .nav-item.active a:before{left:20%;right:20%}}.navbar{height:70px;background-color:#fff;border-bottom:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:5}.navbar-brand{font-size:1.5rem;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:-.5px;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-text-flow 6s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.brand-logo-container{height:5rem;width:auto;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.brand-logo-container:hover{transform:translateY(-2px)}.brand-logo-img{height:140px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.08));transition:transform .4s ease;mix-blend-mode:multiply}.brand-logo-container:hover .brand-logo-img{transform:scale(1.08) rotate(-3deg)}.brand-logo-text{font-size:1.35rem;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;background:linear-gradient(135deg,#1e293b,#475569,#0f172a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all .4s ease}.shiny-glass-overlay{position:absolute;inset:0;pointer-events:none}.brand-logo-container:after{content:"";position:absolute;top:-50%;left:-100%;width:50%;height:200%;background:linear-gradient(to right,#fff0,#fff9 30%,#fffc,#fff9 70%,#fff0);transform:rotate(30deg);transition:none}.brand-logo-container:hover:after{animation:logo-sweep-shine 1.5s cubic-bezier(.19,1,.22,1) forwards}@keyframes logo-sweep-shine{0%{left:-100%}to{left:200%}}.navbar-left{display:flex;align-items:center;gap:86px;flex:1}.search-container{display:flex;align-items:center;background-color:#f8fafc;border:1px solid #94a3b8;border-radius:8px;padding:8px 16px;width:400px}.search-icon{color:#94a3b8;font-size:1.25rem;margin-right:12px}.search-input{border:none;background:transparent;outline:none;width:100%;font-size:.95rem;color:#334155}.search-input::placeholder{color:#94a3b8}.navbar-actions{display:flex;align-items:center;gap:24px}.notification-btn{background:none;border:none;position:relative;color:#64748b;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.notification-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background-color:var(--danger, #ef4444);border-radius:50%;border:2px solid #ffffff}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary, #1a56db);display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar svg{width:24px;height:24px}.user-info{display:flex;flex-direction:column}.user-name-row{display:flex;align-items:center;gap:8px}.user-name{font-weight:600;color:#1e293b;font-size:.95rem;white-space:nowrap}.status-badge-nav{display:flex;align-items:center;gap:6px;font-size:.7rem;padding:4px 10px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.status-badge-nav.pending{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge-nav.approved{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge-nav.rejected{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-role{font-size:.8rem;color:#64748b}.navbar-right{display:flex;align-items:center;gap:24px}.rainbow-navbar{position:sticky;overflow:hidden;background-color:#fff}.navbar-market-layer{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.12;overflow:hidden}.navbar-market-layer .market-icon{position:absolute;font-size:1.5rem;color:var(--primary, #1a56db);filter:blur(.5px);animation:navbar-icon-float 30s infinite linear}.navbar-bg-blobs{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.navbar-bg-blobs .blob{position:absolute;border-radius:50%;filter:blur(25px);opacity:.65;animation:float-blobs 15s infinite ease-in-out}.navbar-bg-blobs .blob-1{width:300px;height:300px;background:radial-gradient(circle,#0056b3,#0056b300 75%);top:-100px;left:10%}.navbar-bg-blobs .blob-2{width:250px;height:250px;background:radial-gradient(circle,#b1008e,#b1008e00 75%);top:-50px;left:30%}.navbar-bg-blobs .blob-3{width:300px;height:300px;background:radial-gradient(circle,#4c0099,#4c009900 75%);top:-80px;left:50%}.navbar-bg-blobs .blob-4{width:200px;height:200px;background:radial-gradient(circle,#c50,#c500 75%);top:-20px;right:20%}.navbar-bg-blobs .blob-5{width:250px;height:250px;background:radial-gradient(circle,#006400,#00640000 75%);top:-60px;right:5%}.navbar-bg-blobs .blob-rainbow{position:absolute;width:100%;height:100%;top:0;left:0;background:conic-gradient(from 0deg,#ff000008,#00ff0008,#0000ff08,#ff000008);filter:blur(20px)}.navbar-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%}@keyframes float-blobs{0%,to{transform:translate(0) scale(1)}33%{transform:translate(15px,-5px) scale(1.05)}66%{transform:translate(-5px,15px) scale(.95)}}@keyframes navbar-icon-float{0%{transform:translateY(100px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.navbar-market-layer .icon-1{left:5%;animation-duration:25s;animation-delay:0s}.navbar-market-layer .icon-2{left:10%;animation-duration:28s;animation-delay:-5s}.navbar-market-layer .icon-3{left:15%;animation-duration:22s;animation-delay:-10s}.navbar-market-layer .icon-4{left:20%;animation-duration:32s;animation-delay:-15s}.navbar-market-layer .icon-5{left:25%;animation-duration:35s;animation-delay:-3s}.navbar-market-layer .icon-6{left:30%;animation-duration:27s;animation-delay:-20s}.navbar-market-layer .icon-7{left:35%;animation-duration:40s;animation-delay:-7s}.navbar-market-layer .icon-8{left:40%;animation-duration:33s;animation-delay:-12s}.navbar-market-layer .icon-9{left:45%;animation-duration:29s;animation-delay:-1s}.navbar-market-layer .icon-10{left:50%;animation-duration:45s;animation-delay:-8s}.navbar-market-layer .icon-11{left:55%;animation-duration:31s;animation-delay:-14s}.navbar-market-layer .icon-12{left:60%;animation-duration:38s;animation-delay:-4s}.navbar-market-layer .icon-13{left:65%;animation-duration:42s;animation-delay:-11s}.navbar-market-layer .icon-14{left:70%;animation-duration:34s;animation-delay:-6s}.navbar-market-layer .icon-15{left:75%;animation-duration:26s;animation-delay:-17s}.navbar-market-layer .icon-16{left:80%;animation-duration:37s;animation-delay:-2s}.navbar-market-layer .icon-17{left:85%;animation-duration:41s;animation-delay:-9s}.navbar-market-layer .icon-18{left:90%;animation-duration:30s;animation-delay:-13s}[dir=rtl] .navbar-content{flex-direction:row}[dir=rtl] .navbar-left{flex-direction:row;margin-right:0;margin-left:auto}[dir=rtl] .navbar-right{flex-direction:row;margin-left:0;margin-right:auto}[dir=rtl] .search-container{margin-right:20px;margin-left:0}[dir=rtl] .search-icon{margin-right:0;margin-left:12px}[dir=rtl] .notification-dot{right:auto;left:2px}[dir=rtl] .user-profile{flex-direction:row}[dir=rtl] .user-info{text-align:right;margin-right:12px;margin-left:0}[dir=rtl] .navbar-actions{flex-direction:row}.pending-banner-container{position:relative;width:100%;z-index:10;display:flex;justify-content:center;max-height:0;opacity:0;transform:translateY(-20px);transition:all .6s cubic-bezier(.34,1.56,.64,1);margin-bottom:0}.pending-banner-container.slide-down{max-height:300px;opacity:1;transform:translateY(0);margin-bottom:24px}.pending-banner-content{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fdba74;border-radius:16px;box-shadow:0 10px 30px #f9731626,0 4px 10px #f973161a;padding:20px 32px;display:flex;align-items:center;gap:24px;max-width:900px;width:100%;pointer-events:auto;position:relative;overflow:hidden}.banner-icon-wrapper{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.banner-icon-bg{position:absolute;inset:0;background:#f97316;border-radius:50%;opacity:.15}.pulse-animation .banner-icon-bg{animation:bannerPulse 2s infinite cubic-bezier(.4,0,.6,1)}.banner-icon-main{font-size:28px;color:#ea580c;z-index:2}.banner-text-content{flex:1;z-index:2}.banner-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.warning-icon{color:#ea580c;font-size:20px}.banner-title-row h3{margin:0;font-size:1.1rem;font-weight:700;color:#9a3412;text-transform:uppercase;letter-spacing:.5px}.banner-message{margin:0 0 12px;color:#c2410c;font-size:.95rem;line-height:1.5}.banner-email-alert{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:8px 16px;border-radius:20px;box-shadow:0 2px 4px #f973161a;color:#9a3412;font-size:.9rem;border:1px solid #fed7aa}.email-icon{color:#ea580c;font-size:16px}.banner-decorations{position:absolute;inset:0;z-index:1;pointer-events:none}.decor-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#fdba7466,#fb923c1a)}.decor-1{width:150px;height:150px;top:-50px;right:-20px;animation:floatDecor 6s ease-in-out infinite}.decor-2{width:80px;height:80px;bottom:-30px;right:150px;animation:floatDecor 4s ease-in-out infinite reverse}@keyframes bannerPulse{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.3);opacity:.3}}@keyframes floatDecor{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}[dir=rtl] .banner-text-content{text-align:right}[dir=rtl] .decor-1{right:auto;left:-20px}[dir=rtl] .decor-2{right:auto;left:150px}.dashboard-layout{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden;background-color:#f8fafc}.dashboard-main-content{flex:1;display:flex;flex-direction:row;overflow:hidden}.dashboard-content{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column}@media(max-width:768px){.dashboard-content{padding:16px 16px 80px}}.dashboard-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.pending-status-center{background:linear-gradient(135deg,#fff,#fffbeb);border-bottom:1px solid #fde68a;padding:24px 32px;display:flex;flex-direction:column;gap:24px;z-index:50;box-shadow:0 4px 20px #fbbf2414;animation:slideDown .6s cubic-bezier(.16,1,.3,1)}.status-info h3{font-size:1.2rem;font-weight:800;color:#78350f;letter-spacing:-.02em}.status-info p{margin:4px 0 0;font-size:.95rem;color:#92400e;opacity:.9}.status-notification-tag{margin-left:auto;background:#fef3c7;padding:8px 16px;border-radius:100px;display:flex;align-items:center;gap:8px;color:#b45309;font-weight:700;font-size:.85rem;border:1px solid #fde68a}.status-progress-track{display:flex;align-items:center;padding:0 10px}.status-progress-track .step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.status-progress-track .step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;transition:all .3s ease}.status-progress-track .step.completed .step-dot{background:#22c55e;color:#fff}.status-progress-track .step.active .step-dot{background:#fbbf24;color:#fff;box-shadow:0 0 0 4px #fbbf2433}.status-progress-track .step.future .step-dot{background:#f1f5f9;color:#94a3b8;border:2px solid #e2e8f0}.step span{font-size:.75rem;font-weight:600;color:#64748b;position:absolute;top:40px;white-space:nowrap}.step-line{flex:1;height:3px;background:#e2e8f0;margin:0 15px 24px;border-radius:10px}.step-line.active{background:#fbbf24}.status-center-footer{margin-top:15px;background:#fbbf240d;padding:12px 20px;border-radius:12px;border:1px dashed #fde68a}.status-center-footer p{margin:0;font-size:.88rem;color:#78350f;text-align:center}@keyframes softPulse{0%{transform:scale(.95);box-shadow:0 0 #fbbf2466}70%{transform:scale(1);box-shadow:0 0 0 12px #fbbf2400}to{transform:scale(.95);box-shadow:0 0 #fbbf2400}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background:#1f73b740;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:premiumFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.modal-content{width:100%;max-width:1100px;max-height:90vh;border-radius:28px;display:flex;flex-direction:column;background:#ffffffe0;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1.5px solid rgba(31,115,183,.16);box-shadow:0 30px 80px #1f73b714,inset 0 1px #fffc;overflow:hidden;color:#1e293b;animation:premiumSlideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes premiumFadeIn{0%{opacity:0}to{opacity:1}}@keyframes premiumSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:28px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid rgba(31,115,183,.08);background:#1f73b705}.modal-header h2{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#1f73b7,#2ebf91);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.close-btn{background:#1f73b70d;border:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(31,115,183,.08)}.close-btn:hover{background:#ef444426;color:#ef4444;border-color:#ef444440;transform:rotate(90deg) scale(1.05)}.modal-body{padding:0;flex:1;overflow-y:auto}.step-content{padding:28px 36px;animation:premiumStepIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes premiumStepIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.step-description-header{margin-bottom:28px;padding-bottom:18px;border-bottom:1.5px solid rgba(31,115,183,.08)}.step-description-header h3{font-size:1.25rem;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0 0 6px}.step-description-header p{font-size:.9rem;color:#64748b;margin:0}.form-group label{display:block;font-size:.85rem;font-weight:700;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.simple-glass-input{width:100%;padding:15px 18px!important;font-size:.98rem;font-weight:500;color:#0f172a!important;background:#1f73b705!important;border:1.5px solid rgba(31,115,183,.12)!important;border-radius:14px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-sizing:border-box!important;outline:none!important}.simple-glass-input::placeholder{color:#94a3b8!important}.simple-glass-input:hover{border-color:#1f73b74d!important;background:#fffc!important}.simple-glass-input:focus{background:#fff!important;border-color:#1f73b7!important;box-shadow:0 0 0 4px #1f73b71a,0 4px 20px #1f73b70d!important;transform:translateY(-1px)!important}.input-suffix{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:.85rem;font-weight:700;color:#1f73b7;pointer-events:none;letter-spacing:.05em;background:#1f73b70d;padding:4px 10px;border-radius:8px;border:1px solid rgba(31,115,183,.1)}[dir=rtl] .input-suffix{right:auto;left:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0}}.pricing-row{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}@media(max-width:600px){.pricing-row{grid-template-columns:1fr}}.negotiable-card{background:linear-gradient(135deg,#06b6d408,#8b5cf608);border:1.5px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;margin-top:8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.negotiable-card:hover{border-color:#06b6d426;box-shadow:0 10px 30px #06b6d40d}.negotiable-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.negotiable-text h4{font-size:1.05rem;font-weight:800;color:#f1f5f9;margin:0 0 4px}.negotiable-text p{font-size:.85rem;color:#94a3b8;margin:0}.image-upload-wrapper{position:relative;border:2px dashed rgba(255,255,255,.1);background:#ffffff03;border-radius:20px;padding:36px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.image-upload-wrapper:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.image-upload-wrapper:hover{background:#ffffff08;border-color:transparent;transform:translateY(-2px);box-shadow:0 15px 35px #06b6d414}.image-upload-wrapper:hover:before{opacity:1}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8}.upload-placeholder svg{color:#06b6d4;transition:all .3s ease}.image-upload-wrapper:hover .upload-placeholder svg{transform:translateY(-4px) scale(1.1)}.upload-hint{font-size:.8rem;color:#64748b;margin-top:10px}.preview-section{margin-top:28px}.section-label{text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;color:#64748b}.preview-card{display:flex;background:linear-gradient(135deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:16px;gap:18px;align-items:center;box-shadow:0 10px 30px #0003}.preview-image-box{width:80px;height:80px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}.preview-title{font-size:1.1rem;font-weight:800;color:#f1f5f9;margin:0}.preview-desc{font-size:.85rem;color:#94a3b8!important}.preview-meta{margin-top:8px}.preview-price{font-size:1rem;color:#06b6d4!important}.preview-qty,.preview-origin{background:#ffffff0d;padding:3px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.success-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px}.success-icon-circle{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#10b98126,#34d39926);border:2px solid rgba(16,185,129,.4);color:#10b981;display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 0 30px #10b98133,inset 0 0 15px #10b9811a;animation:successPulse 2s infinite}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 30px #10b98133}50%{transform:scale(1.05);box-shadow:0 0 45px #10b98166}to{transform:scale(1);box-shadow:0 0 30px #10b98133}}.success-view h3{font-size:1.6rem;font-weight:900;color:#0f172a;letter-spacing:-.02em;margin:0 0 8px}.success-view p{font-size:.98rem;color:#475569;max-width:420px;line-height:1.6;margin:0 0 32px}.modal-error-alert{display:flex;align-items:center;gap:12px;margin:16px 36px 0;padding:16px;border-radius:14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:.92rem;font-weight:600}.modal-footer{padding:24px 36px;display:flex;justify-content:flex-end;gap:16px;border-top:1.5px solid rgba(31,115,183,.08);background:#1f73b703}.btn-back{padding:14px 28px;border-radius:14px;background:transparent;border:1.5px solid rgba(31,115,183,.15);color:#475569;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-back:hover{background:#1f73b70d;color:#1f73b7;border-color:#1f73b740}.btn-continue,.btn-success-close{padding:14px 32px;border-radius:14px;background:linear-gradient(135deg,#1f73b7,#0d5c96);border:none;color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 4px 15px #1f73b740;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-continue:hover,.btn-success-close:hover{background:linear-gradient(135deg,#0d5c96,#094775);transform:translateY(-2px);box-shadow:0 8px 25px #1f73b759}.btn-fly{display:flex;align-items:center;gap:12px;padding:14px 36px;border-radius:14px;background:linear-gradient(135deg,#2ebf91,#228b69);border:none;color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 4px 15px #2ebf9140;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.btn-fly svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.btn-fly:hover{background:linear-gradient(135deg,#228b69,#17634a);transform:translateY(-2px);box-shadow:0 8px 25px #2ebf9159}.btn-fly:hover svg{transform:rotate(45deg) translate(2px,-2px) scale(1.1)}.premium-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:premiumSpin .8s linear infinite}@keyframes premiumSpin{to{transform:rotate(360deg)}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#1f73b726;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#1f73b74d}.create-offer-card{position:relative;width:100%;height:120px;border-radius:16px;cursor:pointer;overflow:hidden;display:flex;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 30px #0000000d}.create-offer-card:hover{transform:translateY(-5px);border-color:#6366f166;box-shadow:0 20px 40px #0000001a}.card-glass-bg{position:absolute;inset:0;background:linear-gradient(135deg,#6366f11a,#a855f71a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1}.card-content{position:relative;z-index:2;display:flex;align-items:center;width:100%;padding:0 1.5rem;gap:1.25rem}.icon-wrapper{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #6366f14d;transition:all .4s ease}.plus-icon{font-size:24px}.create-offer-card:hover .icon-wrapper{transform:scale(1.1) rotate(90deg);box-shadow:0 12px 24px #6366f180}.text-content{flex:1}.text-content h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.text-content p{margin:0;font-size:.85rem;color:#64748b;font-weight:400}.arrow-decoration{color:#cbd5e1;transition:all .4s ease;transform:translate(-10px);opacity:0}.create-offer-card:hover .arrow-decoration{transform:translate(0);opacity:1;color:#6366f1}.glowing-border{position:absolute;inset:0;border:2px solid transparent;border-radius:16px;background:linear-gradient(135deg,#6366f1,#a855f7) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.create-offer-card:hover .glowing-border{opacity:.5}.pending-disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.commands-page-container{display:flex;flex-direction:column;flex:1;overflow:hidden;margin:-24px -32px}.commands-header-section{padding:16px 32px 0;background-color:transparent;flex-shrink:0;border-bottom:1.5px solid #cbd5e1}.commands-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.commands-header-top h1{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:8px}.commands-header-top p{color:#64748b;font-size:.9rem}.view-toggles{display:flex;gap:8px}.view-btn{background:none;border:1px solid transparent;color:#94a3b8;font-size:1.25rem;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-btn:hover{background-color:#f8fafc;color:#64748b}.view-btn.active{background-color:#fff;border-color:#eef2f6;color:var(--primary, #1a56db);box-shadow:0 1px 2px #0000000d}.commands-filters-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;gap:16px}.search-input-wrapper{flex:1;max-width:none;display:flex;align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;box-shadow:0 1px 2px #00000005}.search-input-wrapper .search-icon{color:#94a3b8;font-size:1.25rem;margin-right:12px}.search-input-wrapper input{border:none;background:transparent;outline:none;width:100%;font-size:.95rem;color:#334155}.filter-actions{display:flex;gap:12px}.category-select{padding:10px 16px;border-radius:8px;border:1px solid #e2e8f0;background-color:#fff;color:#475569;font-size:.95rem;outline:none;min-width:150px;cursor:pointer;box-shadow:0 1px 2px #00000005}.btn-filter{padding:10px 16px;border-radius:8px;border:1px solid #e2e8f0;background-color:#fff;color:#1e293b;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 1px 2px #00000005;transition:all .2s ease}.btn-filter:hover{background-color:#f8fafc}.btn-filter.active{color:#fff;background-color:#000;border:none;box-shadow:0 4px 12px #0000001a}.advanced-filters-bar{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-wrap:wrap;gap:20px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:0 24px;margin-top:0;border:1px solid transparent}.advanced-filters-bar.show{max-height:200px;opacity:1;padding:24px;margin-top:8px;margin-bottom:24px;border-color:#e2e8f0}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:.85rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:6px}.filter-input,.filter-select{padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;font-size:.9rem;outline:none;min-width:160px}.budget-inputs{display:flex;align-items:center;gap:8px}.filter-input-small{width:80px;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:.9rem;outline:none}.btn-apply-filters{align-self:flex-end;padding:10px 24px;color:#fff;background-color:#000;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;margin-left:auto;box-shadow:0 4px 12px #0000001a}.btn-apply-filters:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 10px 20px -5px #00000026}.commands-split-view{display:flex;flex:1;overflow:hidden;position:relative;height:100%}.commands-main-column{display:flex;flex-direction:column;flex:1;overflow:hidden;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.commands-scrollable-content{flex:1;overflow-y:auto;padding:24px 32px;background-color:transparent;scroll-snap-type:y mandatory}.detailed-view-container{display:flex;flex-direction:column;gap:24px}.detailed-card{display:flex;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s ease;scroll-snap-align:start;scroll-margin-top:24px;min-height:520px}.detailed-card:hover{box-shadow:0 4px 12px #00000014}.detailed-image{width:250px;min-width:250px;padding:16px 0 16px 16px}[dir=rtl] .detailed-image{padding:16px 16px 16px 0}.detailed-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.glass-placeholder{width:100%;height:100%;min-height:250px;background:linear-gradient(135deg,#1f73b70d,#1f73b71f);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed rgba(31,115,183,.25);color:#1f73b7;gap:12px}.glass-placeholder .placeholder-icon{font-size:2.5rem;animation:pulse-placeholder 2s infinite ease-in-out}@keyframes pulse-placeholder{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.detailed-info{flex:1;padding:24px;display:flex;flex-direction:column}.detailed-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.detailed-header h2{font-size:1.15rem;font-weight:600;color:#1e293b;margin:0}.detailed-budget{background-color:#eff6ff;color:var(--primary, #1a56db);padding:6px 16px;border-radius:999px;font-weight:600;font-size:.9rem}.detailed-meta{display:flex;gap:16px;margin-bottom:16px}.meta-item{display:flex;align-items:center;gap:6px;color:#64748b;font-size:.85rem}.detailed-desc{color:#475569;font-size:.95rem;line-height:1.5;margin-bottom:24px;flex:1}.detailed-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #eef2f6;gap:20px}.detailed-actions{display:flex;align-items:center;gap:12px}.detailed-specs{display:flex;gap:24px;font-size:.9rem;color:#1e293b}.btn-send-proposal{color:#fff;background:transparent;border:none;padding:10px 24px;height:48px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content;min-width:170px;position:relative;z-index:0}.btn-send-proposal:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-2;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:12px}.btn-send-proposal:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:12px}.btn-send-proposal span{display:block;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-send-proposal .svg-wrapper{display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.btn-send-proposal svg{display:block;transform-origin:center center;transition:transform .4s cubic-bezier(.4,0,.2,1)}.btn-send-proposal:hover{transform:scale(1.05)}.btn-send-proposal:hover svg{transform:scale(1.1)}.btn-see-more{position:relative;background-color:#262626;height:44px;width:140px;border:1px solid rgba(255,255,255,.1);text-align:left;padding:0 16px;color:#f9fafb;font-size:.9rem;font-weight:700;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .5s ease;display:flex;align-items:center;z-index:1}.btn-see-more.full-width{width:100%;justify-content:center;text-align:center}.btn-see-more span{position:relative;z-index:20;text-decoration:underline;text-underline-offset:4px;transition:all .5s ease}.btn-see-more:before{content:"";position:absolute;width:30px;height:30px;right:4px;top:4px;z-index:10;background-color:#8b5cf6;border-radius:50%;filter:blur(12px);transition:all .5s ease}.btn-see-more:after{content:"";position:absolute;z-index:10;width:40px;height:40px;background-color:#fda4af;right:20px;top:8px;border-radius:50%;filter:blur(12px);transition:all .5s ease}.btn-see-more:hover{color:#fda4af;border-color:#fca5a5;text-decoration-thickness:2px}.btn-see-more:hover:before{right:30px;bottom:-15px;top:auto;filter:blur(8px);box-shadow:20px 20px 20px 30px #a21caf}.btn-see-more:hover:after{right:-20px}.btn-see-more:hover span{text-underline-offset:6px}[dir=rtl] .btn-see-more{text-align:right}[dir=rtl] .btn-see-more:before{right:auto;left:4px}[dir=rtl] .btn-see-more:after{right:auto;left:20px}[dir=rtl] .btn-see-more:hover:before{right:auto;left:30px}[dir=rtl] .btn-see-more:hover:after{right:auto;left:-20px}.list-view-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.commands-table{width:100%;border-collapse:collapse}.commands-table th{background-color:#f8fafc;color:#475569;font-weight:500;text-align:left;padding:16px 24px;font-size:.85rem;border-bottom:1px solid #eef2f6}[dir=rtl] .commands-table th{text-align:right}.commands-table td{padding:16px 24px;font-size:.95rem;color:#334155;border-bottom:1px solid #f1f5f9}.commands-table tr:hover{background-color:#f8fafc}.commands-table .cmd-id{color:var(--primary, #1a56db);font-weight:600}.commands-table .cmd-product{font-weight:500;color:#1e293b}.btn-text-action{background:none;border:none;color:var(--primary, #1a56db);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-text-action:hover{text-decoration:underline}.grid-view-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.grid-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #1f73b70d;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.grid-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #1f73b71f}.grid-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1f73b7,#38bdf8);opacity:0;transition:opacity .3s ease}.grid-card:hover:after{opacity:1}.grid-image{height:180px;width:100%;padding:16px 16px 0}.grid-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.grid-content{padding:20px;display:flex;flex-direction:column;flex:1}.grid-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:8px;line-height:1.4}.grid-budget{color:var(--primary, #1a56db);font-weight:600;font-size:1.1rem;margin-bottom:16px}.grid-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;flex:1}.grid-meta span{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.85rem}.btn-send-proposal.full-width{width:100%;justify-content:center}.command-details-sidebar{width:0;flex-shrink:0;opacity:0;background-color:#fff;box-shadow:-4px 0 15px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:50;display:flex;flex-direction:column;border-left:1px solid transparent;overflow:hidden}.command-details-sidebar.open{width:450px;opacity:1;border-left-color:#cbd5e1}[dir=rtl] .command-details-sidebar{border-left:none;border-right:1px solid transparent}[dir=rtl] .command-details-sidebar.open{border-right-color:#cbd5e1}.command-details-inner{width:450px;min-width:450px;display:flex;flex-direction:column;height:100%}.details-sidebar-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px 16px;border-bottom:1px solid #cbd5e1}.header-titles{display:flex;flex-direction:column;gap:4px}.details-sidebar-header h2{font-size:1.15rem;font-weight:600;color:#1e293b;margin:0}.details-sidebar-id{color:var(--primary, #1a56db);font-weight:600;font-size:.85rem}.close-sidebar-btn{background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s}.close-sidebar-btn:hover{background-color:#f1f5f9;color:#1e293b}.details-sidebar-content{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:16px}.details-sidebar-image{width:100%;height:220px;border-radius:12px;overflow:hidden;margin-bottom:16px;flex-shrink:0}.details-sidebar-image img{width:100%;height:100%;object-fit:cover}.details-sidebar-title{font-size:1.05rem;font-weight:600;color:#1e293b;margin:0;line-height:1.4}.details-sidebar-desc{color:#64748b;font-size:.85rem;line-height:1.6;margin:0 0 16px}.details-sidebar-info-grid{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #eef2f6}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.info-label{color:#64748b;font-size:.85rem;font-weight:500}.info-value{color:#1e293b;font-size:.85rem;font-weight:600}.details-sidebar-footer{padding:24px 32px;border-top:1px solid #eef2f6;background-color:#fff}.proposal-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9990;animation:overlay-fade-in .3s ease-out forwards}@keyframes overlay-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.proposal-modal-content{background:#fff;width:100%;max-width:500px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 25px 50px -12px #00000026,0 0 40px #0000000d;display:flex;flex-direction:column;max-height:90vh;animation:modal-pop-in .4s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}[dir=rtl] .proposal-modal-content{right:auto;left:auto;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 25px 50px -12px #00000026;animation:modal-pop-in .4s cubic-bezier(.16,1,.3,1) forwards}.proposal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:32px 32px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.proposal-modal-header h2{font-size:1.15rem;font-weight:600;color:#1e293b;margin:0}.close-modal-btn{background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s}.close-modal-btn:hover{background-color:#f1f5f9;color:#1e293b}.proposal-modal-body{padding:32px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:.9rem;color:#1e293b}.form-group input,.form-group select,.form-group textarea{padding:10px 16px;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;color:#334155;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border:2px solid var(--primary, #1a56db)}.form-help-text{font-size:.8rem;color:#64748b;margin:4px 0 0;line-height:1.5}.text-warning{color:#ef4444;font-weight:500}.form-group.large-group{display:flex;flex-direction:column;flex:1}.proposal-textarea.cool-textarea{border:1px solid #cbd5e1;border-radius:8px;padding:16px;font-size:1rem;line-height:1.6;background:#f8fafc;flex:1;min-height:160px;transition:all .2s}.proposal-textarea.cool-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:none}.proposal-modal-footer{padding:24px;border-top:1px solid #f1f5f9;background:#fff;display:flex;justify-content:stretch}.btn-secondary{background:#ffffff0d!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(0,0,0,.1)!important;color:#475569;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#00000005!important;border-color:#0003!important;color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}[dir=rtl] .commands-header-top{flex-direction:row}[dir=rtl] .commands-header-top h1,[dir=rtl] .commands-header-top p{text-align:right}[dir=rtl] .commands-filters-bar{flex-direction:row-reverse}[dir=rtl] .search-input-wrapper .search-icon{margin-right:0;margin-left:12px}[dir=rtl] .filter-actions{flex-direction:row-reverse}[dir=rtl] .commands-table th,[dir=rtl] .commands-table td{text-align:right}[dir=rtl] .command-details-sidebar{box-shadow:4px 0 15px #0000000d;border-left:none;border-right:1px solid transparent}[dir=rtl] .command-details-sidebar.open{border-right-color:#cbd5e1;border-left-color:transparent}[dir=rtl] .details-sidebar-header{flex-direction:row}[dir=rtl] .header-titles{text-align:right}[dir=rtl] .info-row{flex-direction:row}[dir=rtl] .info-value{text-align:left}[dir=rtl] .detailed-header{flex-direction:row}[dir=rtl] .detailed-info{text-align:right}[dir=rtl] .detailed-meta,[dir=rtl] .detailed-footer{flex-direction:row}[dir=rtl] .detailed-actions,[dir=rtl] .proposal-modal-header{flex-direction:row-reverse}[dir=rtl] .proposal-modal-header h2,[dir=rtl] .proposal-modal-body .form-group label{text-align:right}[dir=rtl] .proposal-modal-footer{flex-direction:row}[dir=rtl] .form-help-text{text-align:right}[dir=rtl] .btn-apply-filters{margin-left:0;margin-right:auto}[dir=rtl] .commands-main-column{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@keyframes warning-slide-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes warning-pulse{0%{box-shadow:0 0 #ef444466;border-color:#ef4444}50%{box-shadow:0 0 0 10px #ef444400;border-color:#f87171}to{box-shadow:0 0 #ef444400;border-color:#ef4444}}@keyframes warning-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.creative-warning-banner{position:relative;padding:24px;border-radius:16px;background:#fff;border:2px solid #e2e8f0;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0000000d;flex-shrink:0;min-height:min-content}.creative-warning-banner.is-warning{border-color:#ef4444;box-shadow:0 10px 30px #ef444426;animation:premium-warning-alert 2.5s infinite}@keyframes premium-warning-alert{0%,to{transform:scale(1);border-color:#ef444466;box-shadow:0 4px 15px #ef44441a}15%{transform:scale(1.02);border-color:#ef4444;box-shadow:0 12px 35px #ef44444d,0 0 0 6px #ef44441a}30%{transform:scale(1);border-color:#ef4444b3;box-shadow:0 8px 25px #ef444433}45%{transform:scale(1.01);border-color:#ef4444;box-shadow:0 10px 30px #ef444440,0 0 0 4px #ef44440d}60%{transform:scale(1);border-color:#ef444466;box-shadow:0 4px 15px #ef44441a}}.warning-content{position:relative;z-index:2}.warning-title{display:block;font-size:1.15rem;font-weight:800;color:#1e293b;margin-bottom:8px;transition:color .3s}.creative-warning-banner.is-warning .warning-title{color:#ef4444}.warning-text{font-size:.95rem;color:#64748b;line-height:1.6;margin:0}.creative-warning-banner.is-warning .warning-text{color:#b91c1c}.animated-shield-bg{position:absolute;right:-20px;bottom:-20px;width:120px;height:120px;background:radial-gradient(circle,rgba(239,68,68,.1) 0%,transparent 70%);border-radius:50%;z-index:1;opacity:0;transition:all .5s ease}[dir=rtl] .animated-shield-bg{right:auto;left:-20px}.creative-warning-banner.is-warning .animated-shield-bg{opacity:1;animation:shield-pulse 2s infinite ease-in-out}@keyframes shield-pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:.2}to{transform:scale(1);opacity:.8}}.form-group.large-group{margin-bottom:24px}.large-label{display:block;font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:12px}.proposal-textarea{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:.95rem;font-family:inherit;resize:vertical;outline:none;transition:all .2s}.proposal-textarea.cool-textarea{border:2px solid #e2e8f0;border-radius:16px;padding:16px;font-size:1rem;line-height:1.6;background:#fff;box-shadow:0 2px 4px #00000005}.btn-card-proposal{padding:8px 16px;border-radius:12px;background:#000;color:#fff;border:none;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-card-proposal:hover{background:#333;transform:translateY(-1px)}.grid-actions{display:flex;gap:10px;margin-top:auto}.grid-actions .btn-see-more{flex:1}.grid-actions .btn-card-proposal{width:44px;height:44px;padding:0;justify-content:center;font-size:1.2rem}.proposal-textarea:focus{border-color:var(--primary, #1a56db)}.proposal-textarea.cool-textarea:focus{border-color:#000;box-shadow:0 0 0 5px #0000000d;transform:translateY(-2px)}.cool-send-btn{width:100%!important;height:48px!important;border-radius:8px!important;font-size:1.05rem!important;font-weight:600!important;background:#0f172a!important;color:#fff!important;border:none!important;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.cool-send-btn:hover{background:#1e293b!important;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a33!important}.handshake-icon{font-size:1.5rem;color:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.3));transition:transform .3s ease}.cool-send-btn:hover .handshake-icon{transform:rotate(-10deg) scale(1.1)}[dir=rtl] .cool-send-btn{flex-direction:row-reverse}[dir=rtl] .proposal-textarea{text-align:right;direction:rtl}.prominent-warning.highlight-warning{border-color:#ef4444;background-color:#fef2f2;animation:pulsate-red 1.5s infinite}@keyframes pulsate-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@media(max-width:1200px){.grid-view-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:992px){.commands-header-section{flex-direction:column;align-items:flex-start;gap:16px}.commands-filters-bar{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:none}.advanced-filters-bar.show{flex-direction:column}.command-details-sidebar.open{width:100%;position:fixed;right:0;top:0;bottom:0;z-index:1000;border-left:none}.command-details-inner{width:100%;min-width:unset}}.loading-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#ffffff80;border-radius:20px;border:1px dashed #cbd5e1;color:#64748b;gap:16px}.loading-container svg{font-size:40px;color:#3b82f6}.empty-container svg{font-size:48px;color:#94a3b8}.animate-spin{animation:spin 1s linear infinite}@media(max-width:768px){.commands-container{padding:16px}.list-view-container{overflow-x:auto}.commands-table{min-width:800px}.grid-view-container{grid-template-columns:1fr}.detailed-card{flex-direction:column}.detailed-image{width:100%;min-width:unset;height:200px;padding:16px 16px 0}.detailed-info{padding:16px}.detailed-specs{flex-wrap:wrap;gap:12px}.detailed-footer{flex-direction:column;align-items:flex-start;gap:16px}.detailed-actions{width:100%;justify-content:space-between}}@media(max-width:480px){.btn-send-proposal{width:100%}.filter-actions{flex-wrap:wrap}.category-select,.btn-filter{flex:1;text-align:center;justify-content:center}}.order-creation-modal{max-width:750px!important;width:90%!important;max-height:95vh!important;display:flex!important;flex-direction:column!important;padding:20px 32px 24px!important;overflow:hidden!important}.order-creation-modal .modal-icon-header{margin-top:0!important;margin-bottom:8px!important}.order-creation-modal h2{margin:0 0 4px!important}.order-creation-modal .modal-subtitle-desc{margin-bottom:12px!important}.order-creation-modal .order-form-body{flex:1!important;overflow-y:auto!important;padding-right:6px;max-height:55vh!important}:root{--chat-bg: #ffffff;--sidebar-bg: #f8fafc;--accent-primary: #1F73B7;--accent-secondary: #155a8e;--border-color: #e2e8f0;--bubble-incoming: #f1f5f9;--bubble-outgoing: #1F73B7;--bubble-text-outgoing: #ffffff}.negotiations-container{display:flex;flex:1;height:100vh;background:var(--chat-bg);overflow:hidden;margin:-24px -32px;border-top:1px solid var(--border-color)}.negotiations-container.pending-banner-active{margin-top:48px!important;height:calc(100vh - 144px)!important;border-top:1px solid var(--border-color)}.negotiations-sidebar{width:380px;min-width:380px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:2}.negotiations-sidebar-header{padding:32px 24px 24px;background:var(--sidebar-bg);border-bottom:1px solid var(--border-color)}.negotiations-sidebar-header h2{font-size:28px;font-weight:800;color:#0f172a;letter-spacing:-.5px;margin-bottom:8px}.negotiations-sidebar-header p{color:#64748b;font-size:.95rem}.negotiations-list{flex:1;overflow-y:auto;padding:12px}.negotiation-item{display:flex;align-items:center;padding:16px;margin-bottom:4px;border-radius:12px;cursor:pointer;transition:background-color .1s ease;border:1px solid transparent}.negotiation-item:hover{background-color:#e2e8f0}.negotiation-item.active{background-color:#fff;border-color:var(--border-color);box-shadow:0 4px 6px -1px #0000000d}.contact-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;margin-right:16px;position:relative}.unread-dot{position:absolute;top:0;right:0;width:14px;height:14px;background-color:var(--accent-secondary);border:2px solid white;border-radius:50%}.contact-info{flex:1}.contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.contact-name{font-weight:700;color:#1e293b;font-size:1rem}.last-time{font-size:.75rem;color:#94a3b8}.message-preview{font-size:.85rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;transition:all .2s}.message-preview.unread{color:#0f172a;font-weight:700}.negotiation-item.active .message-preview{color:var(--accent-primary)}.negotiation-chat-main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.chat-header{padding:24px 40px;background:var(--chat-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.chat-contact-details{display:flex;align-items:center;gap:4px!important}.chat-contact-info h3{font-size:1.25rem;font-weight:800;color:#0f172a}.chat-command-ref{font-size:.8rem;color:#64748b;background:#f1f5f9;padding:2px 10px;border-radius:99px;font-weight:600}.chat-command-ref.accepted{background:#10b9811a!important;color:#10b981!important;border:1px solid rgba(16,185,129,.2)!important;font-size:.72rem!important;padding:3px 10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em}.chat-actions{display:flex;align-items:center;gap:4px!important}.create-order-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px!important}.btn-hint{font-size:.75rem;color:#94a3b8;margin:0}.premium-hint{display:flex;align-items:center;gap:6px;color:#22c55e;font-weight:600;opacity:.9;animation:pulse-soft 2s infinite ease-in-out}@keyframes pulse-soft{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.btn-create-order-chat{position:relative;padding:10px 24px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #22c55e4d;overflow:hidden}.btn-glow-effect{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.btn-create-order-chat:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}.btn-create-order-chat:hover .btn-glow-effect{opacity:1}.btn-create-order-chat:active{transform:translateY(0)}.btn-create-order-chat svg{font-size:1.1rem}.custom-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9990;padding:20px}.custom-modal-content{background:#fff;width:100%;max-width:450px;border-radius:24px;padding:32px;text-align:center;box-shadow:0 25px 50px -12px #00000040}.modal-icon-header{display:flex;justify-content:center;margin-bottom:24px}.icon-circle{width:80px;height:80px;background:#f0fdf4;color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 10px 20px #22c55e26}.custom-modal-content h2{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 12px}.custom-modal-content p{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:24px}.modal-terms-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;margin-bottom:32px;display:flex;justify-content:space-around}.term-item{display:flex;flex-direction:column;gap:4px}.term-item span{font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:700}.term-item strong.price-value{color:#22c55e;font-size:1.3rem;text-shadow:0 0 10px rgba(34,197,94,.1)}.modal-actions{display:flex;gap:12px}.btn-modal-secondary{flex:1;padding:14px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;cursor:pointer;transition:all .2s}.btn-modal-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-modal-primary{flex:2;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #22c55e33;transition:all .2s}.btn-modal-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e4d}.animate-zoom-in{animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chat-messages{flex:1;padding:40px 40px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;scroll-behavior:smooth}.message-group{display:flex;flex-direction:column;max-width:70%;animation:message-pop-up .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes message-pop-up{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.message-group.incoming{align-self:flex-start}.message-group.outgoing{align-self:flex-end}.message-bubble{padding:14px 20px;border-radius:18px;font-size:.95rem;line-height:1.5;position:relative;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%}.message-text{white-space:pre-wrap;margin:0}.message-group.incoming .message-bubble{background:var(--bubble-incoming);color:#1e293b;border-bottom-left-radius:4px;border:1px solid var(--border-color)}.message-group.outgoing .message-bubble{background:var(--bubble-outgoing);color:var(--bubble-text-outgoing);border-bottom-right-radius:4px}.proposal-summary-card{background:#ffffff14;border-radius:14px;padding:16px;margin-top:12px;display:flex;flex-direction:column;gap:12px}.message-group.incoming .proposal-summary-card{background:#f8fafc;border:1px solid #e2e8f0}.proposal-row{display:flex;align-items:center;gap:12px}.p-label{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px;opacity:.6}.p-value{font-size:1.1rem;font-weight:800}.proposal-actions{display:flex;gap:8px;margin-top:8px}.btn-action-small{flex:1;padding:8px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;border:none;transition:all .2s}.btn-action-small.accept{background:#22c55e;color:#fff}.btn-action-small.reject{background:#ffffff1a;color:#fff}.message-group.incoming .btn-action-small.reject{background:#f1f5f9;color:#64748b}.chat-input-area-container{padding:0;background:var(--chat-bg)}.chat-input-area-wrapper{display:flex;flex-direction:column;gap:12px;padding:10px 40px 24px}.attached-file-preview{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:10px 16px;border-radius:14px;border:1px solid var(--border-color);max-width:fit-content;animation:slide-up-subtle .3s ease-out}@keyframes slide-up-subtle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-info{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#1e293b;font-weight:500}.file-info svg{color:var(--accent-primary);font-size:1.1rem}.remove-file-btn{background:#e2e8f0;border:none;color:#64748b;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:12px;transition:all .2s}.remove-file-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.chat-input-area{display:flex;align-items:center;gap:12px;background:#fff;padding:10px 10px 10px 16px;border-radius:24px;border:1.5px solid var(--border-color);box-shadow:0 4px 15px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1)}.chat-input-area:focus-within{border-color:var(--accent-primary);box-shadow:0 4px 24px #1f73b726;transform:translateY(-1px)}.chat-input-wrapper{flex:1}.chat-input-wrapper input{width:100%;background:transparent;border:none!important;outline:none!important;box-shadow:none!important;font-size:1rem;padding:12px 0;color:#0f172a}.btn-attach{background:transparent;border:none;color:#64748b;font-size:1.4rem;padding:8px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-attach:hover{color:var(--accent-primary);background:#f1f5f9}.btn-send{background:var(--accent-primary);border:none;color:#fff;width:44px;height:44px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2ebf914d}.btn-send:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #2ebf9166}.btn-counter-toggle{background:#000;color:#fff;border:none;padding:10px 18px;border-radius:14px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-counter-toggle:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-send-message{width:48px;height:48px;border-radius:16px;background:#06f;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-send-message:hover{transform:scale(1.05) rotate(-5deg);background:#0052cc}.no-selection-state{flex:1;display:flex;align-items:center;justify-content:center;background:#fdfdfe}.no-selection-content{text-align:center;max-width:420px;display:flex;flex-direction:column;align-items:center}.no-selection-icon{width:120px;height:120px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 32px;transform:rotate(-10deg);border:1px solid white;box-shadow:0 20px 40px -10px #0000000d}.no-selection-content h2{font-size:2rem;font-weight:900;color:#0f172a;letter-spacing:-1px;margin-bottom:16px}.no-selection-content p{color:#64748b;line-height:1.6}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-group{animation:slideIn .3s ease-out backwards}[dir=rtl] .negotiations-sidebar{border-right:none;border-left:1px solid rgba(0,0,0,.05)}[dir=rtl] .contact-avatar{margin-right:0;margin-left:16px}[dir=rtl] .message-group.incoming .message-bubble{border-bottom-left-radius:20px;border-bottom-right-radius:4px}[dir=rtl] .message-group.outgoing .message-bubble{border-bottom-right-radius:20px;border-bottom-left-radius:4px}[dir=rtl] .chat-input-area-container{flex-direction:row-reverse}[dir=rtl] .btn-attach{margin-right:0;margin-left:12px}[dir=rtl] .btn-send{margin-left:0;margin-right:12px;transform:scaleX(-1)}[dir=rtl] .p-label,[dir=rtl] .proposal-summary-card,[dir=rtl] .negotiation-item-info,[dir=rtl] .header-titles{text-align:right}@media(max-width:1024px){.negotiations-sidebar{width:300px;min-width:300px}}@media(max-width:768px){.negotiations-container{flex-direction:column;height:auto;min-height:calc(100vh - 80px);margin:-16px}.negotiations-sidebar{width:100%;min-width:100%;height:35vh;border-right:none;border-bottom:1px solid var(--border-color)}.negotiation-chat-main{height:65vh}.chat-header{padding:16px 20px}.chat-messages{padding:20px 20px 10px}.chat-input-area-wrapper{padding:10px 20px 24px}.message-group{max-width:85%}}@media(max-width:480px){.chat-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-counter-toggle{width:100%;justify-content:center}.message-group{max-width:95%}.proposal-actions{flex-direction:column}}.custom-modal-content.order-creation-modal{max-width:680px;width:calc(100% - 40px);height:auto;max-height:85vh;margin:auto;text-align:left;background:#fff;border-radius:28px;padding:36px;box-shadow:0 25px 60px #0f172a26;display:flex;flex-direction:column;gap:24px;overflow:hidden}.modal-subtitle-desc{font-size:.95rem;color:#64748b;margin-top:-12px;margin-bottom:8px}.order-form-body{display:flex;flex-direction:column;gap:20px;max-height:55vh;overflow-y:auto;padding-right:8px}.form-grid-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group-item{display:flex;flex-direction:column;gap:8px}.form-group-item.full-width-field{grid-column:span 2}.form-group-item label{font-size:.85rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.input-readonly{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#64748b!important;cursor:not-allowed;padding:12px 16px;border-radius:12px;font-size:.95rem;font-weight:600;outline:none}.input-premium-text{background:#fff;border:1.5px solid #cbd5e1;color:#0f172a;padding:12px 16px;border-radius:12px;font-size:.95rem;font-weight:500;outline:none;transition:all .2s ease-in-out}.input-premium-text:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.order-items-section{border:1.5px solid #e2e8f0;border-radius:18px;padding:20px;background:#f8fafc}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header-row h3{font-size:1.05rem;font-weight:800;color:#1e293b;margin:0}.btn-add-item-dynamic{background:#3b82f61a;color:#3b82f6;border:none;padding:8px 16px;border-radius:99px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-add-item-dynamic:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}.dynamic-items-list{display:flex;flex-direction:column;gap:14px}.dynamic-item-row{display:flex;align-items:flex-end;gap:12px;background:#fff;border:1px solid #e2e8f0;padding:14px;border-radius:12px;position:relative;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box;max-width:100%}.item-field{display:flex;flex-direction:column;gap:6px;min-width:0}.item-field input.input-premium-text{width:100%!important;min-width:0!important;box-sizing:border-box!important}.item-name-field{flex:2.5}.item-price-field{flex:1.2}.item-qty-field{flex:.8}.item-field label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase}.chat-escrow-tracker-bar.sticky-tracker{position:sticky;top:0;left:0;right:0;z-index:100;background:#fffffff2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1.5px solid rgba(99,102,241,.15)!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;margin:0!important;padding:16px 40px!important;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 25px #00000005!important;box-sizing:border-box;width:100%}.tracker-main-row{display:flex;align-items:center;justify-content:space-between;width:100%}.tracker-left{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#0f172a}.tracker-title{font-weight:800;color:#1e293b;text-transform:uppercase;font-size:.78rem;letter-spacing:.05em}.order-tag{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:3px 10px;border-radius:8px;font-weight:750;font-size:.8rem;box-shadow:0 4px 10px #6366f133}.tracker-middle{flex:1;display:flex;justify-content:center}.tracker-steps{display:flex;gap:24px;align-items:center}.t-step{display:flex;flex-direction:column;align-items:center;font-size:.72rem;color:#94a3b8;position:relative;font-weight:700}.t-step.active{color:#6366f1}.t-step .bullet{width:8px;height:8px;border-radius:50%;background:#cbd5e1;margin-bottom:4px;transition:all .3s;border:2px solid #ffffff;box-shadow:0 0 0 1px #cbd5e1}.t-step.active .bullet{background:#6366f1;box-shadow:0 0 0 2px #6366f140,0 0 8px #6366f166}.tracker-right{display:flex;align-items:center;gap:12px}.btn-toggle-resume{display:flex;align-items:center;gap:8px;background:#6366f114!important;border:1px solid rgba(99,102,241,.2)!important;color:#6366f1!important;padding:8px 16px;border-radius:30px;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .3s ease}.btn-toggle-resume:hover,.btn-toggle-resume.active{background:#6366f1!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.btn-toggle-resume .chevron-icon{transition:transform .3s ease}.btn-toggle-resume.active .chevron-icon{transform:rotate(180deg)}.btn-tracker-details{background:#fff;border:1.5px solid rgba(99,102,241,.25);color:#6366f1;padding:8px 18px;border-radius:30px;font-size:.82rem;font-weight:800;cursor:pointer;transition:all .2s}.btn-tracker-details:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-1px)}.order-resume-dropdown-panel{background:#fff!important;border:1.5px solid rgba(99,102,241,.15)!important;border-radius:16px!important;padding:24px!important;box-shadow:0 20px 45px #6366f10f!important;display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box;animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards}.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-bottom:1.5px solid #f1f5f9;padding-bottom:16px}.resume-col h4{font-size:.78rem;font-weight:800;color:#64748b;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.resume-text{font-size:.88rem;color:#1e293b;margin:0;font-weight:700}.parties-sub-grid{display:flex;flex-direction:column;gap:6px}.parties-sub-grid div{display:flex;gap:8px}.role-label{font-size:.8rem;font-weight:700;color:#94a3b8}.role-val{font-size:.85rem;font-weight:700;color:#475569}.resume-items-table{display:flex;flex-direction:column;border:1.5px solid #f1f5f9;border-radius:12px;overflow:hidden}.table-header-row{display:grid;grid-template-columns:2fr .5fr 1fr 1.2fr;background:#f8fafc;padding:10px 16px;border-bottom:1.5px solid #e2e8f0;font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase}.table-data-row{display:grid;grid-template-columns:2fr .5fr 1fr 1.2fr;padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:.85rem;align-items:center}.table-data-row:last-child{border-bottom:none}.table-data-row .item-name{font-weight:800;color:#1e293b}.table-data-row .item-qty{font-weight:700;color:#475569}.table-data-row .item-price{font-weight:600;color:#64748b}.table-data-row .item-total{font-weight:800;color:#10b981;text-align:right}.resume-footer-summary{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.resume-footer-summary span{font-size:.8rem;font-weight:800;color:#64748b;text-transform:uppercase}.resume-footer-summary strong{font-size:1.45rem;font-weight:950;color:#22c55e;text-shadow:0 2px 10px rgba(34,197,94,.15)}[dir=rtl] .chat-escrow-tracker-bar,[dir=rtl] .tracker-left,[dir=rtl] .tracker-right{flex-direction:row-reverse}.btn-remove-item-dynamic{background:#ef44441a;color:#ef4444;border:none;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .2s}.btn-remove-item-dynamic:hover{background:#ef4444;color:#fff}.order-total-preview-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 10px 25px #0f172a26}.order-total-preview-card span{font-size:.95rem;font-weight:600;opacity:.8}.order-total-preview-card strong{font-size:1.45rem;font-weight:900;color:#22c55e}@media(max-width:640px){.form-grid-two-columns{grid-template-columns:1fr}.form-group-item.full-width-field{grid-column:span 1}.dynamic-item-row{flex-direction:column;align-items:stretch}.btn-remove-item-dynamic{width:100%;margin-top:8px}}.premium-timeline-invoice{background:linear-gradient(135deg,#141c36f2,#0a0f1efa)!important;border:1.5px solid rgba(6,182,212,.25)!important;border-radius:20px!important;padding:24px!important;box-shadow:0 15px 35px #0006,0 0 25px #06b6d414!important;color:#e2e8f0!important;max-width:480px;margin:16px 0;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px}.premium-timeline-invoice:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.4),transparent)}.invoice-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.invoice-badge{font-size:.72rem;font-weight:900;letter-spacing:.08em;color:#06b6d4;background:#06b6d414;border:1px solid rgba(6,182,212,.2);padding:4px 12px;border-radius:6px;text-transform:uppercase}.invoice-id{font-family:monospace;font-size:.9rem;font-weight:800;color:#94a3b8}.invoice-body{display:flex;flex-direction:column;gap:16px}.invoice-field{display:flex;flex-direction:column;gap:4px}.invoice-field label{font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.invoice-field span{font-size:.92rem;font-weight:600;color:#cbd5e1}.invoice-field span.product-title{font-size:1.1rem;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(6,182,212,.15)}.invoice-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.invoice-status-section{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:14px;padding:16px;margin-top:4px}.status-flow-indicator{display:flex;justify-content:space-between;position:relative;margin-bottom:12px;padding:0 8px}.status-flow-indicator:before{content:"";position:absolute;top:6px;left:16px;right:16px;height:2px;background:#ffffff0f;z-index:1}.flow-step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:2}.flow-step .dot{width:12px;height:12px;border-radius:50%;background:#ffffff1f;border:2px solid #0a0f1d;transition:all .3s cubic-bezier(.16,1,.3,1)}.flow-step.active .dot{background:#06b6d4;box-shadow:0 0 10px #06b6d4}.flow-step span{font-size:.65rem;font-weight:800;color:#475569;text-transform:uppercase}.flow-step.active span{color:#06b6d4}.current-status-banner{font-size:.8rem;color:#94a3b8;text-align:center;margin-top:4px;font-weight:600}.current-status-banner strong{text-transform:uppercase;font-weight:800;padding:2px 10px;border-radius:6px;margin-left:6px}.current-status-banner strong.created{color:#38bdf8;background:#38bdf81a}.current-status-banner strong.confirmed{color:#06b6d4;background:#06b6d41a}.current-status-banner strong.shipped{color:#8b5cf6;background:#8b5cf61a}.current-status-banner strong.delivered{color:#10b981;background:#10b9811a}.invoice-footer{margin-top:8px;border-top:1px dashed rgba(255,255,255,.08);padding-top:16px}.total-amount-row{display:flex;justify-content:space-between;align-items:center}.total-amount-row span{font-size:.82rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.total-amount-row strong{font-size:1.4rem;font-weight:950;color:#22c55e;text-shadow:0 0 15px rgba(34,197,94,.25)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.premium-spinner{width:48px;height:48px;border:4px solid rgba(31,115,183,.15);border-radius:50%;border-top-color:#1f73b7;animation:premium-spin 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes premium-spin{to{transform:rotate(360deg)}}.my-offers-container{width:100%;min-height:100vh}.my-offers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-left h1{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:4px}[dir=rtl] .my-offers-header{flex-direction:row!important;justify-content:space-between!important}[dir=rtl] .header-left{text-align:right}.header-left p{color:#64748b;font-size:.9rem;margin:0}.btn-create-offer{padding:.6em 2em;outline:none;color:#fff;background:transparent;cursor:pointer;position:relative;z-index:0;border-radius:10px;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:10px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.btn-create-offer:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);-webkit-filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:12px;opacity:.8}.btn-create-offer:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:10px}.btn-create-offer:hover{transform:scale(1.05)}.btn-create-offer:hover:before{opacity:1}.btn-create-offer:hover svg{transform:scale(1.1)}@keyframes glowing-button-85{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.offers-table-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;box-shadow:0 10px 30px #1f73b714;overflow:hidden;margin:0 32px 32px;transition:box-shadow .3s ease}.offers-table-card:hover{box-shadow:0 15px 40px #1f73b71f}.offers-table-body{background:#fff}.offers-table{width:100%;border-collapse:collapse;text-align:left}[dir=rtl] .offers-table{text-align:right}.offers-table th{padding:10px 24px;font-size:11px;font-weight:600;color:#64748b;background-color:#fafbfc;border-bottom:1.5px solid #cbd5e1;text-transform:uppercase;letter-spacing:.5px}.offers-table td{padding:8px 24px;vertical-align:middle;border-bottom:1px solid #f1f5f9;color:#475569;font-size:12px;transition:background-color .2s ease}.offers-table tr:hover td{background-color:#f8fafc}.offers-table tr{transition:background-color .2s ease;cursor:pointer}.offers-table tr:last-child td{border-bottom:none}.cell-title{font-weight:600;color:#1e293b}.cell-price{color:var(--primary, #1F73B7)!important;font-weight:600}.image-stack{display:flex;align-items:center;position:relative;height:50px;width:fit-content;padding-left:10px}.product-image-small{width:44px;height:44px;border-radius:8px;overflow:hidden;border:2px solid white;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:#f1f5f9}.product-image-small img{width:100%;height:100%;object-fit:cover}.image-stack .product-image-small{position:relative}.image-stack .product-image-small:nth-child(1){transform:rotate(-2deg);z-index:3}.image-stack .product-image-small:nth-child(2){margin-left:-28px;transform:rotate(1deg) translateY(1px);z-index:2}.image-stack .product-image-small:nth-child(3){margin-left:-28px;transform:rotate(-1deg) translateY(-1px);z-index:1}.image-stack .product-image-small:hover{transform:scale(1.4) rotate(0) translateY(-5px)!important;z-index:10!important;box-shadow:0 12px 24px #0003}.image-stack-more{width:28px;height:28px;border-radius:50%;background:#000;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:5px;box-shadow:0 4px 8px #0003;border:2px solid #fff;z-index:4}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:#000}input:checked+.slider:before{transform:translate(18px)}.status-badge-modern{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge-modern.active{background-color:#e6f9f0;color:#10b981}.status-badge-modern.hidden{background-color:#ff4d4d;color:#000}.cell-actions{text-align:center}.actions-wrapper{display:inline-flex;gap:8px;align-items:center;justify-content:center;height:100%}.action-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .1s}.action-btn:hover{transform:scale(1.1)}.action-btn.edit{color:var(--primary, #1F73B7)}.action-btn.visibility{color:#64748b}.action-btn.visibility:hover{color:var(--primary)}.action-btn.delete{color:#ef4444}.modal-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;width:90%;max-width:800px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;animation:slideUp .3s ease;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1.5px solid #cbd5e1}.modal-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.close-btn{background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:#1e293b}.modal-body{padding:24px;overflow-y:auto}.step-indicator{display:flex;justify-content:space-between;margin-bottom:3rem;position:relative;padding:0 40px}.step-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:1;flex:1;position:relative}.step-item:after{content:"";position:absolute;top:20px;transform:translateY(-50%);left:calc(50% + 45px);width:calc(100% - 90px);height:2px;background-color:#e2e8f0;z-index:0}[dir=rtl] .step-item:after{left:auto;right:calc(50% + 45px)}.step-item:last-child:after{display:none}.step-item.completed:after{background-color:#10b981}.step-dot{width:40px;height:40px;border-radius:50%;background-color:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:600;transition:all .3s ease;z-index:2}.step-dot.active{color:#fff;background-color:#000;transform:scale(1.1);box-shadow:0 10px 30px #00000059}.step-dot.completed{background-color:#10b981;border-color:#10b981;color:#fff}.step-label{font-size:.75rem;font-weight:500;color:#64748b;text-align:center;transition:all .3s ease}.step-label.active{color:#1e293b;font-weight:600}.step-label.completed{color:#1e293b}.price-input-primary{color:var(--primary, #1F73B7)!important;font-weight:700!important;font-size:1.1rem!important}.discount-price{color:var(--primary, #1F73B7);font-weight:700;font-size:1rem}.step-content{width:100%}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;color:#1e293b;outline:none;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:var(--primary, #1F73B7);box-shadow:none!important;outline:none!important}.form-group textarea{min-height:120px;resize:vertical}.select-wrapper{position:relative}.form-row{display:flex;gap:24px}.form-row .form-group{flex:1}.bulk-discount-section{margin:32px 0}.section-label{display:block;font-size:.95rem;font-weight:700;color:#1e293b;margin-bottom:16px}.bulk-table-container{border:1px solid #f1f5f9;border-radius:10px;overflow:hidden}.bulk-table{width:100%;border-collapse:collapse}.bulk-table th{background-color:#f8fafc;padding:12px 16px;text-align:left;font-size:.85rem;font-weight:600;color:#64748b;border-bottom:1px solid #f1f5f9}.bulk-table td{padding:14px 16px;font-size:.9rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.bulk-table tr:last-child td{border-bottom:none}.discount-price{color:var(--primary, #1F73B7);font-weight:600}.negotiable-item{display:flex;align-items:center;gap:10px;margin-top:16px}.negotiable-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary, #1F73B7)}.negotiable-item label{font-size:.95rem;font-weight:600;color:#1e293b;cursor:pointer;margin:0}.negotiable-warning{margin-top:8px;font-size:.85rem;color:#ef4444;font-weight:500;padding-left:28px}.modal-footer{padding:24px;border-top:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:flex-end}.btn-back{background:none;border:1px solid #e2e8f0;padding:12px 32px;border-radius:8px;font-weight:600;font-size:1rem;color:#000;cursor:pointer;transition:all .2s;margin-right:auto}.btn-back:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#1e293b}.btn-continue{color:#fff;background:linear-gradient(#000,#000) padding-box,linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red) border-box;border:2px solid transparent;background-size:100% 100%,400% 100%;animation:rainbow-border-btn 8s linear infinite;padding:12px 32px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.btn-continue:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 10px 20px -5px #00000026}.image-upload-wrapper{position:relative;width:120px;height:120px;border:2px dashed #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background-color:#f8fafc}.image-upload-wrapper:hover{border-color:var(--primary, #1F73B7);background-color:#f1f5f9}.image-upload-wrapper .file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#64748b}.upload-placeholder span{font-size:.8rem;font-weight:500}.upload-hint{font-size:.75rem;color:#94a3b8;margin-top:8px}.preview-section{margin-top:32px}.preview-card{display:flex;gap:20px;padding:16px;border:1px solid #f1f5f9;border-radius:12px;background-color:#fff}.preview-image-box{width:80px;height:80px;background-color:#64748b;border-radius:8px;flex-shrink:0}.preview-info{flex:1}.preview-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 4px}.preview-desc{font-size:.85rem;color:#64748b;margin:0 0 12px}.preview-meta{display:flex;gap:16px;font-size:.85rem;color:#94a3b8}.preview-price{color:var(--primary, #1F73B7);font-weight:700}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}[dir=rtl] .my-offers-header{flex-direction:row-reverse}[dir=rtl] .header-left h1,[dir=rtl] .header-left p,[dir=rtl] .offers-table,[dir=rtl] .offers-table th,[dir=rtl] .offers-table td{text-align:right}[dir=rtl] .offers-table-card{margin:0 32px 32px 0}[dir=rtl] .image-stack{padding-left:0;padding-right:10px}[dir=rtl] .image-stack .product-image-small:nth-child(2){margin-left:0;margin-right:-28px}[dir=rtl] .image-stack .product-image-small:nth-child(3){margin-left:0;margin-right:-28px}[dir=rtl] .image-stack-more{margin-left:0;margin-right:5px}[dir=rtl] .modal-header{flex-direction:row}[dir=rtl] .modal-header h2{text-align:right}[dir=rtl] .modal-footer{flex-direction:row}[dir=rtl] .btn-back{margin-right:0;margin-left:auto}[dir=rtl] .form-group label{text-align:right}[dir=rtl] .negotiable-item{flex-direction:row}[dir=rtl] .negotiable-warning{padding-left:0;padding-right:28px;text-align:right}[dir=rtl] .bulk-table th,[dir=rtl] .bulk-table td,[dir=rtl] .section-label{text-align:right}@media(max-width:992px){.my-offers-header{flex-direction:column;align-items:flex-start;gap:16px}.header-right{width:100%}.btn-create-offer{width:100%;justify-content:center}.offers-stats{flex-wrap:wrap}.stat-card{flex:1;min-width:200px}.offers-table-wrapper{overflow-x:auto}.offers-table{min-width:800px}}@media(max-width:768px){.my-offers-container{padding:16px}.form-row{flex-direction:column;gap:16px}.step-indicator{padding:0;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:2rem}.step-item:after{display:none}.step-item{flex-direction:row;align-items:center;gap:16px}.step-label{font-size:.95rem}.modal-content{width:95%;margin:16px;max-height:95vh}.preview-card{flex-direction:column}.preview-image-box{width:100%;height:150px}}@media(max-width:480px){.stat-card{min-width:100%}.modal-header,.modal-body,.modal-footer{padding:16px}.btn-back,.btn-continue{padding:10px 20px;font-size:.9rem}.bulk-table-container{overflow-x:auto}.bulk-table{min-width:500px}}.conf-modal-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease}.conf-modal-content{background:#fff;width:90%;max-width:400px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:scaleIn .2s ease}.conf-modal-header{width:100%;display:flex;justify-content:center;position:relative;margin-bottom:20px}.conf-icon-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.conf-icon-circle.danger{background-color:#fee2e2;color:#ef4444}.conf-close-btn{position:absolute;top:-10px;right:-10px;background:none;border:none;color:#94a3b8;font-size:1.25rem;cursor:pointer;transition:color .2s}.conf-close-btn:hover{color:#475569}.conf-modal-body h3{margin:0 0 12px;font-size:1.25rem;font-weight:700;color:#1e293b}.conf-modal-body p{margin:0;color:#64748b;font-size:.95rem;line-height:1.5}.conf-modal-footer{width:100%;display:flex;gap:12px;margin-top:32px}.conf-modal-footer button{flex:1;padding:12px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.conf-btn-cancel{background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.conf-btn-cancel:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#475569}.conf-btn-confirm.danger{background-color:#ef4444;border:none;color:#fff}.conf-btn-confirm.danger:hover{background-color:#dc2626;box-shadow:0 10px 15px -3px #ef444466}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.image-viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:99999;opacity:0;animation:viewer-fade-in .3s ease-out forwards}@keyframes viewer-fade-in{to{opacity:1}}.image-viewer-close{position:absolute;top:30px;right:40px;background:#ffffff1a;border:none;color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;z-index:10}.image-viewer-close:hover{background:#fff3;transform:scale(1.1)}.image-viewer-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.image-viewer-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080;animation:image-pop-in .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes image-pop-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.viewer-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;color:#fff;font-size:2rem;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;z-index:10}.viewer-nav-btn.prev{left:40px}.viewer-nav-btn.next{right:40px}.viewer-nav-btn:hover:not(:disabled){background:#fff3;transform:translateY(-50%) scale(1.1)}.viewer-nav-btn:disabled{opacity:.3;cursor:not-allowed}.viewer-counter{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#fff;font-size:1.1rem;font-weight:600;background:#00000080;padding:8px 16px;border-radius:20px;letter-spacing:1px}[dir=rtl] .viewer-nav-btn.prev{left:auto;right:40px}[dir=rtl] .viewer-nav-btn.next{right:auto;left:40px}.onboarding-page{background-color:#fff;color:#000;min-height:100vh;font-family:Montserrat,sans-serif;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.onboarding-market-layer{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.12;overflow:hidden}.onboarding-market-layer .market-icon{position:absolute;font-size:3rem;color:var(--primary);filter:blur(1px);animation:icon-float 30s infinite linear}.bg-blobs{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;animation:float-blobs 25s infinite ease-in-out}.blob-1{width:700px;height:700px;background:radial-gradient(circle,#0056b3,#0056b300 70%);top:-15%;right:-5%}.blob-2{width:800px;height:800px;background:radial-gradient(circle,#b1008e,#b1008e00 70%);bottom:-15%;left:-10%}.blob-3{width:550px;height:550px;background:radial-gradient(circle,#4c0099,#4c009900 70%);top:15%;left:-15%}.blob-4{width:650px;height:650px;background:radial-gradient(circle,#c50,#c500 70%);bottom:25%;right:-15%}.blob-5{width:450px;height:450px;background:radial-gradient(circle,#006400,#00640000 70%);top:45%;left:20%}.blob-6{width:500px;height:500px;background:radial-gradient(circle,#c49120,#c4912000 70%);bottom:15%;right:20%}.blob-7{width:600px;height:600px;background:radial-gradient(circle,teal,#00808000 70%);top:-5%;left:45%;transform:translate(-50%)}.blob-8{width:350px;height:350px;background:radial-gradient(circle,maroon,#80000000 70%);bottom:45%;left:5%}.blob-9{width:550px;height:550px;background:radial-gradient(circle,indigo,#4b008200 70%);top:35%;right:5%}.blob-10{width:600px;height:600px;background:radial-gradient(circle,#191970,#19197000 70%);bottom:5%;right:45%;transform:translate(50%)}.blob-11{width:400px;height:400px;background:radial-gradient(circle,#228b22,#228b2200 70%);top:65%;left:35%}.blob-12{width:750px;height:750px;background:radial-gradient(circle,#8b008b,#8b008b00 70%);top:50%;right:50%;transform:translate(50%,-50%)}.blob-rainbow{position:absolute;width:100vw;height:100vh;top:0;left:0;background:conic-gradient(from 0deg,#ff000008,#00ff0008,#0000ff08,#ff000008);filter:blur(60px)}.onboarding-footer{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;text-align:center;font-size:.65rem;font-weight:700;opacity:.4;letter-spacing:.2em;text-transform:uppercase;color:#000;white-space:nowrap}.meteor-container{position:absolute;top:25%;right:15%;width:200px;height:200px;z-index:2;pointer-events:none;opacity:.8}.meteor-streak{position:absolute;width:4px;height:100px;background:linear-gradient(180deg,#ffffff,rgba(55,167,253,.8),transparent);border-radius:999px;transform:rotate(45deg);box-shadow:0 0 20px #37a7fd80;animation:meteor-float 6s infinite ease-in-out}.streak-1{top:0;right:0;opacity:1}.streak-2{top:20px;right:30px;height:60px;opacity:.6;animation-delay:1s}.streak-3{top:-15px;right:-25px;height:80px;opacity:.4;animation-delay:.5s}@keyframes meteor-float{0%,to{transform:translate(0) rotate(45deg);opacity:.8}50%{transform:translate(-20px,20px) rotate(45deg);opacity:1}}@keyframes float-blobs{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(30px,-15px) scale(1.05) rotate(3deg)}66%{transform:translate(-15px,30px) scale(.95) rotate(-3deg)}}@keyframes rotate-rainbow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-nav{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 5%;max-width:1400px;margin:0 auto;width:100%}.nav-logo{display:flex;align-items:center;gap:1.25rem;cursor:pointer}.logo-icon-wrap{position:relative;padding:3px;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:16px;animation:rainbow-border 10s linear infinite}.logo-box{width:3.5rem;height:3.5rem;background-color:#000;color:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:1.75rem}.creative-lang-selector{position:relative;display:flex;align-items:center;background:#f1f5f973;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;border-radius:999px;padding:4px;box-shadow:0 4px 15px #00000014;width:200px}.creative-lang-selector .lang-btn{position:relative;z-index:2;flex:1;background:transparent;border:none;font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;padding:6px 0;border-radius:999px;transition:color .3s ease,font-weight .1s;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.lang-flag-icon{width:16px;height:12px;border-radius:2px;object-fit:cover;box-shadow:0 1px 3px #0000001a}.creative-lang-selector .lang-btn.active{color:#0f172a;font-weight:800}.creative-lang-selector .lang-glider{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:calc((100% - 8px) / 3);border-radius:999px;background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;z-index:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}@keyframes rainbow-text-flow{0%{background-position:0% 50%}to{background-position:400% 50%}}.nav-actions{display:flex;align-items:center;gap:2rem}.nav-link{background:none;border:none;font-weight:800;cursor:pointer;color:#444;transition:color .3s ease;font-size:.9rem}.nav-link:hover{color:#000}.hero-container{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 5% 40px;max-width:1000px;margin:0 auto}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:950;line-height:1;letter-spacing:-.05em;margin-bottom:1rem}.hero-subtitle{font-size:clamp(.85rem,1.4vw,1rem);font-weight:600;color:#555;max-width:550px;line-height:1.4;margin-bottom:2rem;letter-spacing:-.01em}.rainbow-button-container{position:relative;display:inline-block;padding:2px;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:12px;animation:rainbow-border 8s linear infinite;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.icon-1{top:5%;left:10%;animation-duration:25s}.icon-2{top:15%;right:15%;animation-duration:28s;animation-delay:-5s}.icon-3{bottom:10%;left:5%;animation-duration:22s;animation-delay:-10s}.icon-4{bottom:20%;right:8%;animation-duration:32s;animation-delay:-15s}.icon-5{top:40%;left:20%;animation-duration:35s}.icon-6{top:50%;right:25%;animation-duration:27s;animation-delay:-20s}.icon-7{bottom:40%;left:30%;animation-duration:40s;opacity:.05}.icon-8{top:70%;right:40%;animation-duration:33s;animation-delay:-3s}.icon-9{top:25%;right:45%;animation-duration:29s;animation-delay:-7s}.icon-10{bottom:5%;left:50%;transform:translate(-50%);animation-duration:45s}.icon-11{top:60%;left:10%;animation-duration:31s;opacity:.04}.icon-12{top:80%;right:10%;animation-duration:38s;opacity:.06}.icon-13{top:10%;left:40%;animation-duration:42s;opacity:.03}.icon-14{bottom:25%;left:45%;animation-duration:34s;opacity:.05}.icon-15{top:55%;right:5%;animation-duration:26s;opacity:.04}.icon-16{bottom:55%;left:15%;animation-duration:37s;opacity:.07}.icon-17{top:85%;left:40%;animation-duration:41s;opacity:.03}.icon-18{top:45%;left:80%;animation-duration:39s;opacity:.05}.icon-19{top:2%;left:25%;animation-duration:46s;opacity:.04}.icon-20{top:12%;right:35%;animation-duration:48s;opacity:.05}.icon-21{bottom:12%;left:15%;animation-duration:42s;opacity:.06}.icon-22{bottom:22%;right:18%;animation-duration:52s;opacity:.04}.icon-23{top:42%;left:5%;animation-duration:45s;opacity:.03}.icon-24{top:52%;right:15%;animation-duration:47s;opacity:.05}.icon-25{bottom:42%;left:20%;animation-duration:55s;opacity:.04}.icon-26{top:72%;right:30%;animation-duration:43s;opacity:.06}.icon-27{top:35%;right:5%;animation-duration:49s;opacity:.04}.icon-28{bottom:15%;left:30%;animation-duration:51s;opacity:.05}.icon-29{top:65%;left:50%;opacity:.04;animation-duration:53s}.icon-30{top:85%;right:25%;opacity:.05;animation-duration:48s}.icon-31{top:15%;left:60%;opacity:.03;animation-duration:54s}.icon-32{bottom:35%;right:50%;opacity:.04;animation-duration:51s}.icon-33{top:5%;right:5%;opacity:.05;animation-duration:56s}.icon-34{bottom:5%;left:5%;opacity:.04;animation-duration:57s}.icon-35{top:95%;left:15%;opacity:.03;animation-duration:58s}.icon-36{top:95%;right:15%;opacity:.04;animation-duration:59s}.icon-37{top:50%;left:50%;opacity:.02;animation-duration:60s}.icon-38{top:30%;left:70%;opacity:.03;animation-duration:61s}.icon-39{bottom:30%;left:70%;opacity:.04;animation-duration:62s}.icon-40{top:10%;left:10%;opacity:.02;animation-duration:63s}.icon-41{top:12%;left:42%;animation-duration:45s;opacity:.04}.icon-42{top:22%;right:52%;animation-duration:47s;opacity:.05}.icon-43{bottom:32%;left:72%;animation-duration:49s;opacity:.03}.icon-44{bottom:42%;right:22%;animation-duration:51s;opacity:.04}.icon-45{top:52%;left:12%;animation-duration:53s;opacity:.05}.icon-46{top:62%;right:42%;animation-duration:55s;opacity:.03}.icon-47{bottom:72%;left:22%;animation-duration:57s;opacity:.04}.icon-48{bottom:82%;right:62%;animation-duration:59s;opacity:.05}.icon-49{top:2%;left:82%;animation-duration:61s;opacity:.03}.icon-50{bottom:12%;right:12%;animation-duration:63s;opacity:.04}.icon-51{top:8%;left:18%;animation-duration:44s;opacity:.03}.icon-52{top:18%;right:28%;animation-duration:46s;opacity:.04}.icon-53{bottom:28%;left:38%;animation-duration:48s;opacity:.05}.icon-54{bottom:38%;right:48%;animation-duration:50s;opacity:.03}.icon-55{top:48%;left:58%;animation-duration:52s;opacity:.04}.icon-56{top:58%;right:18%;animation-duration:54s;opacity:.05}.icon-57{bottom:68%;left:38%;animation-duration:56s;opacity:.03}.icon-58{top:78%;left:8%;animation-duration:58s;opacity:.04}.icon-59{top:8%;right:18%;animation-duration:60s;opacity:.05}.icon-60{bottom:18%;left:68%;animation-duration:62s;opacity:.03}.icon-61{top:25%;left:35%;animation-duration:45s;opacity:.04}.icon-62{top:55%;right:25%;animation-duration:47s;opacity:.05}.icon-63{bottom:35%;left:65%;animation-duration:49s;opacity:.03}.icon-64{bottom:65%;right:15%;animation-duration:51s;opacity:.04}.icon-65{top:75%;left:5%;animation-duration:53s;opacity:.05}.icon-66{top:85%;right:45%;animation-duration:55s;opacity:.03}.icon-67{bottom:95%;left:25%;animation-duration:57s;opacity:.04}.icon-68{bottom:45%;right:75%;animation-duration:59s;opacity:.05}.icon-69{top:35%;left:85%;animation-duration:61s;opacity:.03}.icon-70{top:95%;right:95%;animation-duration:63s;opacity:.04}.icon-71{bottom:5%;left:95%;animation-duration:40s;opacity:.03}.icon-72{top:95%;right:5%;animation-duration:42s;opacity:.04}.icon-73{bottom:50%;left:95%;animation-duration:44s;opacity:.05}.icon-74{top:50%;right:95%;animation-duration:46s;opacity:.03}.icon-75{bottom:95%;left:50%;animation-duration:48s;opacity:.04}.icon-76{top:95%;right:50%;animation-duration:50s;opacity:.05}.icon-77{bottom:5%;left:5%;animation-duration:52s;opacity:.03}.icon-78{top:5%;right:5%;animation-duration:54s;opacity:.04}.icon-79{bottom:25%;left:75%;animation-duration:56s;opacity:.05}.icon-80{top:75%;right:25%;animation-duration:58s;opacity:.03}.rainbow-button-container:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 10px 20px -5px #00000026}.rainbow-but.step-dot.active{color:#fff;background-color:#000;box-shadow:0 10px 30px #00000059}.big-black-btn{background-color:#000!important;color:#fff!important;border:none;border-radius:10px;font-weight:950;padding:.9rem 2.8rem;font-size:1.1rem;cursor:pointer;white-space:nowrap;width:100%;height:100%}.nav-btn-wrap{padding:2px;border-radius:10px}.nav-btn-black{padding:.5rem 1.8rem;font-size:.9rem;border-radius:8px}.rainbow-text{background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:flow-accent 4s linear infinite}.store-section{display:flex;gap:1.5rem;margin-top:2.5rem;perspective:1000px;z-index:20}.premium-store-card{position:relative;background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(0,0,0,.1);padding:1rem 1.8rem;border-radius:20px;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #0000000a;overflow:hidden;min-width:220px}.premium-store-card:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 15px 45px #0000001f,0 5px 25px #ff00004d,8px 8px 30px #00ff0040,-8px 8px 30px #0000ff40,0 -10px 30px #ff03,10px -5px 30px #f0f3,-10px -5px 30px #0ff3;background:#fffffffc}.premium-store-card:before{content:"";position:absolute;inset:-3px;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);background-size:300% 100%;z-index:-1;opacity:0;transition:opacity .4s ease;animation:flow-accent 2.5s linear infinite}.premium-store-card:hover:before{opacity:1}.store-card-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(55,167,253,.25),transparent 70%);opacity:0;transition:opacity .4s ease}.premium-store-card:hover .store-card-glow{opacity:1}.store-icon-silver{color:#222;transition:all .4s ease}.premium-store-card:hover .store-icon-silver{color:#000;filter:drop-shadow(0 0 8px rgba(0,0,0,.2));transform:scale(1.2) rotate(5deg)}.store-card-content{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.store-card-label{font-size:.75rem;font-weight:800;color:#777;text-transform:uppercase;letter-spacing:.08em}.store-card-title{font-size:1.3rem;font-weight:950;color:#000;letter-spacing:-.03em}@keyframes icon-float{0%{transform:translate(0) rotate(0)}33%{transform:translate(20px,40px) rotate(15deg)}66%{transform:translate(-30px,20px) rotate(-10deg)}to{transform:translate(0) rotate(0)}}@keyframes rainbow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-entrance{opacity:0;transform:translateY(50px);animation:entrance-anim 1.2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes entrance-anim{to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@media(max-width:768px){.onboarding-nav{padding:1.5rem 5%}.nav-actions{display:none}.hero-title{line-height:1}.hero-container{padding-top:60px}.big-black-btn{padding:1.5rem 3rem;font-size:1.3rem}}[dir=rtl] .hero-title{font-size:clamp(2rem,5vw,3.8rem);line-height:1.2;padding-bottom:.5rem}[dir=rtl] .hero-subtitle{font-size:clamp(.9rem,1.2vw,1rem);line-height:1.6}[dir=rtl] .big-black-btn{padding:.7rem 2.2rem;font-size:1rem}[dir=rtl] .nav-link{font-size:.85rem}[dir=rtl] .store-card-title{font-size:1.1rem}[dir=rtl] .store-card-label{font-size:.7rem}.orders-page-wrapper{width:100%}.dashboard-content.orders-layout{padding:1}.orders-list-container{width:100%;display:flex;flex-direction:column}.card-glass{--card-bg: rgba(255, 255, 255, .88);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:24px;box-shadow:0 8px 32px #0000000d}.orders-header{margin-bottom:32px}.orders-header h1{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:4px}.orders-header p{color:#64748b;font-size:.9rem;margin:0}.orders-table-wrapper{background:var(--card-bg, white);border:1px solid rgba(226,232,240,.7);border-radius:12px;overflow:hidden;margin:0 32px 32px;box-shadow:0 10px 30px #1f73b71f;padding:0}.orders-table{width:100%;border-collapse:collapse;text-align:left;margin:0 auto}.orders-table tbody tr{transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer}.orders-table tbody tr:hover{background:#1f73b708!important}.orders-table th{padding:16px 20px;color:#475569;background:#1f73b705;font-weight:700;font-size:11px;border-bottom:2px solid rgba(31,115,183,.1)!important;text-transform:uppercase;letter-spacing:.06em}.orders-table td{padding:16px 20px;color:#334155;font-size:13px;font-weight:500;border-bottom:1px solid rgba(31,115,183,.05)}.order-id-link{color:var(--primary)!important;font-weight:750;cursor:pointer;transition:all .2s}.order-id-link:hover{color:#0284c7!important;text-decoration:none!important}.total-cell{font-weight:750;color:#0f172a}.status-pill{padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.escrow-held{background:#1f73b70f;color:var(--primary);border:1px solid rgba(31,115,183,.15)}.escrow-released{background:#28a7450f;color:#28a745;border:1px solid rgba(40,167,69,.15)}.status-pill.order-created{background:#6366f114!important;color:#6366f1!important;border:1.5px solid rgba(99,102,241,.25)!important}.status-pill.order-confirmed{background:#1f73b714!important;color:#1f73b7!important;border:1.5px solid rgba(31,115,183,.25)!important}.status-pill.order-shipped{background:#f59e0b14!important;color:#d97706!important;border:1.5px solid rgba(245,158,11,.25)!important}.status-pill.order-delivered,.status-pill.order-completed{background:#10b98114!important;color:#10b981!important;border:1.5px solid rgba(16,185,129,.25)!important}.status-pill.order-cancelled{background:#ef444414!important;color:#ef4444!important;border:1.5px solid rgba(239,68,68,.25)!important}.order-processing{background:#ffc1070f;color:#d97706;border:1px solid rgba(255,193,7,.15)}.order-completed{background:#28a7450f;color:#28a745;border:1px solid rgba(40,167,69,.15)}.view-details-btn{background:#1f73b70f!important;border:1px solid rgba(31,115,183,.15)!important;color:var(--primary)!important;font-weight:700;padding:6px 16px;border-radius:20px;cursor:pointer;font-size:12px;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.view-details-btn:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1f73b726!important;text-decoration:none!important}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;margin-bottom:24px;font-size:15px;padding:0}.order-detail-container{padding:24px 32px}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-main h1{font-size:22px;font-weight:600;color:#1e293b;margin-bottom:4px}.header-main p{color:#64748b;font-size:13px}.header-status{display:flex;gap:12px}.order-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.detail-main-column,.detail-sidebar-column{display:flex;flex-direction:column;gap:24px}.order-items-card h3,.shipment-proof-card h3,.inspection-video-card h3,.escrow-details-card h3,.actions-card h3{font-size:15px;font-weight:600;margin-bottom:20px;color:#1e293b}.order-item{display:flex;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f1f5f9}.item-info h4{font-size:14px;font-weight:500;margin-bottom:2px}.item-info p{color:#94a3b8;font-size:12px}.item-price{font-weight:700;color:var(--primary)}.total-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:2px solid #f1f5f9;font-weight:700}.total-amount{font-size:18px;color:var(--primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;font-size:64px;color:#94a3b8;margin-bottom:24px;position:relative}.empty-state p{color:#64748b;font-size:13px;margin-bottom:20px}.play-icon{position:relative;color:#94a3b8}.escrow-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.escrow-stat label{display:block;color:#94a3b8;font-size:13px;margin-bottom:4px}.escrow-stat .value{font-size:16px;font-weight:600;color:#1e293b}.escrow-stat .value-primary{font-size:18px;font-weight:700;color:var(--primary)}.escrow-stat .value-success{font-size:16px;font-weight:600;color:#16a34a}.escrow-progress-container label{display:block;font-size:14px;font-weight:600;margin-bottom:12px;color:#64748b}.progress-bar-bg{height:8px;background:#f1f5f9;border-radius:4px;margin-bottom:8px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:4px}.progress-labels{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8}.full-width{width:100%}.btn-small-width{width:fit-content;padding-left:32px;padding-right:32px}.btn-action-animated{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-action-animated:hover{border-color:var(--primary, #1a56db);color:var(--primary, #1a56db);background:#1a56db0d;transform:translateY(-1px);box-shadow:0 4px 12px #1a56db1a}.btn-action-animated:active{transform:translateY(0)}.animate-in{animation:fadeIn .4s ease-out}[dir=rtl] .orders-header h1,[dir=rtl] .orders-header p{text-align:right}.empty-orders-view-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px;max-width:600px;margin:40px auto;border-radius:24px}.empty-illustration{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:32px}.blob-bg{position:absolute;width:120px;height:120px;background:linear-gradient(135deg,#1f73b733,#1f73b70d);border-radius:40% 60% 70% 30%/40% 50% 60%;animation:blobMorph 8s linear infinite}.main-icon{font-size:56px;color:var(--primary);z-index:1;filter:drop-shadow(0 4px 12px rgba(31,115,183,.2))}.dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--primary)}.dot-1{top:20%;right:10%;animation:float 3s ease-in-out infinite}.dot-2{bottom:15%;left:15%;animation:float 4s ease-in-out infinite reverse;opacity:.5}@keyframes blobMorph{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%}33%{border-radius:60% 40% 30% 70%/50% 60% 40%}66%{border-radius:40% 60% 50% 50%/60% 40%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-orders-view-premium h2{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:12px}.empty-orders-view-premium p{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:32px}.btn-discover{background:var(--primary);color:#fff;padding:12px 32px;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #1f73b733}.btn-discover:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1f73b74d;filter:brightness(1.1)}.btn-discover:active{transform:translateY(0)}[dir=rtl] .empty-orders-view-premium p{text-align:center}[dir=rtl] .btn-discover{font-family:inherit}[dir=rtl] .orders-table,[dir=rtl] .orders-table th,[dir=rtl] .orders-table td{text-align:right}[dir=rtl] .orders-table-wrapper{margin:0 0 32px 32px}[dir=rtl] .order-detail-header,[dir=rtl] .header-status,[dir=rtl] .order-item{flex-direction:row-reverse}[dir=rtl] .item-info h4,[dir=rtl] .item-info p{text-align:right}[dir=rtl] .total-row{flex-direction:row-reverse}[dir=rtl] .escrow-stat label,[dir=rtl] .escrow-stat .value,[dir=rtl] .escrow-stat .value-primary,[dir=rtl] .escrow-stat .value-success,[dir=rtl] .escrow-progress-container label,[dir=rtl] .order-items-card h3,[dir=rtl] .shipment-proof-card h3,[dir=rtl] .inspection-video-card h3,[dir=rtl] .escrow-details-card h3,[dir=rtl] .actions-card h3{text-align:right}[dir=rtl] .order-detail-container{direction:rtl}[dir=rtl] .back-btn{flex-direction:row-reverse}[dir=rtl] .header-main h1,[dir=rtl] .header-main p{text-align:right}.order-timeline-container{margin-bottom:32px;padding:32px;background:linear-gradient(135deg,#ffffffe6,#f8fafce6)}.order-timeline-container.cancelled{background:#fef2f2;border-color:#fca5a5;display:flex;justify-content:center;padding:24px}.timeline-cancelled-msg{display:flex;align-items:center;gap:12px;color:#ef4444;font-weight:700;font-size:1.1rem}.timeline-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;max-width:800px;margin:0 auto}.step-indicator-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;background:#fff;border-radius:50%;z-index:3}.step-indicator{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .4s ease;z-index:3}.timeline-step.active .step-indicator{background:var(--primary);box-shadow:0 4px 12px #1f73b74d}.timeline-step.current .step-indicator{background:#0f172a;transform:scale(1.1);box-shadow:0 0 20px #0f172a66}.step-pulse{position:absolute;width:48px;height:48px;border-radius:50%;background:#0f172a;opacity:.2;animation:timelinePulse 2s infinite ease-out;z-index:1}@keyframes timelinePulse{0%{transform:scale(1);opacity:.3}to{transform:scale(1.6);opacity:0}}.step-dot{width:8px;height:8px;background:#94a3b8;border-radius:50%}.step-label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:center;transition:color .3s}.timeline-step.active .step-label{color:#1e293b}.timeline-step.current .step-label{color:var(--primary)}.step-connector{position:absolute;top:24px;left:50%;width:100%;height:3px;background:#e2e8f0;z-index:1;transform:translateY(-50%)}.step-connector.active{background:linear-gradient(90deg,var(--primary),#60a5fa);box-shadow:0 0 8px #1f73b766}.action-box-container{margin-bottom:32px;background:var(--card-bg);position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.6);border-radius:12px;padding:20px}.action-box-container.gradient-border:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.action-box-content{display:flex;gap:24px;align-items:flex-start}.action-box-icon{width:56px;height:56px;border-radius:16px;background:#f1f5f9;color:#475569;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.action-box-icon.primary{background:#eff6ff;color:#3b82f6}.action-box-icon.success{background:#f0fdf4;color:#10b981}.action-box-text{flex:1}.action-box-text h3{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:8px}.action-box-text p{color:#64748b;margin-bottom:16px;font-size:.95rem}.warning-text{color:#f59e0b!important;font-weight:600}.success-text{color:#10b981!important;font-weight:600}.waiting-text{font-style:italic;color:#94a3b8!important}.action-buttons-row{display:flex;gap:12px;margin-top:20px}.proof-preview{max-width:100%;max-height:300px;border-radius:12px;border:2px solid #e2e8f0;margin-bottom:16px;object-fit:cover}.upload-zone-premium{width:100%;min-height:160px;border:2px dashed #cbd5e1;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f8fafc;transition:all .3s ease;margin-top:16px}.upload-zone-premium:hover{border-color:#3b82f6;background:#eff6ff}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icons{position:relative;display:flex;align-items:center;justify-content:center}.upload-icons .icon-main{font-size:32px;color:#94a3b8;transition:color .3s}.upload-icons .icon-sub{position:absolute;bottom:-4px;right:-8px;font-size:16px;color:#3b82f6;background:#fff;border-radius:50%;padding:2px}.upload-zone-premium:hover .icon-main{color:#3b82f6}.upload-prompt span{color:#64748b;font-weight:500}.uploading-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:#3b82f6}.icon-large{font-size:36px}.video-player-mock{width:100%;padding:24px;background:#1e293b;border-radius:12px;display:flex;align-items:center;gap:16px;color:#fff;margin:16px 0;cursor:pointer;transition:transform .2s}.video-player-mock:hover{transform:scale(1.02)}.video-player-mock .play-icon{font-size:32px;color:#ef4444}.video-player-mock span{font-family:monospace;color:#94a3b8;word-break:break-all}.order-timeline-container{margin-bottom:40px;padding:40px 32px;background:var(--card-bg);border-radius:24px;box-shadow:0 15px 40px #0f172a0a,0 0 0 1px #e2e8f080;position:relative;overflow:hidden}.order-timeline-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.order-timeline-container.cancelled{background:#fef2f2;border-color:#fca5a5;display:flex;justify-content:center;padding:32px}.timeline-cancelled-msg{display:flex;align-items:center;gap:12px;color:#ef4444;font-weight:800;font-size:1.2rem}.timeline-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;margin:0 auto}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;z-index:2}.step-indicator-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:16px;width:56px;height:56px;border-radius:50%;background:#f8fafc;border:4px solid #ffffff;box-shadow:0 0 0 2px #e2e8f0;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:2}.timeline-step.active .step-indicator-wrapper{background:#3b82f6;box-shadow:0 0 0 2px #3b82f6,0 8px 16px #3b82f64d;color:#fff}.timeline-step.current .step-indicator-wrapper{background:#fff;box-shadow:0 0 0 2px #3b82f6,0 8px 16px #3b82f64d;color:#3b82f6}.step-indicator{display:flex;align-items:center;justify-content:center;font-size:1.5rem}.step-dot{width:12px;height:12px;background:#cbd5e1;border-radius:50%}.timeline-step.current .step-dot{background:#3b82f6;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.step-pulse{position:absolute;inset:-8px;border:2px solid #3b82f6;border-radius:50%;animation:ping 2s cubic-bezier(0,0,.2,1) infinite;z-index:-1}.step-label{font-weight:800;font-size:1.1rem;color:#94a3b8;text-align:center;transition:color .3s}.step-status-sub{font-size:.8rem;color:#cbd5e1;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:4px}.timeline-step.active .step-label{color:#0f172a}.timeline-step.current .step-label{color:#3b82f6}.step-connector{position:absolute;top:28px;left:50%;width:100%;height:4px;background:#f1f5f9;z-index:1;border-radius:2px}.step-connector.active{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 2px 8px #3b82f633}[dir=rtl] .step-connector{left:auto;right:50%}[dir=rtl] .step-connector.active{background:linear-gradient(270deg,#3b82f6,#60a5fa)}@media(max-width:1024px){.order-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.orders-container{padding:16px}.order-timeline-container{padding:24px}.timeline-steps{flex-direction:column;align-items:flex-start;gap:32px}.timeline-step{flex-direction:row;gap:24px;width:100%}.step-label{text-align:left}[dir=rtl] .step-label{text-align:right}.step-connector{top:56px;left:26px;width:4px;height:100%}[dir=rtl] .step-connector{left:auto;right:26px}.step-indicator-wrapper{margin-bottom:0}.orders-table-wrapper{overflow-x:auto}.orders-table{min-width:800px}.order-detail-header{flex-direction:column;gap:16px}.action-box-content{flex-direction:column;align-items:center;text-align:center}.action-buttons-row{flex-direction:column;width:100%}.action-buttons-row button{width:100%}}@media(max-width:480px){.empty-orders-view-premium{padding:40px 20px}.detail-main-column{gap:16px}}.loading-state-full,.error-state-full{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;font-size:1.15rem;font-weight:600;color:#64748b;gap:16px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.3);margin:32px}.loading-state-full svg{font-size:3rem;color:var(--primary);animation:spin 1.5s linear infinite}.error-state-full svg{font-size:3.2rem;color:#ef4444}.order-parties-card{background:linear-gradient(135deg,#fffc,#f8fafccc);border:1px solid rgba(255,255,255,.5);padding:24px;border-radius:16px;box-shadow:0 10px 30px #00000008}.party-details{display:flex;flex-direction:column;gap:14px}.party-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(15,23,42,.05);padding-bottom:8px}.party-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}[dir=rtl] .party-label{text-align:right}.party-value{font-size:13.5px;font-weight:600;color:#0f172a}.party-row-full{display:flex;flex-direction:column;gap:6px}.party-value-address{font-size:13px;font-weight:500;color:#334155;background:#0f172a05;padding:8px 12px;border-radius:8px;border:1px solid rgba(15,23,42,.04);line-height:1.45}[dir=rtl] .party-value-address{text-align:right}.party-name-td{font-weight:600;color:#0f172a}.total-cell{font-weight:700;color:#0f172a!important}@keyframes spin{to{transform:rotate(360deg)}}.escrow-security-shield-banner{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(255,215,0,.25);border-radius:16px;margin-bottom:24px;box-shadow:0 10px 30px #00000026,0 0 15px #ffd70014;overflow:hidden}.escrow-security-shield-banner:after{content:"";position:absolute;inset:-50%;background:radial-gradient(circle,rgba(255,215,0,.06) 0%,transparent 70%);pointer-events:none;z-index:1}.shield-icon{font-size:20px;z-index:2;animation:shieldPulse 2.5s infinite ease-in-out}.shield-text{font-size:13.5px;font-weight:700;letter-spacing:1px;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4);z-index:2;text-transform:uppercase}@keyframes shieldPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,215,0,.2))}50%{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}}[dir=rtl] .escrow-security-shield-banner{flex-direction:row-reverse}.orders-glass-header{background:#ffffffd9!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:20px!important;padding:24px 32px!important;margin-bottom:32px;box-shadow:0 12px 40px #1f73b70f!important;display:flex;flex-direction:column;gap:20px}.back-btn-glass{display:flex;align-items:center;gap:8px;background:#1f73b70f;border:1px solid rgba(31,115,183,.15);color:var(--primary);padding:8px 16px;border-radius:30px;font-weight:600;cursor:pointer;font-size:13.5px;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content}.back-btn-glass:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px #1f73b733;transform:translateY(-1px)}.header-info-row{display:flex;justify-content:space-between;align-items:center;width:100%}.header-info-row h1{font-size:24px;font-weight:700;color:#0f172a;letter-spacing:-.5px;margin:0 0 6px}.header-info-row p{font-size:13.5px;color:#64748b;margin:0}.status-badge-premium{padding:8px 20px;border-radius:30px;font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #0000000d}.status-badge-premium.created{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.status-badge-premium.confirmed{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.status-badge-premium.shipped{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.status-badge-premium.delivered{background:#6b46c11a;color:#6b46c1;border:1px solid rgba(107,70,193,.2)}[dir=rtl] .header-info-row,[dir=rtl] .back-btn-glass{flex-direction:row-reverse}.order-timeline-container{background:#ffffffd9!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:20px!important;padding:36px 24px!important;box-shadow:0 10px 30px #00000005!important}.step-status-sub{font-size:10px;font-weight:700;color:#94a3b8;margin-top:4px;text-transform:uppercase}.timeline-step.active .step-status-sub{color:#64748b}.timeline-step.current .step-status-sub{color:var(--primary)}.order-cargo-workspace{margin-bottom:32px}.section-title-premium{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:20px;letter-spacing:-.2px;display:flex;align-items:center;gap:8px}[dir=rtl] .section-title-premium{text-align:right}.cargo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.cargo-item-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000005;display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cargo-item-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,#60a5fa 100%);opacity:0;transition:opacity .3s ease}.cargo-item-card:hover{transform:translateY(-4px);border-color:#1f73b74d;box-shadow:0 12px 30px #1f73b714}.cargo-item-card:hover:before{opacity:1}.cargo-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(226,232,240,.5);padding-bottom:12px}.cargo-index{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:1px}.cargo-badge{background:#1f73b70f;color:var(--primary);font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:20px;text-transform:uppercase}.cargo-card-body{display:flex;gap:14px;align-items:center}.cargo-card-icon{font-size:32px;color:var(--primary);opacity:.8;background:#1f73b70d;padding:10px;border-radius:12px;flex-shrink:0}.cargo-card-details{display:flex;flex-direction:column;gap:4px}.cargo-card-details h4{font-size:14px;font-weight:700;color:#1e293b;margin:0}.cargo-card-meta{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#64748b}.cargo-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(226,232,240,.5);padding-top:12px;margin-top:4px}.footer-label{font-size:12px;color:#94a3b8;font-weight:600}.footer-price{font-size:15px;font-weight:800;color:#0f172a}.cargo-total-summary{display:flex;justify-content:space-between;align-items:center;padding:24px 32px!important;background:linear-gradient(135deg,#ffffffe6,#f8fafce6)!important;border:1px solid rgba(255,215,0,.2)!important;border-radius:20px!important;box-shadow:0 10px 30px #00000008!important}.summary-left{display:flex;flex-direction:column;gap:4px}.summary-left span{font-size:14px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.summary-left p{font-size:12.5px;color:#94a3b8;margin:0}.summary-right{display:flex;align-items:center}.summary-price{font-size:26px;font-weight:900;color:#0f172a;letter-spacing:-.5px}[dir=rtl] .cargo-card-header,[dir=rtl] .cargo-card-body,[dir=rtl] .cargo-card-footer,[dir=rtl] .cargo-total-summary{flex-direction:row-reverse}[dir=rtl] .cargo-card-meta,[dir=rtl] .summary-left{text-align:right}.animate-zoom-in{animation:zoomIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.order-timeline-container{background:#fffc!important;border:1px solid rgba(226,232,240,.8)!important;border-radius:24px!important;padding:40px 32px!important;margin-bottom:32px;box-shadow:0 10px 40px #00000005!important}.timeline-steps{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%}.timeline-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;z-index:2}.step-indicator-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.step-indicator{width:44px;height:44px;border-radius:50%;background:#fff;border:3px solid #cbd5e1;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 4px 10px #0000000a;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.timeline-step.active .step-indicator{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 15px #1f73b766}.timeline-step.current .step-indicator{background:#0f172a;border-color:#0f172a;color:#fff;box-shadow:0 0 20px #0f172a40;transform:scale(1.12)}.step-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.step-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid #0f172a;opacity:.8;animation:stepPulse 1.8s infinite ease-out}@keyframes stepPulse{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.3);opacity:0}}.step-label{font-size:14px;font-weight:700;color:#64748b;margin-bottom:4px;transition:color .3s ease}.timeline-step.active .step-label{color:var(--primary)}.timeline-step.current .step-label{color:#0f172a;font-weight:800}.step-status-sub{font-size:10.5px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.timeline-step.active .step-status-sub{color:#60a5fa}.timeline-step.current .step-status-sub{color:#0f172a}.step-connector{position:absolute;top:22px;left:calc(50% + 22px);width:calc(100% - 44px);height:4px;background:#e2e8f0;z-index:1;transition:background .4s ease}.step-connector.active{background:linear-gradient(90deg,var(--primary) 0%,#60a5fa 100%);box-shadow:0 0 10px #1f73b740}[dir=rtl] .step-connector{right:calc(50% + 22px);left:auto;background:#e2e8f0}[dir=rtl] .step-connector.active{background:linear-gradient(270deg,var(--primary) 0%,#60a5fa 100%)}.order-detail-container{animation:detailSlideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes detailSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.proof-preview{border-radius:16px!important;border:1.5px solid rgba(15,23,42,.08)!important;transition:all .3s ease;cursor:pointer}.proof-preview:hover{transform:scale(1.02);box-shadow:0 10px 25px #0000000d}.order-detail-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:30px;margin-top:30px}.detail-main-column,.detail-sidebar-column{display:flex;flex-direction:column;gap:30px}.order-parties-card,.shipment-proof-card,.actions-card{background:#fffc!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1.5px solid rgba(255,255,255,.7)!important;border-radius:24px!important;padding:26px!important;box-shadow:0 15px 35px #1f73b70a!important;transition:all .3s cubic-bezier(.16,1,.3,1)}.order-parties-card:hover,.shipment-proof-card:hover,.actions-card:hover{transform:translateY(-2px);box-shadow:0 20px 45px #1f73b714!important;border-color:#1f73b740!important}.order-parties-card h3,.shipment-proof-card h3,.actions-card h3{font-size:1.1rem;font-weight:800;color:#0f172a;margin:0 0 20px;letter-spacing:-.01em;border-bottom:1.5px solid rgba(15,23,42,.04);padding-bottom:12px}[dir=rtl] .order-parties-card h3,[dir=rtl] .shipment-proof-card h3,[dir=rtl] .actions-card h3{text-align:right}.party-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed rgba(15,23,42,.06)}[dir=rtl] .party-row{flex-direction:row-reverse}.party-label{font-size:.76rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.party-value{font-size:.94rem;font-weight:700;color:#0f172a}.party-row-full{display:flex;flex-direction:column;gap:8px;padding-top:14px}.party-value-address{font-size:.88rem;font-weight:600;color:#334155;background:#1f73b708;padding:12px 16px;border-radius:12px;border:1px solid rgba(31,115,183,.08);line-height:1.5}.action-box-container{background:#fffc!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border:1.5px solid rgba(255,255,255,.7)!important;border-radius:24px!important;padding:28px!important;box-shadow:0 15px 40px #1f73b70d!important;margin-bottom:30px;transition:all .3s ease}.action-box-container.gradient-border:before{display:none}.action-box-container:hover{box-shadow:0 20px 50px #1f73b717!important;transform:translateY(-2px)}.action-box-icon{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 20px #0000000a}.action-box-icon.primary{background:linear-gradient(135deg,#1f73b71a,#60a5fa1a)!important;color:#1f73b7!important}.action-box-icon.success{background:linear-gradient(135deg,#10b9811a,#34d3991a)!important;color:#10b981!important}.action-box-text h3{font-size:1.25rem;font-weight:850;color:#0f172a;letter-spacing:-.01em;margin:0 0 6px}[dir=rtl] .action-box-text{text-align:right}.upload-zone-premium{width:100%;min-height:150px;border:2px dashed rgba(31,115,183,.2);background:#f8fafc99;border-radius:18px;transition:all .4s cubic-bezier(.16,1,.3,1)}.upload-zone-premium:hover{border-color:#1f73b7;background:#1f73b70a;transform:translateY(-2px);box-shadow:0 10px 25px #1f73b70d}.btn-action-animated{width:100%;padding:14px 20px;background:#0f172a;color:#fff;border:none;border-radius:14px;font-weight:700;font-size:.94rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-action-animated:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 10px 25px #0f172a26}.cargo-item-card{background:#fffc!important;border:1.5px solid rgba(15,23,42,.05)!important;border-radius:20px!important;box-shadow:0 10px 25px #00000005!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.cargo-item-card:hover{border-color:#1f73b740!important;transform:translateY(-3px) scale(1.005)!important;box-shadow:0 15px 35px #1f73b712!important}.cargo-badge{background:linear-gradient(135deg,#10b9811a,#34d3991a)!important;color:#10b981!important;font-size:.65rem!important;font-weight:800!important;letter-spacing:.05em!important;padding:5px 12px!important;border-radius:20px!important}.cargo-card-icon{background:#1f73b70f!important;color:#1f73b7!important;border-radius:14px!important;padding:12px!important;font-size:36px!important}.meta-price{font-weight:700;color:#1e293b}.footer-price{font-size:1.05rem!important;font-weight:850!important;color:#0f172a!important}.cargo-total-summary{background:#fffc!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1.5px solid rgba(16,185,129,.25)!important;border-radius:24px!important;padding:26px 36px!important;box-shadow:0 15px 35px #10b9810a!important}.summary-price{background:linear-gradient(135deg,#10b981,#059669)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:1.75rem!important;font-weight:900!important}.holographic-status-hud{background:linear-gradient(135deg,#ffffffb8,#f5f8ff99)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:2px solid rgba(31,115,183,.18)!important;border-radius:28px!important;padding:32px 40px!important;margin-bottom:32px;box-shadow:0 20px 60px #1f73b71f,inset 0 1px #ffffffe6!important;display:flex;align-items:center;gap:40px;position:relative;overflow:hidden;color:#1e293b}.holographic-status-hud:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#2EBF91,#1F73B7,transparent)}.hud-orbital-ring{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hud-orbital-ring:before{content:"";position:absolute;inset:-8px;border:1.5px dashed rgba(31,115,183,.25);border-radius:50%;animation:rotate-radar 16s linear infinite;pointer-events:none}@keyframes rotate-radar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbital-svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.orbital-bg{fill:none;stroke:#1f73b714;stroke-width:4px}.orbital-progress{fill:none;stroke-width:6px;stroke-linecap:round;transition:stroke-dasharray 1.2s cubic-bezier(.16,1,.3,1)}.orbital-progress.created{stroke:#6366f1;stroke-dasharray:70 283;filter:drop-shadow(0 0 6px rgba(99,102,241,.4))}.orbital-progress.confirmed{stroke:#1f73b7;stroke-dasharray:141 283;filter:drop-shadow(0 0 6px rgba(31,115,183,.4))}.orbital-progress.shipped{stroke:#f59e0b;stroke-dasharray:212 283;filter:drop-shadow(0 0 6px rgba(245,158,11,.4))}.orbital-progress.delivered{stroke:#10b981;stroke-dasharray:283 283;filter:drop-shadow(0 0 6px rgba(16,185,129,.4))}.orbital-label{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}.orbital-stage{font-size:.48rem!important;font-weight:900!important;letter-spacing:.12em!important;color:#64748b!important;text-transform:uppercase!important}.orbital-status-text{font-size:.65rem!important;font-weight:950!important;color:#0f172a!important;letter-spacing:.05em!important;margin-top:1px!important;text-transform:uppercase!important}.hud-details-main{display:flex;justify-content:space-between;align-items:center;width:100%}.hud-order-title h1{font-size:1.6rem!important;font-weight:950!important;letter-spacing:-.03em!important;color:#0f172a!important;margin:0 0 6px!important;background:none!important;-webkit-text-fill-color:unset!important}.hud-meta-row{display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:700;color:#64748b;letter-spacing:.05em}.secure-channel-tag{display:inline-flex;align-items:center;gap:6px;color:#1f73b7;background:#1f73b714;padding:3px 10px;border-radius:20px;font-size:.68rem;font-weight:900;letter-spacing:.08em;border:1px solid rgba(31,115,183,.25);box-shadow:0 2px 8px #1f73b70d}.secure-channel-tag:before{content:"";display:inline-block;width:6px;height:6px;background:#1f73b7;border-radius:50%;box-shadow:0 0 8px #1f73b7;animation:live-ping 1.5s infinite}@keyframes live-ping{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.25);opacity:1}to{transform:scale(.9);opacity:.6}}.back-btn-hud{display:flex;align-items:center;gap:8px;background:#1f73b70d;border:1.5px solid rgba(31,115,183,.15);color:#1f73b7;padding:10px 22px;border-radius:30px;font-weight:850;font-size:.82rem;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px 12px #1f73b714;transition:all .3s cubic-bezier(.16,1,.3,1)}.back-btn-hud:hover{background:#1f73b71f;color:#0d5c96;border-color:#1f73b74d;transform:translateY(-2px);box-shadow:0 8px 20px #1f73b72e}.back-btn-hud.contact{background:#1f73b70f;border:1.5px solid rgba(31,115,183,.2);color:#1f73b7;box-shadow:0 4px 12px #1f73b714}.back-btn-hud.contact:hover{background:#1f73b7;color:#fff;border-color:#1f73b7;transform:translateY(-2px);box-shadow:0 8px 20px #1f73b740}.mission-control-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:32px}@media(max-width:1024px){.mission-control-grid{grid-template-columns:1fr}}.control-left-sector,.control-right-sector{display:flex;flex-direction:column;gap:32px}.vertical-timeline-hud{background:linear-gradient(135deg,#ffffffe6,#f0f5ffcc)!important;border:1.5px solid rgba(31,115,183,.15)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;border-radius:24px;padding:32px;box-shadow:0 20px 45px #1f73b70f,inset 0 1px #ffffffb3!important}.hud-title-bar{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.04)}.radar-ping{width:10px;height:10px;border-radius:50%;background:#06b6d4;position:relative}.radar-ping:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid #06b6d4;animation:radarPulse 1.8s infinite}@keyframes radarPulse{0%{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}.hud-title-bar h3{font-size:.85rem;font-weight:800;color:#64748b;letter-spacing:.08em;margin:0}.vertical-steps-list{display:flex;flex-direction:column;gap:0}.vertical-timeline-step{display:flex;gap:24px;position:relative}.step-left-lane{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-icon-wrapper-hud{width:38px;height:38px;border-radius:50%;background:#f8fafc;border:1.5px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;z-index:2;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.vertical-timeline-step.active .step-icon-wrapper-hud{background:#1f73b70f;border-color:#1f73b766;color:#1f73b7}.vertical-timeline-step.current .step-icon-wrapper-hud{background:#1f73b7;border-color:#1f73b7;color:#fff;box-shadow:0 0 20px #1f73b766}.orbital-ping-glow{position:absolute;inset:-4px;border-radius:50%;border:2px solid #1F73B7;animation:radarPulse 2s infinite ease-out}.vertical-connector-line{width:2px;flex-grow:1;background:#e2e8f0;margin:8px 0;z-index:1;position:relative;min-height:50px}.vertical-connector-line.completed{background:#1f73b7;box-shadow:0 0 8px #1f73b74d}.step-right-lane{flex-grow:1;padding-bottom:32px}.step-hud-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.step-hud-header h4{font-size:1rem;font-weight:800;color:#94a3b8;margin:0;transition:color .3s ease}.vertical-timeline-step.active .step-hud-header h4{color:#334155}.vertical-timeline-step.current .step-hud-header h4{color:#0f172a}.step-hud-status-badge{font-size:.65rem;font-weight:800;letter-spacing:.05em;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:6px;border:1px solid #e2e8f0}.vertical-timeline-step.active .step-hud-status-badge{color:#1f73b7;background:#1f73b714;border-color:#1f73b726}.vertical-timeline-step.current .step-hud-status-badge{color:#fff;background:#1f73b7;border-color:#1f73b7}.step-hud-desc{font-size:.88rem;color:#94a3b8;margin:0;line-height:1.5;transition:color .3s ease}.vertical-timeline-step.active .step-hud-desc{color:#64748b}.vertical-timeline-step.current .step-hud-desc{color:#475569}.order-timeline-vertical.cancelled{background:#ef444414;border:1.5px solid rgba(239,68,68,.25);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px}.cancelled-pulse-ring{width:50px;height:50px;border-radius:50%;background:#ef444426;display:flex;align-items:center;justify-content:center;color:#ef4444;border:1.5px solid rgba(239,68,68,.3);animation:cancelledFlash 1.5s infinite}@keyframes cancelledFlash{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.cancelled-text-block h4{font-size:1.1rem;font-weight:800;color:#fca5a5;margin:0 0 4px}.cancelled-text-block p{font-size:.88rem;color:#f87171;margin:0}.order-cargo-workspace{background:#fff!important;border:1px solid rgba(99,102,241,.12)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;border-radius:24px!important;padding:32px!important;box-shadow:0 20px 40px #6366f10a,0 1px 3px #00000003!important}.section-title-premium{font-size:.85rem!important;font-weight:800!important;color:#64748b!important;letter-spacing:.08em!important;margin-bottom:24px!important;border-bottom:1.5px solid #f1f5f9!important;padding-bottom:16px!important}.cargo-item-card.modular-block{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 10px 25px #00000003!important;transform:perspective(1000px) rotateX(0) rotateY(0);transition:all .4s cubic-bezier(.16,1,.3,1)!important;overflow:hidden}.cargo-item-card.modular-block:hover{border-color:#6366f159!important;transform:perspective(1000px) translateY(-4px) rotateX(1.5deg) rotateY(1.5deg)!important;box-shadow:0 15px 35px #6366f114,0 0 20px #6366f105!important}.cargo-card-header{background:#f8fafc!important;border-bottom:1.5px solid #e2e8f0!important;padding:14px 20px!important}.cargo-index{color:#94a3b8!important;font-weight:800!important;letter-spacing:.05em!important}.cargo-card-body{padding:20px!important}.cargo-card-icon{background:#6366f114!important;color:#6366f1!important;border:1px solid rgba(99,102,241,.15)!important}.cargo-card-details h4{color:#1e293b!important;font-weight:800!important}.meta-price{color:#64748b!important}.cargo-card-footer{border-top:1.5px solid #e2e8f0!important;background:#f8fafc!important;padding:16px 20px!important}.footer-label{color:#64748b!important;font-weight:700!important}.footer-price{color:#6366f1!important;font-weight:900!important}.cargo-total-summary.card-glass{background:#fff!important;border:1.5px solid rgba(99,102,241,.25)!important;border-radius:24px!important;box-shadow:0 15px 35px #6366f10d!important}.summary-left span{color:#94a3b8!important;font-weight:800!important;letter-spacing:.05em!important}.summary-left p{color:#64748b!important}.summary-price{background:linear-gradient(135deg,#6366f1,#a855f7)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 15px rgba(99,102,241,.08)}.order-parties-card.card-glass,.shipment-proof-card.card-glass,.actions-card.card-glass{background:#fff!important;border:1px solid rgba(99,102,241,.12)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;border-radius:24px!important;padding:28px!important;box-shadow:0 20px 40px #6366f10a,0 1px 3px #00000003!important}.order-parties-card h3,.shipment-proof-card h3,.actions-card h3{font-size:.85rem!important;font-weight:800!important;color:#64748b!important;letter-spacing:.08em!important;margin-bottom:20px!important;border-bottom:1.5px solid #f1f5f9!important;padding-bottom:12px!important;text-transform:uppercase!important}.party-label{color:#64748b!important}.party-value{color:#1e293b!important}.party-row{border-bottom-color:#f1f5f9!important}.party-value-address{background:#f8fafc!important;border-color:#e2e8f0!important;color:#475569!important}.proof-image-link{position:relative;display:block;border-radius:16px;overflow:hidden;border:1.5px solid rgba(255,255,255,.05)}.proof-preview{width:100%;height:auto;display:block;transition:all .4s ease}.proof-overlay-hud{position:absolute;inset:0;background:#06b6d4b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .35s cubic-bezier(.16,1,.3,1)}.proof-overlay-hud span{font-size:.85rem;font-weight:800;color:#fff;letter-spacing:.08em;border:1.5px solid #ffffff;padding:8px 16px;border-radius:8px;transform:translateY(10px);transition:all .35s cubic-bezier(.16,1,.3,1)}.proof-image-link:hover .proof-overlay-hud{opacity:1}.proof-image-link:hover .proof-overlay-hud span{transform:translateY(0)}.proof-image-link:hover .proof-preview{transform:scale(1.05)}.btn-action-animated{background:linear-gradient(135deg,#06b6d40d,#06b6d405)!important;border:1.5px solid rgba(6,182,212,.2)!important;color:#06b6d4!important;padding:14px 24px!important;font-size:.85rem!important;font-weight:800!important;letter-spacing:.08em!important;border-radius:16px!important;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1)!important}.btn-action-animated:hover{background:#06b6d4!important;color:#fff!important;border-color:#06b6d4!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px #06b6d44d,0 0 15px #06b6d433!important}.upload-zone-premium{background:#ffffff03!important;border:2px dashed rgba(6,182,212,.2)!important;border-radius:20px!important;padding:32px!important;transition:all .35s cubic-bezier(.16,1,.3,1)!important}.upload-zone-premium:hover{background:#06b6d408!important;border-color:#06b6d4!important;transform:translateY(-2px);box-shadow:0 10px 25px #06b6d40d!important}.upload-prompt span{color:#94a3b8!important;font-weight:700!important}.upload-icons .icon-main{color:#06b6d4!important}.upload-icons .icon-sub{color:#8b5cf6!important}[dir=rtl] .hud-orbital-ring{margin-left:0;margin-right:0}[dir=rtl] .hud-details-main,[dir=rtl] .back-btn-hud,[dir=rtl] .hud-meta-row{flex-direction:row-reverse}[dir=rtl] .step-left-lane{margin-left:0}[dir=rtl] .btn-action-animated{flex-direction:row-reverse}.card-glass,.modular-block,.action-box-container,.cargo-total-summary,.cargo-item-card,.premium-timeline-invoice,.order-parties-card,.shipment-proof-card,.actions-card{background:#ffffffb8!important;backdrop-filter:blur(20px) saturate(190%)!important;-webkit-backdrop-filter:blur(20px) saturate(190%)!important;border:1.5px solid rgba(31,115,183,.15)!important;border-radius:24px!important;box-shadow:0 12px 36px #1f73b70d,inset 0 1px #fffc!important;color:#1a1a1a!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.card-glass:hover,.modular-block:hover,.cargo-item-card:hover{border-color:#1f73b759!important;box-shadow:0 20px 45px #1f73b71a,inset 0 1px #ffffffe6!important;transform:translateY(-2px)!important}.cargo-item-card,.modular-block{background:#ffffff80!important}.cargo-card-header,.cargo-card-footer{background:#1f73b708!important;border-color:#1f73b714!important}.pack-cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;align-items:stretch;margin-bottom:32px}.wallet-container{--primary: #1F73B7;--primary-light: #eaf3fb;--primary-dark: #155a8a;--bg-main: #f8fafc;--surface: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--border-light: #e2e8f0;--border-focus: #cbd5e1;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(0, 0, 0, .04);--shadow-glow: 0 8px 24px rgba(31, 115, 183, .15);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;max-width:100%;margin:0;padding-bottom:5rem;display:flex;flex-direction:column;gap:24px;font-family:Montserrat,system-ui,sans-serif}.wallet-layout{background:var(--bg-main);min-height:100vh}[dir=rtl] .wallet-container,[dir=rtl] .wallet-container *{font-family:Noto Kufi Arabic,Cairo,system-ui,sans-serif}.wallet-header{margin-bottom:8px}.wallet-header h1{font-size:24px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px;margin:0 0 4px}.wallet-header p{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.balance-showcase.mini-card{position:relative;width:100%;background:linear-gradient(135deg,var(--primary) 0%,#114e80 100%);border-radius:var(--radius-lg);padding:36px 40px;min-height:140px;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:var(--shadow-glow);border:1px solid rgba(255,255,255,.1)}.balance-showcase.mini-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:rotate-glow 20s linear infinite;pointer-events:none}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.balance-market-layer{position:absolute;inset:0;z-index:2;opacity:.12;pointer-events:none}.market-icon{position:absolute;color:#fff;animation:float-icon 25s infinite ease-in-out alternate}.market-icon.icon-1{top:10%;left:10%;font-size:2.5rem;animation-delay:0s}.market-icon.icon-2{bottom:15%;left:20%;font-size:1.8rem;animation-delay:-7s}.market-icon.icon-3{top:15%;right:15%;font-size:3rem;animation-delay:-14s}.market-icon.icon-4{bottom:10%;right:25%;font-size:2rem;animation-delay:-21s}@keyframes float-icon{0%{transform:translate(0) rotate(0)}33%{transform:translate(40px,-30px) rotate(15deg)}66%{transform:translate(-30px,40px) rotate(-10deg)}to{transform:translate(20px,20px) rotate(5deg)}}.balance-content{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.main-balance{display:flex;flex-direction:column;align-items:center}.main-balance span{font-size:.75rem;color:#fffc;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.main-balance h2{font-size:2.5rem;font-weight:700;color:#fff;margin:9px 0;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.1)}.last-updated{display:inline-block;padding:6px 12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;border:1px solid rgba(255,255,255,.05)}.purchase-section,.transactions-section{background:var(--surface);border-radius:var(--radius-lg);padding:28px 32px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.purchase-tabs{display:flex;gap:6px;background:var(--bg-main);padding:4px;border-radius:var(--radius-md);width:fit-content;margin-bottom:28px;border:1px solid var(--border-light)}.tab-btn{padding:10px 24px;border-radius:calc(var(--radius-md) - 2px);border:none;font-size:.85rem;font-weight:600;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.tab-icon{font-size:1.1rem;color:inherit}.tab-btn:hover:not(.active){color:var(--text-primary)}.tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.purchase-switch-container{position:relative;display:inline-flex;background:#f1f5f9;padding:6px;border-radius:100px;margin-bottom:32px;box-shadow:inset 0 2px 5px #0000000f}.purchase-switch-slider{position:absolute;top:6px;bottom:6px;width:calc(50% - 6px);background:var(--primary);border-radius:100px;transition:transform .4s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 15px #1f73b74d;z-index:1}.purchase-switch-slider.left{transform:translate(0)}.purchase-switch-slider.right{transform:translate(100%)}[dir=rtl] .purchase-switch-slider.left{transform:translate(0)}[dir=rtl] .purchase-switch-slider.right{transform:translate(-100%)}.switch-btn{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:180px;gap:8px;padding:12px 28px;border-radius:100px;border:none;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:700;cursor:pointer;transition:color .3s}.switch-btn.active{color:#fff}.custom-purchase-card{background:linear-gradient(145deg,#fff,#f9fafb);border-radius:var(--radius-lg);padding:40px;border:1px solid rgba(31,115,183,.2);box-shadow:0 0 0 1px #1f73b70d,0 25px 60px #1f73b726;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;animation:slideUp .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;margin-bottom:32px}[dir=rtl] .card-left{text-align:right}.card-left{display:flex;flex-direction:column;justify-content:center;gap:16px;height:100%}.card-left>*{animation:fadeSlideRight .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.card-left .custom-header{animation-delay:.1s}.card-left .wallet-input-field-container{animation-delay:.2s;max-width:280px}.card-left .btn-buy-primary{animation-delay:.3s;max-width:280px;font-size:.85rem;padding:12px}@keyframes fadeSlideRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.custom-purchase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#818cf8);z-index:5}.card-right{position:relative;height:100%;min-height:250px;display:flex;align-items:center;justify-content:center}.turning-cards-container{position:relative;width:350px;height:220px;perspective:1200px;z-index:5;animation:float-card 6s ease-in-out infinite;margin-left:-50px}[dir=rtl] .turning-cards-container{margin-left:0;margin-right:-50px}.turning-cards-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:auto-spin-cards 10s cubic-bezier(.77,0,.175,1) infinite}.turning-cards-container:hover .turning-cards-inner{animation-play-state:paused}@keyframes auto-spin-cards{0%,40%{transform:rotateY(-20deg) rotateX(10deg)}50%,90%{transform:rotateY(160deg) rotateX(10deg)}to{transform:rotateY(340deg) rotateX(10deg)}}.turning-card-front,.turning-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:14px}.turning-card-front{transform:rotateY(0)}.turning-card-back{transform:rotateY(180deg)}.floating-edahabia-card{position:relative;width:100%;height:100%;border-radius:14px;box-shadow:0 30px 60px #0b2f5c99,0 0 40px #eab30833,inset 0 0 0 1px #ffffff1a;overflow:hidden;background:linear-gradient(135deg,#0b2f5c,#061c3c)}.premium-black-card{position:relative;width:100%;height:100%;border-radius:14px;background:linear-gradient(135deg,#111,#222);box-shadow:0 30px 60px #000c,0 0 40px #ffffff1a,inset 0 0 0 1px #ffffff1a;overflow:hidden}.premium-black-card .card-glass-layer{width:100%;height:100%;padding:20px 24px;display:flex;flex-direction:column;justify-content:space-between}.premium-black-card .card-top{display:flex;justify-content:space-between;align-items:flex-start}.premium-black-card .card-chip-icon{font-size:2.8rem;color:#d4af37;transform:rotate(90deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.premium-black-card .card-type{font-size:.75rem;font-weight:800;letter-spacing:2px;color:#888;background:#ffffff1a;padding:4px 10px;border-radius:12px}.premium-black-card .card-middle{margin-top:15px}.premium-black-card .card-amount{font-size:2.2rem;font-weight:800;color:#fff;font-family:Courier New,Courier,monospace;letter-spacing:2px;text-shadow:0 2px 10px rgba(255,255,255,.3);display:flex;align-items:baseline;gap:8px}.premium-black-card .card-pts{font-size:1rem;color:#d4af37}.premium-black-card .card-bottom{display:flex;justify-content:space-between;align-items:flex-end}.premium-black-card .card-user{font-size:.85rem;font-weight:700;color:#aaa;letter-spacing:1.5px}.premium-black-card .card-network{display:flex;position:relative;width:44px;height:26px}.premium-black-card .circle-solid{width:26px;height:26px;border-radius:50%;background:#ef4444;position:absolute;left:0;z-index:1}.premium-black-card .circle-glass{width:26px;height:26px;border-radius:50%;background:#f59e0bd9;position:absolute;right:0;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:-2px 0 10px #0000001a}.edahabia-bg{position:absolute;inset:0;z-index:1;overflow:hidden}.edahabia-wireframe{position:absolute;bottom:-10px;left:10%;width:80%;height:60%;background-image:linear-gradient(90deg,rgba(255,215,0,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,215,0,.05) 1px,transparent 1px);background-size:15px 15px;opacity:.5;mask-image:linear-gradient(to top,#000,#0000);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)}.edahabia-content{position:relative;z-index:2;padding:18px 22px;display:flex;flex-direction:column;height:100%;color:#fff}.edahabia-top{display:flex;justify-content:space-between;align-items:flex-start}.edahabia-ar-gold{font-family:Arial,sans-serif;font-size:1.3rem;font-weight:800;color:#eab308;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:1px}.edahabia-post-logo-gold{height:40px;object-fit:contain;filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(10deg) brightness(1.1);transform:translateY(-5px)}.edahabia-center-text{text-align:center;width:100%;font-family:Arial,sans-serif;color:#eab308;font-size:.85rem;letter-spacing:2px;font-weight:600;margin-top:-5px;opacity:.8}.edahabia-chip-hologram-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.edahabia-chip{font-size:3.2rem;color:gold;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));transform:rotate(90deg)}.edahabia-hologram{width:45px;height:35px;border-radius:6px;background:linear-gradient(135deg,#e0e0e0,#fff,#a0a0a0,#fff,#e0e0e0);box-shadow:inset 0 0 5px #ffffffe6,0 2px 4px #0000004d;position:relative;overflow:hidden}.edahabia-hologram:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:holo-shine 3s infinite linear}@keyframes holo-shine{0%{left:-100%}to{left:200%}}.edahabia-middle{margin-top:10px}.edahabia-number{display:flex;justify-content:space-between;font-family:Courier New,Courier,monospace;font-size:1.45rem;font-weight:600;color:#eab308;text-shadow:1px 1px 2px rgba(0,0,0,.6);letter-spacing:1px}.edahabia-dynamic-pts{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5)}.edahabia-bottom{display:flex;align-items:center;margin-top:auto;gap:15px}.edahabia-arrow{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:8px solid #eab308}.edahabia-user-info{display:flex;flex-direction:column;gap:2px}.edahabia-exp{display:flex;align-items:center;gap:8px;color:#eab308}.exp-val{font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700}.exp-label-ar{font-family:Arial,sans-serif;font-size:.5rem;opacity:.8}.edahabia-user{font-family:Arial,sans-serif;font-size:.85rem;letter-spacing:2px;color:#eab308;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-shadow{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:70%;height:15px;background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0%,rgba(0,0,0,.1) 40%,transparent 70%);border-radius:50%;filter:blur(4px);animation:shadow-pulse 6s ease-in-out infinite}@keyframes float-card{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes shadow-pulse{0%{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(.6);opacity:.2}to{transform:translate(-50%) scale(1);opacity:.8}}.custom-header{display:flex;align-items:center;gap:20px}.custom-icon-wrapper{width:52px;height:52px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:14px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--primary);box-shadow:0 4px 10px #0ea5e926,inset 0 0 0 1px #fffc;flex-shrink:0}.custom-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.custom-header p{font-size:.85rem;color:var(--text-secondary);margin:0;font-weight:500}.input-row-wrapper{display:flex;align-items:center;gap:16px;margin:16px 0}.wallet-input-field-container{position:relative;display:flex;align-items:center;background:#fff;border:2px solid var(--border-light);border-radius:12px;padding:0;max-width:280px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 10px #00000005;direction:ltr!important;overflow:hidden}.wallet-input-field-container:focus-within{border:2px solid var(--primary);box-shadow:0 0 0 4px #1f73b726;transform:translateY(-2px)}.wallet-input-field-container .input-icon{color:var(--text-secondary);font-size:1.2rem;transition:color .3s;position:absolute;left:14px;z-index:2}[dir=rtl] .wallet-input-field-container .input-icon{left:auto;right:14px}.wallet-input-field-container:focus-within .input-icon{color:var(--primary)}.wallet-input-field-container input{flex:1;min-width:0;border:none;padding:10px 10px 10px 42px;font-size:1.15rem;font-weight:700;color:var(--text-primary);background:transparent;outline:none;font-family:Courier New,Courier,monospace}[dir=rtl] .wallet-input-field-container input{padding:10px 42px 10px 10px}.wallet-input-field-container input[type=number]::-webkit-inner-spin-button,.wallet-input-field-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.wallet-input-field-container input[type=number]{-moz-appearance:textfield!important;appearance:none!important}.wallet-input-field-container input[dir=ltr]{text-align:left}[dir=rtl] .wallet-input-field-container input[dir=ltr]{text-align:right}.wallet-input-field-container input::placeholder{color:var(--muted, #6b7280);font-family:Montserrat,sans-serif;font-weight:400;font-size:var(--font-body, 14px);opacity:1}.unit-badge{font-weight:800;color:var(--primary);background:var(--primary-light);padding:8px 14px;border-radius:8px;font-size:.95rem;letter-spacing:1px;box-shadow:0 4px 10px #1f73b726;flex-shrink:0}.btn-buy-primary{width:100%;max-width:280px;padding:16px;background:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);color:#fff;border:none;border-radius:12px;font-weight:800;font-size:1rem;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;justify-content:center;align-items:center;text-align:center;gap:8px;box-shadow:0 8px 20px #1f73b74d;position:relative;overflow:hidden}.btn-buy-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:btn-shine 3s infinite linear}@keyframes btn-shine{0%{left:-100%}to{left:200%}}.btn-buy-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #1f73b766}.pack-cards-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem;margin-bottom:4rem;width:100%}@media(max-width:768px){.pack-cards-container{flex-direction:column;align-items:center}}.payment-methods{margin-top:24px}.methods-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:24px}.methods-title svg{color:var(--primary);font-size:1.1rem}.methods-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.method-badge{position:relative;background:linear-gradient(145deg,#fff,#f9fafb);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-md);padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;flex:1 1 150px;max-width:180px;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 4px 20px #00000008,0 2px 4px #00000005,inset 0 0 0 1px #ffffff80}.method-badge:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.method-badge.selected{box-shadow:0 12px 30px #0000001a}.radio-circle{position:absolute;top:14px;right:14px;width:18px;height:18px;border:1.5px solid var(--border-light);border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:#ffffff80}.radio-circle:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.method-logo{height:48px;object-fit:contain;transition:transform .3s ease;z-index:2}.method-badge span{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-align:center;z-index:2;transition:color .3s}.method-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.method-badge.method-cib{border-bottom:3px solid rgba(31,115,183,.1)}.method-badge.method-cib:hover{box-shadow:0 8px 20px #1f73b726}.method-badge.method-cib.selected{background:#f0f7fc;box-shadow:0 12px 30px #1f73b740;border-bottom-color:var(--primary)}.method-badge.method-cib.selected .radio-circle{border-color:var(--primary);background:var(--primary)}.method-badge.method-cib.selected span{color:var(--primary);font-weight:700}.method-badge.method-edahabia{border-bottom:3px solid rgba(245,158,11,.1)}.method-badge.method-edahabia:hover{box-shadow:0 8px 20px #f59e0b26}.method-badge.method-edahabia.selected{background:#fffbef;box-shadow:0 12px 30px #f59e0b40;border-bottom-color:#f59e0b}.method-badge.method-edahabia.selected .radio-circle{border-color:#f59e0b;background:#f59e0b}.method-badge.method-edahabia.selected span{color:#d97706;font-weight:700}.method-badge.method-chargily{border-bottom:3px solid rgba(124,58,237,.1)}.method-badge.method-chargily:hover{box-shadow:0 8px 20px #7c3aed26}.method-badge.method-chargily.selected{background:#f5f3ff;box-shadow:0 12px 30px #7c3aed40;border-bottom-color:#7c3aed}.method-badge.method-chargily.selected .radio-circle{border-color:#7c3aed;background:#7c3aed}.method-badge.method-chargily.selected span{color:#6d28d9;font-weight:700}.method-badge.selected .radio-circle:after{opacity:1;transform:scale(1)}.method-badge.selected .method-logo{transform:scale(1.1)}.section-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 20px}.transactions-table{width:100%;border-collapse:separate;border-spacing:0}.transactions-table th{text-align:left;padding:12px 16px;font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--bg-main)}[dir=rtl] .transactions-table th{text-align:right}.transactions-table td{padding:16px;font-size:.85rem;font-weight:500;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.transactions-table tr:last-child td{border-bottom:none}.status-badge{padding:6px 12px;border-radius:20px;font-size:.7rem;font-weight:700;display:inline-block}.status-badge.completed{background:#dcfce7;color:#15803d}.status-badge.pending{background:#fef3c7;color:#b45309}.amount-cell{font-weight:700;font-variant-numeric:tabular-nums}.amount-cell.positive{color:#15803d}.amount-cell.negative{color:#ef4444}.txn-type{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.8rem}.txn-type.credit{color:#10b981}.txn-type.debit{color:#ef4444}.txn-type svg{font-size:1rem}.pack-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:2.75rem 2rem;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;overflow:hidden;width:310px;min-height:570px;height:auto;flex:0 0 310px;box-shadow:0 10px 30px #00000005}.pack-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0000000f}.pack-card.selected{background:#fff;box-shadow:0 0 0 4px #1f73b726,0 25px 50px #1f73b71a}.best-offer-badge{position:absolute;top:1.5rem;right:-2.5rem;background:linear-gradient(135deg,#f90,#f50);color:#fff;padding:.4rem 3rem;font-size:.75rem;font-weight:800;text-transform:uppercase;transform:rotate(45deg);box-shadow:0 4px 12px #ff55004d;display:flex;align-items:center;gap:.4rem;z-index:10;letter-spacing:.05em}.badge-icon{font-size:.85rem;animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.2);filter:brightness(1.2)}}.selected-indicator{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.85rem;font-weight:700;color:#1f73b7;background:#1f73b71a;padding:.45rem 1.25rem;border-radius:99px;width:fit-content;margin:0 auto;animation:fadeInSlideUp .4s ease forwards}.pack-card.pro .selected-indicator{color:#d97706;background:#f59e0b1a}.pack-card.business .selected-indicator{color:#7c3aed;background:#8b5cf61a}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.name-check-icon{font-size:1.2rem;color:#22c55e;margin-left:.5rem;vertical-align:middle}.pack-card.basic{border-top:10px solid #1F73B7;background:linear-gradient(180deg,#fff,#f4f9ff);border-left:1px solid rgba(31,115,183,.1);border-right:1px solid rgba(31,115,183,.1);border-bottom:1px solid rgba(31,115,183,.15)}.pack-card.pro{border-top:10px solid #f59e0b;background:linear-gradient(180deg,#fff,#fffdf4);transform:scale(1.05);z-index:5;box-shadow:0 15px 40px #f59e0b14;border-left:2px solid rgba(245,158,11,.2);border-right:2px solid rgba(245,158,11,.2);border-bottom:2px solid rgba(245,158,11,.25)}.pack-card.business{border-top:10px solid #8b5cf6;background:linear-gradient(180deg,#fff,#faf9ff);border-left:1px solid rgba(139,92,246,.1);border-right:1px solid rgba(139,92,246,.1);border-bottom:1px solid rgba(139,92,246,.15)}.pack-card.basic.selected{border-color:#1f73b7;box-shadow:0 0 0 4px #1f73b726,0 25px 50px #1f73b726}.pack-card.pro.selected{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b33,0 25px 50px #f59e0b33}.pack-card.business.selected{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633,0 25px 50px #8b5cf633}.pack-card.basic:hover{border-color:#1f73b7;box-shadow:0 20px 40px #1f73b726}.pack-card.pro:hover{transform:translateY(-10px) scale(1.07);box-shadow:0 30px 60px #f59e0b33}.pack-card.business:hover{border-color:#8b5cf6;box-shadow:0 20px 40px #8b5cf626}.icon-container{width:72px;height:72px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;position:relative;box-shadow:0 8px 20px #0000000d;z-index:1;border:1px solid #f1f5f9}.icon-glow{position:absolute;top:50%;left:50%;width:170%;height:170%;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;opacity:.7}.pack-card.basic .icon-glow{background:radial-gradient(circle,rgba(31,115,183,.25) 0%,transparent 65%)}.pack-card.pro .icon-glow{background:radial-gradient(circle,rgba(245,158,11,.3) 0%,transparent 65%)}.pack-card.business .icon-glow{background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 65%)}.pack-icon{font-size:34px}.pack-card.basic .pack-icon{color:#1f73b7}.pack-card.pro .pack-icon{color:#f59e0b}.pack-card.business .pack-icon{color:#8b5cf6}.pack-name{margin:0;font-size:1.5rem;font-weight:900;color:#1e293b;letter-spacing:.02em;text-transform:uppercase}.pack-card.basic .pack-name{color:#1f73b7}.pack-card.pro .pack-name{color:#e11d48}.pack-card.business .pack-name{color:#6d28d9}.pack-price{display:flex;align-items:baseline;gap:.25rem}.pack-price .amount{font-size:2.5rem;font-weight:900;color:#0f172a;transition:color .3s}.pack-price .currency{font-size:.95rem;font-weight:800;color:#64748b;text-transform:uppercase;transition:color .3s}.pack-card.basic .pack-price .amount,.pack-card.basic .pack-price .currency{color:#1f73b7!important}.pack-card.pro .pack-price .amount,.pack-card.pro .pack-price .currency{color:#f59e0b!important}.pack-card.business .pack-price .amount,.pack-card.business .pack-price .currency{color:#8b5cf6!important}.pack-stats{display:flex;align-items:center;justify-content:space-around;background:#f8fafc;border-radius:16px;padding:1.1rem;border:1px solid #f1f5f9}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.35rem;font-weight:800;color:#0f172a}.stat-label{font-size:.65rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem}.stat-divider{width:1px;height:25px;background:#e2e8f0}.pack-benefits{display:flex;flex-direction:column;gap:.85rem;list-style:none;padding:0;margin:0}.pack-benefits li{display:flex;align-items:center;gap:.8rem;font-size:.925rem;color:#334155;line-height:1.4;font-weight:550}.check-icon{font-size:1.15rem;padding:3px;border-radius:50%;background:#22c55e1a;color:#22c55e!important;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #22c55e26}.purchase-btn{width:100%;padding:1.15rem;border-radius:16px;border:none;font-weight:900;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:.02em}.pack-card.basic .purchase-btn{background:linear-gradient(135deg,#1f73b7,#0284c7);box-shadow:0 6px 20px #1f73b740;display:flex!important;visibility:visible!important;opacity:1!important}.pack-card.pro .purchase-btn{background:linear-gradient(135deg,#f90,#ea580c);box-shadow:0 6px 20px #ea580c4d;display:flex!important;visibility:visible!important;opacity:1!important}.pack-card.business .purchase-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 6px 20px #8b5cf640;display:flex!important;visibility:visible!important;opacity:1!important}.purchase-btn:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.1);box-shadow:0 12px 30px #00000026}.purchase-btn:active{transform:translateY(-1px) scale(.98)}[dir=rtl] .pack-name,[dir=rtl] .pack-price,[dir=rtl] .stat-label{letter-spacing:0}[dir=rtl] .best-offer-badge{right:auto;left:-2.5rem;transform:rotate(-45deg)}[dir=rtl] .name-check-icon{margin-left:0;margin-right:.5rem}.settings-container{padding:20px;position:relative}.settings-grid{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:flex-start;width:100%;position:relative;z-index:1}.settings-main{display:flex;flex-direction:column;gap:2rem;min-width:0;flex:1}.settings-sidebar{display:flex;flex-direction:column;gap:2rem;min-width:360px;position:sticky;top:2rem}.settings-card{background:#fff;border-radius:20px;border:1px solid #eef2f6;box-shadow:0 4px 6px -1px #00000005;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-premium{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:0 8px 32px #1f268712;overflow:hidden;transition:all .4s cubic-bezier(.165,.84,.44,1)}.glass-premium:hover{transform:translateY(-5px);box-shadow:0 15px 45px #1f26871a;border-color:#ffffff80}.header-wallet-style{margin-bottom:2rem;padding:10px}.header-wallet-style h1{font-size:32px;font-weight:900;color:#1e293b;letter-spacing:-1.5px;margin-bottom:4px}.header-wallet-style p{color:#64748b;font-size:1rem;font-weight:500}.card-header{padding:1.5rem 1.75rem;border-bottom:1px solid #f8fafc;display:flex;align-items:center;gap:1.25rem;background:#fcfdfe}.card-header.no-border{border-bottom:none}.card-content{padding:2.5rem;background:#fff;position:relative;z-index:1}.card-footer{padding:1.25rem 2rem;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.gradient-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.gradient-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.icon-badge{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 8px 16px #0000001a}.card-subtitle{font-size:.85rem;color:#94a3b8;margin-top:2px}.pending-badge-pulse{margin-left:auto;background:#f59e0b1a;color:#f59e0b;padding:6px 14px;border-radius:99px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;animation:pulse-soft 2s infinite;border:1px solid rgba(245,158,11,.2)}@keyframes pulse-soft{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.documents-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.document-card-premium{background:#ffffff80;border:1px solid #f1f5f9;border-radius:20px;padding:12px;transition:all .3s ease}.doc-preview-area{height:140px;border-radius:14px;background:#f8fafc;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative;overflow:hidden;border:1px dashed #cbd5e1}.doc-image-small{width:100%;height:100%;object-fit:cover}.doc-placeholder{font-size:2.5rem;color:#cbd5e1}.doc-overlay{position:absolute;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.document-card-premium.editable:hover .doc-overlay{opacity:1}.overlay-upload-btn{background:#fff;color:#0f172a;border:none;padding:8px 16px;border-radius:8px;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:6px;cursor:pointer;transform:translateY(10px);transition:all .3s ease}.document-card-premium.editable:hover .overlay-upload-btn{transform:translateY(0)}.doc-meta h4{font-size:.95rem;color:#334155;font-weight:700;margin-bottom:4px}.doc-status-row{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.approved{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.pending{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.status-dot.rejected{background:#ef4444;box-shadow:0 0 8px #ef444480}.status-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:capitalize}.notifications-modern-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.channel-box{background:#f8fafc80;border-radius:16px;padding:1.5rem;border:1px solid #f1f5f9;transition:all .3s ease}.channel-box:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0000000d}.channel-header{margin-bottom:1.25rem}.channel-title{display:flex;align-items:center;gap:.75rem;font-weight:800;color:#334155;font-size:1rem}.mini-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.mini-icon.blue{background:#eff6ff;color:#3b82f6}.mini-icon.purple{background:#f5f3ff;color:#8b5cf6}.channel-items{display:flex;flex-direction:column;gap:1rem}.notif-tile{display:flex;align-items:center;gap:1rem}.tile-icon{font-size:1.1rem;color:#94a3b8}.tile-label{flex:1;font-size:.9rem;font-weight:600;color:#475569}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e2e8f0;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{transform:translate(20px)}.language-options{display:flex;flex-direction:column;gap:12px}.lang-option{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc80;border:1px solid #e2e8f0;border-radius:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.lang-option.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.lang-option:hover:not(.active){background:#fff;border-color:#cbd5e1;transform:translate(5px)}.lang-name{font-weight:700;color:#334155}.lang-code{font-size:.8rem;color:#94a3b8;font-weight:800;text-transform:uppercase}.security-buttons{display:flex;flex-direction:column;gap:12px}.security-btn-premium{width:100%;padding:14px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#334155;font-weight:700;text-align:left;cursor:pointer;transition:all .3s ease}.security-btn-premium:hover{background:#fff;border-color:#3b82f6;color:#3b82f6;transform:translate(5px)}.gradient-pink{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.profile-avatar-container{position:relative;width:130px;height:130px;margin:0 auto 1.5rem}.profile-avatar-large{width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,#1e40af,#3b82f6);display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid #ffffff;box-shadow:0 8px 20px #1e40af33;color:#fff;font-size:3.5rem;margin:0 auto}.avatar-edit-badge{position:absolute;bottom:5px;right:5px;width:40px;height:40px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1e40af;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .3s ease;z-index:10}.avatar-edit-badge:hover{transform:scale(1.1);background:#1e40af;color:#fff}.lang-option{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f8fafc80;border:1.5px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.lang-option.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 15px #3b82f61a}.lang-name{font-weight:700;color:#334155;font-size:.95rem}.active-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;opacity:0;transform:scale(0);transition:all .3s ease}.lang-option.active .active-dot{opacity:1;transform:scale(1)}.lang-info-left{display:flex;align-items:center;gap:20px}.lang-flag-img{width:28px;height:20px;border-radius:4px;object-fit:cover;box-shadow:0 2px 8px #0000001a}[dir=rtl] .avatar-edit-badge{right:auto;left:8px}[dir=rtl] .profile-stats{flex-direction:row}[dir=rtl] .stat-divider{margin:0 1rem}[dir=rtl] .security-btn-premium{text-align:right;display:flex;flex-direction:row-reverse;justify-content:space-between}.avatar-edit-badge:hover{transform:scale(1.1) rotate(15deg);background:#3b82f6;color:#fff}.logout-btn-creative{width:100%;margin-top:1.5rem;padding:18px;background:#ef4444;color:#fff;border:none;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:1.05rem;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #ef44444d;text-transform:uppercase;letter-spacing:1px;animation:logout-pulse 2s infinite}.logout-btn-creative:hover{background:#dc2626;transform:translateY(-5px);box-shadow:0 15px 35px #ef444480;letter-spacing:2px}.logout-btn-creative:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.6s}.logout-btn-creative:hover:before{left:100%}.logout-btn-creative:active{transform:scale(.95)}@keyframes logout-pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group.full-width{grid-column:span 2}.form-group label{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;color:#64748b;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.label-icon{color:#3b82f6;font-size:.9rem}.settings-input{width:100%;padding:14px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#1e293b;font-weight:600;transition:all .3s ease}.settings-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.settings-input.readonly{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.settings-btn-primary{background:#3b82f6;color:#fff;border:none;padding:14px 40px;border-radius:14px;font-weight:800;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #3b82f633;display:flex;align-items:center;justify-content:center;text-align:center;width:fit-content}.settings-btn-primary.full-width{width:100%}.settings-btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 12px 30px #3b82f666}.profile-card-modern{position:relative;text-align:center}.profile-banner{height:80px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);opacity:.8}.profile-card-modern .card-content{padding-top:0;margin-top:-65px}.profile-info-centered h3{font-size:1.2rem;font-weight:800;color:#1e293b;margin-bottom:6px}.role-badge-container{margin-top:10px;display:flex;justify-content:center}.profile-role-badge{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;padding:6px 16px;border-radius:12px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;border:1.5px solid rgba(37,99,235,.1);box-shadow:0 4px 10px #2563eb0d;display:inline-flex;align-items:center;gap:6px}.profile-role-badge:before{content:"";width:6px;height:6px;background:#2563eb;border-radius:50%}.modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{width:100%;max-width:450px;background:#fff;border-radius:24px;padding:0;box-shadow:0 25px 50px -12px #00000040}.modal-header{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #f1f5f9;position:relative}.modal-header h2{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0}.close-btn{position:absolute;top:20px;right:20px;background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s}.close-btn:hover{background:#e2e8f0;transform:rotate(90deg)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:1.25rem}.modal-footer{padding:24px;border-top:1px solid #f1f5f9}.animate-pop{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn-icon{font-size:1.1rem;margin-right:8px}.animate-fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .header-wallet-style{text-align:right}[dir=rtl] .form-group label{text-align:right;flex-direction:row-reverse}[dir=rtl] .lang-option{flex-direction:row-reverse}[dir=rtl] .pending-badge-pulse{margin-left:0;margin-right:auto}[dir=rtl] .btn-icon{margin-right:0;margin-left:8px}[dir=rtl] .security-btn-premium{text-align:right}[dir=rtl] .settings-input{direction:rtl;text-align:right}[dir=rtl] .modal-content{text-align:right;direction:rtl}[dir=rtl] .modal-header{flex-direction:row-reverse}[dir=rtl] .modal-header .close-btn{right:auto;left:20px}[dir=rtl] .modal-body{direction:rtl}[dir=rtl] .modal-footer .settings-btn-primary{margin-right:auto;margin-left:0}[dir=rtl] .header-info-wrapper{text-align:right;margin-right:0;margin-left:auto}@media(max-width:900px){.settings-grid,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.doc-image-link-wrapper{position:relative;display:block;width:100%;height:100%;cursor:zoom-in}.doc-view-zoom-hint{position:absolute;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.95rem;font-weight:700;gap:6px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.doc-image-link-wrapper:hover .doc-view-zoom-hint{opacity:1}.doc-image-link-wrapper:hover .doc-image-small{transform:scale(1.08)}.doc-image-small{transition:transform .3s ease}.notifications-page-layout{background:#f8fafc;min-height:100vh}.notifications-container-page{max-width:900px;margin:0 auto;padding:32px 24px 80px;font-family:Montserrat,system-ui,sans-serif}[dir=rtl] .notifications-container-page{font-family:Noto Kufi Arabic,Cairo,system-ui,sans-serif}.notifications-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.notifications-header-row h1{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 6px}.notifications-header-row p{color:#64748b;font-size:.95rem;margin:0}.btn-mark-all-read{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:14px;background:#fff;border:1.5px solid #cbd5e1;color:#334155;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.btn-mark-all-read:hover{border-color:#1f73b7;color:#1f73b7;transform:translateY(-1px);box-shadow:0 4px 12px #1f73b714}.notifications-loading{display:flex;justify-content:center;align-items:center;padding:80px 0}.notifications-loading .spinner{width:40px;height:40px;border:3px solid rgba(31,115,183,.1);border-top:3px solid #1F73B7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notifications-empty-slate{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:#fff;border-radius:24px;border:1px dashed #cbd5e1;text-align:center}.empty-icon-wrapper{width:80px;height:80px;border-radius:50%;background:#1f73b70d;color:#1f73b7;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.notifications-empty-slate h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 8px}.notifications-empty-slate p{color:#64748b;font-size:.95rem;max-width:320px;margin:0}.notifications-list-wrapper{display:flex;flex-direction:column;gap:16px}.notification-item-card{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#fff;border-radius:20px;border:1.5px solid #e2e8f0;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.notification-item-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000008;border-color:#cbd5e1}.notification-item-card.unread{background:linear-gradient(to right,#1f73b705,#fff);border-color:#1f73b72e}.notification-item-card.unread:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:#1f73b7;border-top-left-radius:20px;border-bottom-left-radius:20px}[dir=rtl] .notification-item-card.unread:before{left:auto;right:0;border-radius:0 20px 20px 0}.notif-icon-section{flex-shrink:0}.notif-type-icon{width:48px;height:48px;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.notif-type-icon.proposal{background:#1f73b71a;color:#1f73b7}.notif-type-icon.buy{background:#10b9811a;color:#10b981}.notif-type-icon.order{background:#f59e0b1a;color:#f59e0b}.notif-type-icon.default{background:#64748b1a;color:#64748b}.notif-content-section{flex:1;min-width:0}.notif-item-title{font-size:1.05rem;font-weight:750;color:#0f172a;margin:0 0 6px;line-height:1.3}.notif-item-desc{color:#475569;font-size:.925rem;margin:0 0 10px;line-height:1.4}.notif-item-time{color:#94a3b8;font-size:.78rem;font-weight:600}.btn-mark-single-read{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.15rem;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;align-self:center}.btn-mark-single-read:hover{color:#10b981;background:#10b98114;transform:scale(1.1)}@media(max-width:640px){.notifications-header-row{flex-direction:column;align-items:flex-start;gap:16px}.notification-item-card{padding:16px;gap:14px}.notif-type-icon{width:40px;height:40px;padding:10px}}