*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}[dir=rtl],[dir=rtl] body{font-family:Almarai,Cairo,Tajawal,Noto Naskh Arabic,Segoe UI,Arial,sans-serif}[dir=rtl] body{text-align:right}[dir=rtl] .rtl-flip{display:inline-block;transform:scaleX(-1)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:normal!important;line-height:1.4!important}:root{--bg:#15161a;--surface:#1f2025;--surface2:#282a30;--surface3:#33353c;--accent:#cb5a1a;--accent-dim:#cb5a1a24;--accent-glow:#cb5a1a59;--secondary:#00a9b3;--secondary-dim:#00a9b324;--text:#edebe7;--text-muted:#9c988f;--text-sub:#6a675f;--border:#2e3037;--border-light:#3c3e47;--danger:#f87171;--danger-dim:#f871711f;--input-placeholder:#6a675f;--shadow-card:0 0 0 0 transparent;--shadow-card-hover:0 6px 20px #0000004d;--on-accent:#fdf6ef}[data-theme=light]{--bg:#f4f4f3;--surface:#fff;--surface2:#ececea;--surface3:#e1e1de;--accent:#b64e10;--accent-dim:#b64e101f;--accent-glow:#b64e104d;--secondary:#008994;--secondary-dim:#0089941f;--text:#1c1b19;--text-muted:#57534e;--text-sub:#7a756e;--border:#e2e1dd;--border-light:#d6d5d0;--danger:#b91c1c;--danger-dim:#b91c1c1a;--input-placeholder:#8a857e;--shadow-card:0 1px 2px #1c1b190d;--shadow-card-hover:0 6px 16px #1c1b191a;--on-accent:#fdf6ef}[data-palette=classic]{--bg:#0c0e17;--surface:#141720;--surface2:#1c1f2e;--surface3:#252840;--accent:#00d4b1;--accent-dim:#00d4b11a;--accent-glow:#00d4b159;--secondary:#38bdf8;--secondary-dim:#38bdf824;--text:#f1f5f9;--text-muted:#94a3b8;--text-sub:#4e5a72;--border:#1e2235;--border-light:#2a2e45;--danger:#f87171;--danger-dim:#f871711a;--input-placeholder:#4e5a72;--shadow-card:0 0 0 0 transparent;--shadow-card-hover:0 6px 20px #00000038;--on-accent:#0c0e17}[data-palette=classic][data-theme=light]{--bg:#eef1f6;--surface:#fff;--surface2:#f8fafc;--surface3:#e2e8f0;--accent:#0f766e;--accent-dim:#0f766e1f;--accent-glow:#0f766e4d;--secondary:#0284c7;--secondary-dim:#0284c71f;--text:#0f172a;--text-muted:#334155;--text-sub:#64748b;--border:#d7dee7;--border-light:#cbd5e1;--danger:#b91c1c;--danger-dim:#b91c1c1a;--input-placeholder:#94a3b8;--shadow-card:0 1px 2px #0f172a0a, 0 4px 12px #0f172a0f;--shadow-card-hover:0 8px 24px #0f172a1a;--on-accent:#fff}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;transition:background .2s,color .2s}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit}:root{--font-display:"Alexandria", "Almarai", system-ui, sans-serif}.public-site{--pub-accent:#cb5a1a;--pub-accent-dim:#cb5a1a2e;--tint-accent:var(--pub-accent);--tint-accent-dim:var(--pub-accent-dim);font-family:Almarai,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.public-site h1,.public-site h2,.public-site h3{font-family:var(--font-display)}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal.reveal-in{opacity:1;transform:none}.img-lift{transition:transform .45s cubic-bezier(.16,1,.3,1)}.img-lift:hover{transform:translateY(-6px)scale(1.015)}.step-badge{transition:transform .3s cubic-bezier(.16,1,.3,1)}.step-col:hover .step-badge{transform:scale(1.12)}.triangle-speed{cursor:default;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s cubic-bezier(.34,1.56,.64,1),filter .18s ease-out;display:inline-block}.triangle-speed:hover{filter:brightness(1.08)saturate(1.15);transform:scale(1.06);box-shadow:0 0 0 2px #cb5a1a8c,0 12px 64px #cb5a1a73,0 4px 18px #00000073}.chip-pop{transition:transform .2s}.chip-pop:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.img-lift,.img-lift:hover,.step-col:hover .step-badge,.chip-pop:hover,.triangle-speed,.triangle-speed:hover{filter:none;transition:none;transform:none}}input::placeholder{color:var(--input-placeholder)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{background:var(--surface2);color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-sub)}button{transition:transform .12s,filter .12s,box-shadow .12s}button:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}button:not(:disabled):active{filter:brightness();transform:scale(.97)}.click-card{transition:transform .14s,box-shadow .14s;position:relative}.click-card:not(:active):hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.click-card:active{transform:translateY(0)}.hover-tint,.public-navlink{z-index:0;transition:color .2s;position:relative}.hover-tint:before,.public-navlink:before{content:"";background:var(--tint-accent-dim,var(--accent-dim));opacity:0;z-index:-1;pointer-events:none;border-radius:8px;transition:transform .24s cubic-bezier(.34,1.56,.64,1),opacity .18s;position:absolute;inset:0;transform:scale(.8)}.hover-tint:not(:active):hover:before,.hover-tint:focus-visible:before,.public-navlink:hover:before,.public-navlink:focus-visible:before{opacity:1;transform:scale(1)}.hover-tint:not(:active):hover,.public-navlink:hover{color:var(--tint-accent,var(--accent))!important}@media (prefers-reduced-motion:reduce){.hover-tint:before,.public-navlink:before{transition:opacity .18s;transform:scale(1)}}@keyframes pubOptimizerPulse{0%{box-shadow:0 0 #cb5a1a80}70%{box-shadow:0 0 0 9px #cb5a1a00}to{box-shadow:0 0 #cb5a1a00}}.pulse-optimizer{transition:transform .18s,background .18s,color .18s,box-shadow .18s;animation:2.2s ease-out infinite pubOptimizerPulse}.pulse-optimizer:hover{animation:none;transform:translateY(-1px)scale(1.05);box-shadow:0 4px 16px #cb5a1a73;background:var(--pub-accent)!important;color:#15161a!important}@media (prefers-reduced-motion:reduce){.pulse-optimizer{animation:none}}.signin-outline{transition:color .18s,border-color .18s,background .18s,transform .18s}.signin-outline:hover,.signin-outline:focus-visible{background:#cb5a1a0f;transform:translateY(-1px);color:var(--pub-accent)!important;border-color:var(--pub-accent)!important}@keyframes pubSignupPulse{0%{box-shadow:0 0 #cb5a1a73}70%{box-shadow:0 0 0 10px #cb5a1a00}to{box-shadow:0 0 #cb5a1a00}}.pulse-signup{transition:transform .18s,box-shadow .18s,filter .18s;animation:2.4s ease-out infinite pubSignupPulse}.pulse-signup:hover{filter:brightness(1.05);animation:none;transform:translateY(-1px)scale(1.03);box-shadow:0 6px 20px #cb5a1a80}@media (prefers-reduced-motion:reduce){.pulse-signup{animation:none}}.hover-row{transition:background .14s}.hover-row:hover{background:var(--accent-dim)}.page-gradient{background:radial-gradient(1100px 520px at 88% -5%, var(--accent-dim) 0%, transparent 62%), radial-gradient(900px 480px at -8% 104%, var(--accent-dim) 0%, transparent 60%), var(--bg)}.public-gradient{background:radial-gradient(1100px 520px at 88% -5%, #cb5a1a1a 0%, transparent 62%), radial-gradient(900px 480px at -8% 104%, #cb5a1a12 0%, transparent 60%), var(--bg)}.click-card:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent) 0%, transparent 55%);opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.seg-toggle{transition:box-shadow .12s}.seg-toggle:not(:disabled):hover{filter:none;box-shadow:inset 0 0 0 9999px var(--accent-dim);transform:none}.seg-toggle.seg-active:hover{box-shadow:none}@keyframes actionPulse{0%{box-shadow:0 0 #fbbf248c}70%{box-shadow:0 0 0 12px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.action-pulse{animation:1.6s ease-out infinite actionPulse}@keyframes sheetDoneGlow{0%{box-shadow:0 0 6px #22c55e59}50%{box-shadow:0 0 22px 4px #22c55ea6}to{box-shadow:0 0 6px #22c55e59}}.sheet-done-glow{animation:1.8s ease-in-out infinite sheetDoneGlow;border-color:#22c55eb3!important}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.click-card:not(:active):hover:after{opacity:.1}a[download]{transition:transform .12s,box-shadow .12s,opacity .12s}a[download]:hover{opacity:.9;transform:scale(1.05);box-shadow:0 4px 14px #0000002e}a[download]:active{transform:scale(.97)}@media (width<=768px){.jobcard-table th,.jobcard-table td{padding:10px 8px!important;font-size:13px!important}.jobcard-table th:nth-child(6),.jobcard-table td:nth-child(6),.jobcard-table th:nth-child(7),.jobcard-table td:nth-child(7),.jobcard-table th:nth-child(8),.jobcard-table td:nth-child(8){display:none}.jobcard-table select,.jobcard-table button{min-height:36px;padding:7px 12px!important;font-size:13px!important}}.nesting-grid{grid-template-columns:minmax(340px,1fr) 1.4fr;align-items:start;gap:20px;display:grid}.nesting-grid>*{min-width:0}@media (width<=1100px){.nesting-grid{grid-template-columns:1fr}.nesting-output{max-height:none!important;position:static!important;overflow-y:visible!important}}@media (width<=1024px){.nesting-grid input,.nesting-grid select{min-height:38px}}@media (width<=768px){.nesting-grid{gap:12px}.nesting-action-right{flex-wrap:wrap;flex-basis:100%;gap:8px}.nest-divider{display:none!important}.nesting-calc-btn{width:100%}.nesting-grid input,.nesting-grid select{min-height:40px;font-size:16px}}.tbl-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.nest-tbl tbody tr{transition:background .12s}.nest-tbl tbody tr:hover td{background:var(--surface2)}.tab-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.tab-scroll::-webkit-scrollbar{display:none}.tab-scroll>*{flex-shrink:0}.logout-btn:hover{color:#f87171!important;background:#f871711a!important;border-color:#f8717180!important}@media (width<=900px){table.tbl-self-scroll{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}table.tbl-self-scroll th,table.tbl-self-scroll td{white-space:nowrap}}@media (width<=768px){.cutlist-tbl-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.cutlist-tbl-wrap>table{min-width:680px}}