.shop{--sp-ink: #0f2038;--sp-soft: #4f627e;--sp-faint: #7d92ad;--sp-ground: #e9eef8;--sp-ground-2: #dfe7f6;--sp-line: rgba(255, 255, 255, .7);--sp-accent: #2563eb;--sp-accent-2: #4f8ef7;--sp-accent-ink: #ffffff;--sp-danger: #dc2626;--sp-glass: rgba(255, 255, 255, .58);--sp-glass-strong: rgba(255, 255, 255, .82);--sp-hi: rgba(255, 255, 255, .6);--sp-shadow: 0 8px 30px -12px rgba(15, 42, 92, .28);min-height:100vh;position:relative;color:var(--sp-ink);background:var(--sp-ground);font-family:IBM Plex Sans Arabic,IBM Plex Sans,system-ui,sans-serif}.shop:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(46rem 46rem at 10% -6%,color-mix(in srgb,var(--sp-accent) 24%,transparent),transparent 60%),radial-gradient(40rem 40rem at 110% 10%,color-mix(in srgb,var(--sp-accent-2) 22%,transparent),transparent 58%),radial-gradient(34rem 34rem at 55% 118%,color-mix(in srgb,var(--sp-accent) 14%,transparent),transparent 60%),linear-gradient(180deg,var(--sp-ground),var(--sp-ground-2))}.shop>*{position:relative;z-index:1}@media (prefers-color-scheme: dark){.shop{--sp-ink: #e7eefc;--sp-soft: #9cadc9;--sp-faint: #67799a;--sp-ground: #08111f;--sp-ground-2: #0c1830;--sp-line: rgba(126, 165, 232, .22);--sp-accent: #5b9bff;--sp-accent-2: #7db4ff;--sp-accent-ink: #06182f;--sp-glass: rgba(17, 30, 52, .55);--sp-glass-strong: rgba(17, 30, 52, .85);--sp-hi: rgba(150, 190, 255, .14);--sp-shadow: 0 10px 34px -14px rgba(0, 0, 0, .6)}}.shop *{box-sizing:border-box}.shop a{color:var(--sp-accent);text-decoration:none}.shop-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--sp-glass);-webkit-backdrop-filter:blur(20px) saturate(1.7);backdrop-filter:blur(20px) saturate(1.7);border-bottom:1px solid var(--sp-line);box-shadow:inset 0 1px 0 var(--sp-hi)}.shop-bar .brand{font-weight:700;font-size:1.05rem;cursor:pointer;letter-spacing:-.01em}.shop-bar .brand small{display:block;font-weight:400;font-size:.72rem;color:var(--sp-faint)}.shop-bar .grow{flex:1}.shop-bar button,.shop-bar a.btnlink{font:inherit;border:1px solid var(--sp-line);color:var(--sp-ink);background:var(--sp-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:6px 14px;cursor:pointer;font-size:.85rem;box-shadow:inset 0 1px 0 var(--sp-hi)}.shop-bar .cart-btn{color:var(--sp-accent-ink);border-color:transparent;font-weight:600;background:linear-gradient(180deg,var(--sp-accent-2),var(--sp-accent));box-shadow:0 6px 16px -6px color-mix(in srgb,var(--sp-accent) 60%,transparent),inset 0 1px #ffffff59}.shop-main{max-width:1040px;margin:0 auto;padding:20px 18px 80px}.shop h1{font-size:1.4rem;margin:6px 0 4px;text-wrap:balance}.shop .muted{color:var(--sp-soft)}.shop .err{color:var(--sp-danger);font-size:.9rem}.shop-search{width:100%;max-width:380px;margin:12px 0 20px;padding:11px 15px;border:1px solid var(--sp-line);border-radius:12px;background:var(--sp-glass);color:var(--sp-ink);font:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 var(--sp-hi)}.shop-search:focus-visible{outline:none;border-color:var(--sp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sp-accent) 18%,transparent)}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.prod{border:1px solid var(--sp-line);border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:6px;background:var(--sp-glass);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:var(--sp-shadow),inset 0 1px 0 var(--sp-hi);transition:transform .12s ease,border-color .12s ease}.prod:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sp-accent) 50%,var(--sp-line))}.prod .name{font-weight:600;line-height:1.35}.prod .sub{font-size:.8rem;color:var(--sp-faint)}.prod .price{margin-top:auto;font-weight:700;font-variant-numeric:tabular-nums}.prod .oos{font-size:.78rem;color:var(--sp-danger)}.prod button{font:inherit;margin-top:6px;border:0;border-radius:10px;padding:9px 10px;cursor:pointer;background:linear-gradient(180deg,var(--sp-accent-2),var(--sp-accent));color:var(--sp-accent-ink);font-weight:600;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--sp-accent) 60%,transparent),inset 0 1px #ffffff4d}.prod button:disabled{opacity:.45;cursor:default;box-shadow:none}.qtybox{display:inline-flex;align-items:center;gap:8px;margin-top:6px}.qtybox button{width:32px;height:32px;padding:0;border-radius:9px;font-size:1rem;line-height:1;border:1px solid var(--sp-line);background:var(--sp-glass);color:var(--sp-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.qtybox span{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.cart-panel{border:1px solid var(--sp-line);border-radius:16px;padding:18px;max-width:560px;background:var(--sp-glass-strong);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:var(--sp-shadow),inset 0 1px 0 var(--sp-hi)}.cart-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--sp-line)}.cart-row .cn{flex:1}.cart-row .cn small{display:block;color:var(--sp-faint);font-size:.78rem}.cart-row .lt{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.cart-tot{display:flex;justify-content:space-between;padding:8px 0;font-variant-numeric:tabular-nums}.cart-tot.grand{font-weight:700;font-size:1.05rem;border-top:2px solid var(--sp-line);margin-top:6px;padding-top:12px}.shop form.co{display:grid;gap:12px;max-width:460px}.shop form.co label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--sp-soft)}.shop form.co input{padding:10px 12px;border:1px solid var(--sp-line);border-radius:10px;background:var(--sp-glass);color:var(--sp-ink);font:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shop form.co input:focus-visible{outline:none;border-color:var(--sp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sp-accent) 18%,transparent)}.shop .btn-primary{font:inherit;border:0;border-radius:12px;padding:12px 18px;cursor:pointer;background:linear-gradient(180deg,var(--sp-accent-2),var(--sp-accent));color:var(--sp-accent-ink);font-weight:700;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--sp-accent) 60%,transparent),inset 0 1px #ffffff4d}.shop .btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none}.shop .btn-ghost{font:inherit;border:1px solid var(--sp-line);color:var(--sp-ink);background:var(--sp-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:11px 16px;cursor:pointer;box-shadow:inset 0 1px 0 var(--sp-hi)}.confirm-card{border:1px solid var(--sp-line);border-radius:18px;padding:28px;max-width:460px;text-align:center;background:var(--sp-glass-strong);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:var(--sp-shadow),inset 0 1px 0 var(--sp-hi)}.confirm-card .big{font-size:2rem}.confirm-card .onum{font-family:IBM Plex Mono,monospace;font-size:1.1rem;margin:8px 0}.order-hist{display:flex;flex-direction:column;gap:12px;max-width:560px}.order-hist .oh{border:1px solid var(--sp-line);border-radius:14px;padding:15px;background:var(--sp-glass);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:var(--sp-shadow),inset 0 1px 0 var(--sp-hi)}.order-hist .oh .top{display:flex;justify-content:space-between;font-weight:600}.order-hist .oh .li{font-size:.84rem;color:var(--sp-soft);padding:2px 0}.pill{display:inline-block;font-size:.72rem;padding:2px 9px;border-radius:999px;border:1px solid var(--sp-line);background:var(--sp-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root{--ground: #e9eef8;--ground-2: #dfe7f6;--surface: #f7faff;--surface-2: #e5edfa;--ink: #0f2038;--muted: #4f627e;--faint: #7d92ad;--line: #cddaef;--accent: #2563eb;--accent-2: #4f8ef7;--accent-soft: rgba(37, 99, 235, .12);--ok: #0f7a3b;--warn: #b5670c;--danger: #dc2626;--glass-bg: rgba(255, 255, 255, .58);--glass-bg-strong: rgba(255, 255, 255, .8);--glass-brd: rgba(255, 255, 255, .7);--glass-hi: rgba(255, 255, 255, .6);--glass-blur: 20px;--glass-shadow: 0 8px 30px -12px rgba(15, 42, 92, .28);--radius: 14px}@media (prefers-color-scheme: dark){:root{--ground: #08111f;--ground-2: #0c1830;--surface: #101c30;--surface-2: #17263f;--ink: #e7eefc;--muted: #9cadc9;--faint: #67799a;--line: #26374f;--accent: #5b9bff;--accent-2: #7db4ff;--accent-soft: rgba(91, 155, 255, .16);--ok: #4ade80;--warn: #fbb661;--danger: #f87171;--glass-bg: rgba(17, 30, 52, .55);--glass-bg-strong: rgba(17, 30, 52, .82);--glass-brd: rgba(126, 165, 232, .22);--glass-hi: rgba(150, 190, 255, .14);--glass-shadow: 0 10px 34px -14px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--ground);font:15px/1.55 system-ui,-apple-system,Segoe UI,Noto Sans Arabic,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(48rem 48rem at 12% -8%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),radial-gradient(42rem 42rem at 108% 12%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 58%),radial-gradient(36rem 36rem at 60% 116%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),linear-gradient(180deg,var(--ground),var(--ground-2))}a{color:var(--accent);text-decoration:none;cursor:pointer}h1{font-size:1.35rem;margin:0 0 16px;text-wrap:balance}h2{font-size:1.15rem;margin:0 0 14px}h3{font-size:.95rem;margin:0 0 12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.7);backdrop-filter:blur(var(--glass-blur)) saturate(1.7);border:1px solid var(--glass-brd);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-hi)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--glass-bg-strong)}}.muted{color:var(--muted)}.small{font-size:.85rem}.err{color:var(--danger);font-size:.9rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:10px;padding:8px 15px;color:#fff;background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 6px 16px -6px color-mix(in srgb,var(--accent) 60%,transparent),inset 0 1px #ffffff59}.btn:hover{filter:brightness(1.06)}.btn.ghost{background:var(--glass-bg);color:var(--ink);border-color:var(--glass-brd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--glass-hi)}.btn.danger{background:none;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);box-shadow:none}.btn:disabled{opacity:.55;cursor:default;filter:none}.link{background:none;border:0;color:var(--accent);cursor:pointer;padding:4px 8px;font:inherit}.authwrap{min-height:100vh;display:flex;flex-direction:column}.center{flex:1;display:grid;place-items:center;padding:32px;min-height:60vh}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.6);backdrop-filter:blur(var(--glass-blur)) saturate(1.6);border:1px solid var(--glass-brd);border-radius:var(--radius);padding:20px;box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-hi)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card{background:var(--glass-bg-strong)}}.authcard{width:min(380px,100%);display:flex;flex-direction:column;gap:14px}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{border-inline-end:1px solid var(--glass-brd);padding:12px 10px;overflow-y:auto;max-height:100vh;position:sticky;top:0;display:flex;flex-direction:column;gap:2px}.brand{font-weight:700;padding:10px;cursor:pointer;letter-spacing:-.01em}.navsearch{width:100%;margin:0 0 8px;padding:8px 11px;border:1px solid var(--glass-brd);border-radius:9px;background:var(--glass-bg);color:var(--ink);font:inherit;font-size:.85rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navsearch:focus-visible{outline-offset:0;border-color:var(--accent)}.navgroup{margin-top:4px}.navgroup-h{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;color:var(--faint);font:inherit;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;cursor:pointer}.navitem{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:9px;color:var(--ink);font-size:.9rem}.navitem:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.navitem.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,transparent),var(--accent-soft));color:var(--accent);font-weight:600;box-shadow:inset 0 1px 0 var(--glass-hi)}.navitem.toplevel{margin-bottom:4px}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--glass-brd);position:sticky;top:0;z-index:5}.spacer{flex:1}.who{font-size:.82rem;color:var(--muted)}.content{padding:22px 26px 60px}.hamburger{display:none;background:none;border:0;font-size:1.2rem;line-height:1;cursor:pointer;color:var(--ink);padding:6px 8px;border-radius:8px}.hamburger:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.nav-backdrop{display:none}.page{max-width:1200px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.count{font-size:.8rem;color:var(--faint);font-weight:500}.crumbs{display:flex;gap:8px;font-size:.82rem;color:var(--muted);margin-bottom:10px}.tilegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.tile{text-align:start;border-radius:var(--radius);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;font:inherit;color:inherit;background:var(--glass-bg);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-hi);transition:transform .12s ease,border-color .12s ease}.tile:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--glass-brd));transform:translateY(-2px)}.tile-n{font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums}.tile-l{font-size:.82rem;color:var(--muted)}.listbar{display:flex;gap:8px;margin-bottom:12px}.listbar input,.listbar select{padding:8px 11px;border:1px solid var(--glass-brd);border-radius:9px;background:var(--glass-bg);color:var(--ink);font:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.listbar input{flex:1;max-width:320px}.tablewrap{overflow-x:auto;border:1px solid var(--glass-brd);border-radius:var(--radius);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.5);backdrop-filter:blur(var(--glass-blur)) saturate(1.5);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-hi)}table.grid{border-collapse:collapse;width:100%;font-size:.86rem}table.grid th{text-align:start;padding:10px 12px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--muted);font-weight:600;text-transform:uppercase;font-size:.68rem;letter-spacing:.06em;cursor:pointer;white-space:nowrap;border-bottom:1px solid var(--glass-brd)}table.grid td{padding:10px 12px;border-top:1px solid var(--line);white-space:nowrap}table.grid tbody tr{cursor:pointer}table.grid tbody tr:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.num{font-variant-numeric:tabular-nums}code.ref{font-size:.8em;background:var(--accent-soft);padding:1px 6px;border-radius:5px;color:var(--accent)}.pager{display:flex;gap:12px;align-items:center;margin-top:12px}.pill{display:inline-block;font-size:.7rem;padding:3px 9px;border-radius:999px;border:1px solid var(--glass-brd);text-transform:capitalize;background:var(--glass-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pill.s-active,.pill.s-approved,.pill.s-paid,.pill.s-confirmed,.pill.s-valid,.pill.s-done{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 12%,transparent)}.pill.s-pending,.pill.s-draft,.pill.s-pending_approval,.pill.s-new{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.pill.s-rejected,.pill.s-void,.pill.s-overdue,.pill.s-failed,.pill.s-lost{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-grid .wide{grid-column:1 / -1}@media (max-width: 900px){.detail-grid,.shell{grid-template-columns:1fr}.hamburger{display:inline-flex;align-items:center;justify-content:center}.sidebar{display:none;position:fixed;inset-inline-start:0;top:0;bottom:0;width:min(300px,85vw);max-height:none;z-index:50;box-shadow:0 0 40px #08111f66}.sidebar.open{display:flex}.nav-backdrop{display:block;position:fixed;inset:0;z-index:40;background:color-mix(in srgb,var(--ink) 45%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.content{padding:16px 16px 48px}}@media (max-width: 520px){.who{display:none}.topbar{padding:8px 12px;gap:8px}}dl.fields{display:grid;grid-template-columns:1fr;gap:8px;margin:0}dl.fields>div{display:grid;grid-template-columns:190px 1fr;gap:12px;font-size:.86rem}dl.fields dt{color:var(--muted)}dl.fields dd{margin:0;word-break:break-word}.rellist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.rellist a{display:flex;justify-content:space-between;padding:9px 11px;border-radius:9px;border:1px solid var(--glass-brd);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rellist a:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--glass-brd))}.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:.82rem}.timeline li{display:flex;gap:10px;align-items:baseline}.tl-when{color:var(--faint);min-width:130px}.rowactions{display:flex;gap:8px}.formcard{max-width:620px;display:flex;flex-direction:column;gap:14px}.fld{display:flex;flex-direction:column;gap:5px;font-size:.85rem}.fld>span{color:var(--muted)}.fld input,.fld select,.fld textarea{padding:9px 11px;border:1px solid var(--glass-brd);border-radius:9px;background:var(--glass-bg);color:var(--ink);font:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.fld textarea{min-height:84px;resize:vertical}.fld.chk{flex-direction:row;align-items:center;gap:8px}.card.lines{margin-bottom:16px}.card.lines table.grid td{white-space:nowrap}.card.lines .addrow input{width:100%;min-width:70px;padding:6px 8px;border:1px solid var(--glass-brd);border-radius:7px;background:var(--glass-bg);color:var(--ink);font:inherit;font-size:.82rem}.card.lines .addrow td:nth-child(2) input{min-width:130px}.card.lines tfoot td{border-top:2px solid var(--glass-brd);padding:10px 12px;font-variant-numeric:tabular-nums}.card.lines .link{color:var(--danger)}