:root{--bg:#ffffff;--bg-2:#fafafa;--bg-3:#f4f4f4;--ink:#000000;--ink-2:#1a1a1a;--line:#e8e8e8;--line-2:#d8d8d8;--line-3:#bdbdbd;--orange:#FF6C0E;--orange-soft:#FF6C0E12;--orange-tint:#FFF4EC;--grey-1:#6a6a6a;--grey-2:#9a9a9a;--grey-3:#cfcfcf}@font-face{font-family:Uxum Grotesque;src:local("Uxum Grotesque"),local("UxumGrotesque-Regular");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Uxum Grotesque;src:local("Uxum Grotesque Medium"),local("UxumGrotesque-Medium");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Uxum Grotesque;src:local("Uxum Grotesque Bold"),local("UxumGrotesque-Bold");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:Uxum Grotesque,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100%}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#000000f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #000}.brand{display:flex;align-items:center;gap:18px}.brand img{height:32px;width:auto;display:block}.brand .divider{width:1px;height:22px;background:#2a2a2a}.brand .titleblock{display:flex;flex-direction:column;line-height:1}.brand .titleblock .eyebrow{font-size:10px;letter-spacing:.32em;color:#9a9a9a;text-transform:uppercase;margin-bottom:6px}.brand .titleblock h1{font-size:17px;font-weight:500;letter-spacing:.01em;color:#fff}.brand .titleblock h1 span{color:var(--orange)}.topbar .meta{display:flex;align-items:center;gap:24px;font-size:12px;color:#9a9a9a;letter-spacing:.04em}.topbar .meta .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:8px;box-shadow:0 0 0 4px #ff6c0e2a;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff6c0e2a}50%{box-shadow:0 0 0 8px #ff6c0e15}}.topbar .meta .status{display:flex;align-items:center}.topbar .meta .status.loading .dot{background:#6a6a6a;box-shadow:0 0 0 4px #ffffff10}.hero{padding:64px 40px 32px;border-bottom:1px solid var(--line);position:relative;background:radial-gradient(900px 400px at 90% -20%,var(--orange-soft),transparent 60%),var(--bg)}.hero .lockup{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.hero h2{font-size:clamp(40px,5.5vw,88px);font-weight:500;letter-spacing:-.025em;line-height:.95;color:var(--ink)}.hero h2 .accent{color:var(--orange)}.hero h2 .stroke{-webkit-text-stroke:1px var(--ink);color:transparent}.hero .sub{max-width:520px;font-size:14px;color:var(--grey-1);line-height:1.6;margin-top:20px}.hero .stats{display:flex;gap:48px;justify-content:flex-end}.hero .stat .num{font-size:54px;font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--ink)}.hero .stat .num.o{color:var(--orange)}.hero .stat .lbl{font-size:10px;letter-spacing:.32em;color:var(--grey-1);text-transform:uppercase;margin-top:8px}.controls{padding:24px 40px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;border-bottom:1px solid var(--line);background:var(--bg-2)}.search{position:relative;display:flex;align-items:center;border:1px solid var(--line-2);background:var(--bg);transition:border-color .2s ease,box-shadow .2s ease}.search:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #00000008}.search svg{width:16px;height:16px;margin:0 14px;color:var(--grey-1);flex:none}.search input{flex:1;background:none;border:none;outline:none;color:var(--ink);padding:14px 16px 14px 0;font:inherit;font-size:14px;letter-spacing:.01em}.search input::placeholder{color:var(--grey-2);letter-spacing:.04em}.search .clear{display:none;padding:0 14px;color:var(--grey-1);font-size:20px;line-height:1}.search.has-text .clear{display:block}.search .clear:hover{color:var(--orange)}.filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.filter-chip{padding:9px 14px;border:1px solid var(--line-2);background:var(--bg);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey-1);transition:all .18s ease;font-weight:500}.filter-chip:hover{color:var(--ink);border-color:var(--ink-2)}.filter-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.filter-chip .count{display:inline-block;margin-left:6px;padding:1px 6px;font-size:10px;background:#00000010;border-radius:99px;color:inherit;font-weight:500}.filter-chip.active .count{background:#fff2;color:#fff}.grid-wrap{padding:40px 40px 80px}.grid-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;color:var(--grey-1);font-size:11px;letter-spacing:.24em;text-transform:uppercase}.grid-meta .count-pill{color:var(--ink);font-weight:500}.grid-meta .count-pill b{color:var(--orange);font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{position:relative;background:var(--bg);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 24px 22px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:background .25s ease,transform .25s ease;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 220px at 100% 0%,var(--orange-soft),transparent 60%);opacity:0;transition:opacity .35s ease;pointer-events:none}.card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.card:hover{background:var(--bg-2)}.card:hover:before{opacity:1}.card:hover:after{transform:scaleX(1)}.card:hover .card-arrow{transform:translate(4px,-4px);color:var(--orange)}.card:hover .card-num{color:var(--orange)}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.card-num{font-size:11px;letter-spacing:.28em;color:var(--grey-1);font-weight:500;transition:color .25s ease;font-feature-settings:"tnum"}.card-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--grey-2);transition:transform .3s ease,color .3s ease}.card-arrow svg{width:14px;height:14px}.card-body{margin-top:auto;padding-top:24px}.card-dept{display:inline-block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;position:relative;padding-left:14px;font-weight:500}.card-dept:before{content:"";position:absolute;left:0;top:50%;width:8px;height:1px;background:var(--orange)}.card-title{font-size:20px;font-weight:500;letter-spacing:-.005em;line-height:1.25;color:var(--ink);margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s ease}.card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px dashed var(--line-2);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-1)}.card-foot .steps b{color:var(--ink);font-weight:500;margin-right:6px;font-feature-settings:"tnum"}.card-foot .steps .loading-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--grey-3);margin-right:8px;animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1;background:var(--orange)}}.empty{grid-column:1/-1;padding:80px 40px;text-align:center;color:var(--grey-1);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}.empty .icon{width:48px;height:48px;margin:0 auto 16px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--grey-1);background:var(--bg)}.empty h3{font-size:18px;font-weight:500;color:var(--ink);margin-bottom:8px}.empty p{font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:none;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;animation:fadeIn .25s ease}.modal-backdrop.open{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(960px,100%);background:var(--bg);border:1px solid var(--line-2);position:relative;animation:modalIn .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 80px -20px #0000004d}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-head{padding:32px 36px 28px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;background:linear-gradient(180deg,var(--bg-2),var(--bg))}.modal-head .left .eyebrow{font-size:10px;letter-spacing:.28em;color:var(--orange);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:10px;font-weight:500}.modal-head .left .eyebrow .sopnum{color:var(--ink);letter-spacing:.18em}.modal-head .left h2{font-size:30px;font-weight:500;line-height:1.15;letter-spacing:-.015em;margin-bottom:16px;color:var(--ink)}.modal-head .left .deptline{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey-1)}.modal-head .left .deptline .pill{padding:4px 10px;border:1px solid var(--orange);color:var(--orange);letter-spacing:.18em;font-weight:500}.modal-head .close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);color:var(--grey-1);transition:all .2s ease;background:var(--bg)}.modal-head .close:hover{border-color:var(--orange);color:var(--orange);transform:rotate(90deg)}.modal-head .close svg{width:14px;height:14px}.modal-body{padding:0;min-height:200px}.modal-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--bg);padding:0 24px;overflow-x:auto;scrollbar-width:none}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab{position:relative;padding:18px 20px 16px;background:none;border:none;cursor:pointer;color:var(--grey-1);display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;transition:color .2s ease;white-space:nowrap;flex:none}.modal-tab:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.modal-tab:hover,.modal-tab.active{color:var(--ink)}.modal-tab.active:after{transform:scaleX(1)}.modal-tab .tab-tag{padding:2px 7px;font-size:9px;letter-spacing:.14em;background:var(--orange-tint);color:var(--orange);border:1px solid var(--orange);font-weight:500}.steps-table{width:100%;border-collapse:collapse;font-size:14px}.steps-table thead{background:var(--bg-2);border-bottom:1px solid var(--line)}.steps-table thead th{text-align:left;padding:18px 24px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--grey-1);font-weight:500}.steps-table thead th:first-child{padding-left:36px;width:80px}.steps-table thead th:nth-child(3){width:28%}.steps-table thead th:last-child{padding-right:36px;width:25%}.steps-table tbody tr{border-bottom:1px solid var(--line);transition:background .2s ease}.steps-table tbody tr:hover{background:var(--bg-2)}.steps-table tbody td{padding:20px 24px;vertical-align:top;color:var(--ink);line-height:1.5}.steps-table tbody td:first-child{padding-left:36px;font-size:18px;font-weight:500;color:var(--orange);font-feature-settings:"tnum";white-space:nowrap}.steps-table tbody td:last-child{padding-right:36px;color:var(--grey-1);font-size:13px}.steps-table .resp{display:inline-block;padding:4px 10px;border:1px solid var(--line-2);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--bg);font-weight:500}.sections-table thead th:first-child{padding-left:36px;width:22%}.sections-table thead th:nth-child(2){width:auto}.sections-table thead th:nth-child(3){width:22%}.sections-table thead th:last-child{padding-right:36px;width:28%}.sections-table tbody td:first-child{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:500;border-right:1px solid var(--line);padding-top:24px;background:linear-gradient(90deg,var(--orange-tint),var(--bg) 80%);line-height:1.4}.sections-table tbody td.step-cell{font-size:14px!important;color:var(--ink)!important;padding-left:24px!important;font-weight:400!important}.sections-table tbody td.notes-cell{color:var(--grey-1);font-size:13px}.sections-table tbody tr.section-cont td:first-child{display:none}.sections-table tbody tr.section-start{border-top:1px solid var(--line-2)}.raw-wrap{padding:24px 36px 36px;overflow-x:auto}.raw-table{width:100%;border-collapse:collapse;font-size:13px;border:1px solid var(--line);background:var(--bg)}.raw-table td{padding:10px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink);min-width:120px;max-width:300px;word-wrap:break-word}.raw-table tr:first-child td{background:var(--bg-2);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey-1)}.modal-loading{padding:80px 36px;text-align:center;color:var(--grey-1)}.modal-loading .spinner{width:32px;height:32px;border:2px solid var(--line-2);border-top-color:var(--orange);border-radius:50%;margin:0 auto 18px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-loading p{font-size:11px;letter-spacing:.24em;text-transform:uppercase}.modal-empty{padding:60px 36px;text-align:center;color:var(--grey-1)}.modal-empty .ico{width:56px;height:56px;margin:0 auto 18px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--grey-2)}.modal-empty h4{color:var(--ink);font-size:18px;font-weight:500;margin-bottom:8px}.modal-empty p{font-size:13px;max-width:480px;margin:0 auto;line-height:1.6}.modal-empty code{font-family:ui-monospace,SF Mono,Menlo,monospace;background:var(--bg-2);border:1px solid var(--line-2);padding:2px 6px;font-size:12px}.modal-error{padding:32px 36px;border-top:3px solid var(--orange);background:var(--orange-tint)}.modal-error h4{font-size:14px;color:var(--ink);margin-bottom:8px;font-weight:500}.modal-error p{font-size:13px;color:var(--grey-1);line-height:1.6}.modal-error code{background:#fff;padding:2px 6px;border:1px solid var(--line-2);font-size:12px}.modal-foot{padding:22px 36px 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey-1);background:var(--bg-2)}.modal-foot .right{display:flex;gap:10px}.modal-foot button.action{padding:10px 16px;border:1px solid var(--line-2);background:var(--bg);color:var(--grey-1);font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:all .2s ease;font-weight:500}.modal-foot button.action:hover{border-color:var(--orange);color:var(--orange)}.footer{padding:28px 40px;border-top:1px solid #000;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9a9a9a;background:#000}.footer .arabic{font-family:Helvetica Neue LT Arabic,Helvetica Neue Arabic,Helvetica Neue,sans-serif;font-size:13px;letter-spacing:normal;text-transform:none;color:#9a9a9a}@media(max-width:900px){.topbar{padding:16px 20px}.topbar .meta{display:none}.hero{padding:40px 20px 20px}.hero .lockup{grid-template-columns:1fr;gap:24px}.hero .stats{justify-content:flex-start;gap:32px}.hero .stat .num{font-size:42px}.controls{padding:18px 20px;grid-template-columns:1fr;gap:14px}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-chip{flex:none}.grid-wrap{padding:24px 20px 60px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.modal-head{padding:24px;grid-template-columns:1fr}.modal-head .close{position:absolute;top:16px;right:16px}.modal-head .left h2{font-size:24px}.steps-table thead th:first-child,.steps-table tbody td:first-child{padding-left:20px}.steps-table thead th:last-child,.steps-table tbody td:last-child{padding-right:20px}.steps-table tbody td{padding:16px 14px}.modal-foot{padding:18px 20px;flex-direction:column;gap:12px;align-items:flex-start}.footer{padding:20px;flex-direction:column;gap:8px;align-items:flex-start}}@media print{.topbar,.hero,.controls,.grid-wrap,.footer,.modal-foot,.modal-head .close{display:none!important}.modal-backdrop{position:static;background:#fff;padding:0;display:block!important;backdrop-filter:none;-webkit-backdrop-filter:none}.modal{border:none;box-shadow:none;width:100%}}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.login-overlay.hidden{display:none}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 500px at 80% 10%,#FF6C0E1f,transparent 60%),radial-gradient(700px 500px at 10% 90%,#FF6C0E12,transparent 60%),#000;pointer-events:none}.login-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.login-card{position:relative;z-index:1;width:min(440px,100%);background:#0a0a0a;border:1px solid #1f1f1f;padding:48px 44px 40px;box-shadow:0 40px 100px -30px #ff6c0e2e}.login-card .lg-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:36px}.login-card .lg-brand img{height:42px;width:auto;margin-bottom:18px}.login-card .lg-brand .eyebrow{font-size:10px;letter-spacing:.32em;color:#9a9a9a;text-transform:uppercase}.login-card h2{font-size:26px;font-weight:500;letter-spacing:-.015em;color:#fff;margin-bottom:8px;text-align:center}.login-card h2 span{color:var(--orange)}.login-card .lg-sub{font-size:13px;color:#9a9a9a;line-height:1.5;text-align:center;margin-bottom:36px}.lg-field{margin-bottom:18px}.lg-field label{display:block;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#9a9a9a;margin-bottom:10px;font-weight:500}.lg-field input{width:100%;background:#000;border:1px solid #1f1f1f;color:#fff;padding:14px 16px;font:inherit;font-size:14px;letter-spacing:.01em;outline:none;transition:border-color .2s ease,background .2s ease}.lg-field input:focus{border-color:var(--orange);background:#0d0d0d}.lg-field input::placeholder{color:#4a4a4a;letter-spacing:.04em}.lg-error{display:none;margin-bottom:18px;padding:12px 14px;background:#ff6c0e14;border:1px solid #FF6C0E55;color:#ff6c0e;font-size:12px;letter-spacing:.04em;font-weight:500}.lg-error.show{display:block;animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.lg-submit{width:100%;padding:15px 16px;background:var(--orange);color:#000;font:inherit;font-weight:500;font-size:11px;letter-spacing:.28em;text-transform:uppercase;transition:background .2s ease,transform .15s ease;border:1px solid var(--orange);cursor:pointer;margin-top:6px}.lg-submit:hover{background:#ff7a25;border-color:#ff7a25}.lg-submit:active{transform:translateY(1px)}.lg-foot{margin-top:28px;padding-top:24px;border-top:1px solid #1f1f1f;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#6a6a6a}.lg-foot .arabic{font-family:Helvetica Neue LT Arabic,Helvetica Neue Arabic,Helvetica Neue,sans-serif;font-size:12px;letter-spacing:normal;text-transform:none;color:#9a9a9a}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 12px;border:1px solid #2a2a2a;background:#0a0a0a}.user-chip .role{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#fff;font-weight:500}.user-chip .role b{color:var(--orange);font-weight:500}.user-chip .logout{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #2a2a2a;color:#9a9a9a;transition:all .18s ease;background:transparent}.user-chip .logout:hover{border-color:var(--orange);color:var(--orange)}.user-chip .logout svg{width:12px;height:12px}@media(max-width:900px){.login-card{padding:36px 28px 28px}.user-chip .role{display:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/sops.css.map */