:root{font-family:GT America Arabic,Inter,Segoe UI,Tahoma,system-ui,sans-serif;color:#203052;background:#f5f7fc;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f5f7fc;--panel: #ffffff;--raised: #edf2fb;--line: #dfe5f0;--muted: #60718d;--brand: #3e60cb;--brand-light: #3e60cb;--deep: #203052;--radius: 16px;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brand-light)}svg{width:21px;height:21px;flex-shrink:0}button svg{width:19px;height:19px}h1,h2,h3,p{margin:0}input,textarea,select{border:1px solid #ccd6e7;background:#fff;color:#203052;border-radius:10px;padding:12px 14px;min-height:46px}input::placeholder,textarea::placeholder{color:#73819a}label{display:block;font-size:14px;font-weight:600;margin:18px 0 9px}textarea{width:100%;resize:vertical}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--brand-light);margin-bottom:14px;line-height:1.8}.primary,.secondary,.danger{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;min-height:43px;padding:10px 18px;font-size:14px;font-weight:650;border:1px solid transparent;transition:background .18s,transform .18s}.primary{background:linear-gradient(115deg,#3e60cb,#3a5dae);color:#fff;box-shadow:0 8px 25px #3e60cb23}.primary:hover:not(:disabled){background:linear-gradient(115deg,#5075df,#4569c3);transform:translateY(-1px)}.secondary{background:#edf2fb;border-color:#d8e1ef;color:#324d7c}.secondary:hover:not(:disabled){border-color:#3e60cb70;background:#e2eafb}.danger{background:#a52e42;color:#fff}.wide{width:100%;margin-top:24px}.text-button,.language-button{border:none;background:none;color:var(--muted);padding:8px 0;font-size:13px}.text-button:hover,.language-button:hover{color:var(--brand)}.danger-text{color:#ad2944}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid transparent;border-radius:9px;background:none;color:var(--muted)}.icon-button:hover{color:var(--brand);background:#edf2fb}.language-button{display:flex;gap:9px;align-items:center}.language-button span{font-size:21px}.env-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:6px;font:10px ui-monospace,monospace;letter-spacing:.6px;color:#536987;border:1px solid #dfe5f0;text-transform:uppercase}.env-chip:before{content:"";width:5px;height:5px;background:#3e60cb;border-radius:50%}.brand{display:flex;align-items:center;gap:11px}.brand-icon{background:linear-gradient(130deg,#3e60cb,#3a5dae);width:44px;height:44px;border-radius:12px;display:grid;place-items:center;box-shadow:0 5px 18px #0002}.brand-icon img{width:23px;height:30px;filter:brightness(0) invert(1)}.brand strong{font-size:25px;display:block;line-height:1.15}.brand div>span{display:block;font-size:10px;color:#60718d;margin-top:6px;letter-spacing:1.3px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;direction:ltr}.login-story,.login-panel{direction:rtl}:root[dir=ltr] .login-story,:root[dir=ltr] .login-panel{direction:ltr}.login-story{position:relative;overflow:hidden;background:linear-gradient(145deg,#e9f0ff,#f1f5ff 48%,#dce7fb);padding:clamp(34px,5vw,78px);display:flex;flex-direction:column;justify-content:space-between;min-height:760px}.login-story .brand-icon{background:linear-gradient(130deg,#3e60cb,#3a5dae);border:1px solid #ffffff30;box-shadow:none}.login-story .brand div>span{color:#426298}.story-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#3e60cb0c 1px,transparent 1px),linear-gradient(90deg,#3e60cb0c 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:linear-gradient(150deg,transparent 10%,#0008 100%);mask-image:linear-gradient(150deg,transparent 10%,#0008 100%)}.login-story:after{content:"";position:absolute;width:580px;height:580px;border:1px solid #3e60cb16;border-radius:50%;bottom:-370px;inset-inline-end:-210px;box-shadow:0 0 0 90px #3e60cb06,0 0 0 180px #3e60cb04;pointer-events:none}.login-story .brand,.story-copy,.story-footer{position:relative;z-index:1}.story-copy{margin:60px 0;max-width:480px}.story-copy .eyebrow{color:#3a5dae}.story-copy h1{white-space:pre-line;font-size:clamp(34px,3.6vw,58px);line-height:1.45;letter-spacing:-1.3px;font-weight:750}.story-copy>p{font-size:16px;line-height:1.95;color:#445e88;margin-top:22px;max-width:390px}.story-features{display:flex;flex-direction:column;gap:17px;margin-top:36px}.story-features span{display:flex;align-items:center;gap:11px;font-size:14px}.story-features svg{color:#3e60cb;width:19px}.story-footer{display:flex;justify-content:space-between;align-items:center;color:#536c92;font-size:10px;letter-spacing:1px;gap:10px}.story-lines{display:flex;gap:5px}.story-lines i{display:block;width:19px;height:3px;background:#b7c9ef;border-radius:2px}.story-lines i:first-child{width:32px;background:var(--brand)}.login-panel{display:flex;flex-direction:column;padding:32px clamp(24px,5vw,82px);background:radial-gradient(ellipse at 100% 0%,#3a5dae08,transparent 60%),#fff}.login-toolbar{display:flex;justify-content:space-between;align-items:center}.login-card{width:100%;max-width:410px;margin:auto;padding:44px 0}.login-shield{display:grid;place-items:center;width:52px;height:52px;color:#3e60cb;background:#3e60cb12;border:1px solid #3e60cb28;border-radius:14px;margin-bottom:26px}.login-shield svg{width:26px;height:26px}.login-card h2{font-size:32px;margin-bottom:12px;font-weight:650}.login-card>.muted{font-size:14px;line-height:1.9;margin-bottom:28px}.login-card input{width:100%}.input-icon{position:relative}.input-icon input{padding-inline-start:44px}.input-icon>svg{position:absolute;inset-inline-start:14px;top:15px;width:18px;height:18px;color:#61718b}.secure-note{display:flex;gap:9px;align-items:flex-start;padding-top:23px;margin-top:26px;border-top:1px solid var(--line);color:#60718d;font-size:12px;line-height:1.9}.secure-note svg{margin-top:2px;width:16px;height:16px}.preview-link{margin-top:22px;font-size:12px;display:flex;align-items:center;justify-content:space-between;color:#3659b7;border:1px dashed #3e60cb3a;padding:12px;border-radius:8px}.preview-link:hover{background:#3e60cb0b}.login-footer{text-align:center;color:#64748b;font-size:11px;padding:20px 0}.error-box,.success-box{padding:12px 15px;border:1px solid #a4464b55;background:#fff0f2;color:#a1233b;font-size:13px;line-height:1.8;border-radius:10px;margin-top:15px}.success-box{background:#edf8f1;border-color:#52a46940;color:#276b40;margin:0 0 20px}.directional{transform:scaleX(1)}:root[dir=ltr] .directional{transform:scaleX(-1)}.workspace{min-height:100svh;background:radial-gradient(ellipse at 10% 0%,#3a5dae08,transparent 45%),var(--bg)}.sidebar{width:260px;position:fixed;inset-block:0;inset-inline-start:0;background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 16px;z-index:30}.sidebar-brand{padding:0 10px 31px;display:flex;justify-content:space-between}.workspace-label{font-size:10px;letter-spacing:1px;color:#64748b;padding:16px 14px;display:flex;align-items:center;gap:8px}.workspace-dot{width:5px;height:5px;background:#6a7f9e;border-radius:50%}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:11px;min-height:46px;padding:12px 14px;color:#52637f;font-size:13px;border:1px solid transparent;border-radius:9px}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:#3e60cb06;color:#203052}.nav-item.selected{background:linear-gradient(95deg,#3e60cb20,#3e60cb0a);border-color:#3e60cb26;color:#3254b2}.nav-item.selected:before{content:"";width:3px;height:19px;position:absolute;inset-inline-start:18px;border-radius:3px;background:#3e60cb}.nav-item b{margin-inline-start:auto;font-size:10px;background:#3e60cb33;color:#3254b2;min-width:23px;text-align:center;padding:3px 5px;border-radius:5px}.sidebar-note{margin:auto 10px 26px;padding:18px 14px;border:1px solid #dce5f3;border-radius:12px;background:linear-gradient(140deg,#e9f0ff,#f4f7ff)}.sidebar-note>svg{color:#3e60cb;width:23px;height:23px;margin-bottom:12px}.sidebar-note strong{display:block;font-size:12px;color:#2f4263;font-weight:500}.sidebar-note p{color:#61718b;font-size:11px;line-height:1.9;margin-top:8px}.sidebar-bottom{display:flex;align-items:center;gap:9px;padding:18px 4px 0;border-top:1px solid var(--line)}.sidebar-bottom>div{flex:1;min-width:0}.sidebar-bottom strong{display:block;font-size:12px;overflow-wrap:anywhere}.sidebar-bottom small{display:block;font-size:9px;letter-spacing:.5px;color:#64748b;margin-top:5px}.avatar{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:36px;height:36px;background:linear-gradient(140deg,#e1eafd,#f0f5ff);border:1px solid #dce5f3;border-radius:50%;color:#3659b7;font-size:12px;font-weight:600}.avatar.mini{width:30px;height:30px;font-size:11px}.workspace-body{margin-inline-start:260px}.workspace-header{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffed;gap:12px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#64748b}.breadcrumb strong{font-weight:500;color:#2f4263}.breadcrumb>svg{width:12px;height:12px}.header-actions{display:flex;gap:20px;align-items:center}.preview-banner{font-size:11px;padding:10px 38px;background:#3e60cb0a;color:#3659b7;border-bottom:1px solid #3e60cb18;display:flex;align-items:center;gap:8px;line-height:1.7}.preview-dot{width:6px;height:6px;background:#3e60cb;border-radius:50%;flex-shrink:0}.workspace main{padding:36px 38px 0;max-width:1740px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:29px}.page-heading .eyebrow{font-size:10px;margin-bottom:7px}.page-heading h1{font-size:29px;font-weight:650;letter-spacing:-.5px}.page-heading p.muted{font-size:13px;line-height:1.8;margin-top:9px}.refresh{font-size:12px;min-height:38px;padding:8px 13px}.refresh svg{width:16px;height:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,#f9fbff,#fff);padding:20px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#52637f;font-size:11px}.stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px}.stat-icon svg{width:16px;height:16px}.brand-blue{background:#3e60cb17;color:#3e60cb}.purple{background:#9062be17;color:#8050aa}.red{background:#da5f6417;color:#b3354b}.green{background:#69a57c17;color:#317647}.stat-card>strong{display:block;font-size:35px;font-weight:550;letter-spacing:-1px;margin:16px 0 8px;font-variant-numeric:tabular-nums}.stat-card>small{color:#64748b;font-size:10px}.attention-strip{display:flex;align-items:center;gap:14px;border:1px solid #3e60cb26;background:linear-gradient(100deg,#e9f0ff,#f6f9ff);padding:18px 20px;border-radius:12px;margin-bottom:28px}.attention-icon{display:grid;place-items:center;width:40px;height:40px;background:#3e60cb12;color:#3e60cb;border-radius:10px;flex-shrink:0}.attention-strip strong{font-size:12px;font-weight:600}.attention-strip p{font-size:11px;color:#526787;margin-top:6px;line-height:1.7}.text-link{display:flex;align-items:center;gap:8px;margin-inline-start:auto;white-space:nowrap;font-size:11px;color:#3659b7}.text-link svg{width:15px;height:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-header{padding:23px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.panel-header h2{font-size:16px;font-weight:600}.panel-header p{font-size:11px;color:#60718d;margin-top:7px;line-height:1.8}.subtle-tag{display:inline-flex;border:1px solid #dfe5f0;color:#60718d;border-radius:5px;padding:6px 9px;font-size:9px;letter-spacing:.5px;white-space:nowrap}.table-toolbar{display:flex;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line)}.search-field{position:relative;max-width:340px;flex:1}.search-field>svg{position:absolute;inset-inline-start:12px;top:12px;width:16px;height:16px;color:#64748b}.search-field input{width:100%;min-height:39px;height:39px;font-size:11px;padding-inline-start:35px;border-color:#dce4f0;background:#fff;border-radius:8px}.table-toolbar select{min-height:39px;font-size:11px;padding:7px 12px;border-radius:8px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:start}th{text-align:start;color:#60718d;font-size:10px;font-weight:500;letter-spacing:.2px;background:#fff;white-space:nowrap;padding:13px 24px}td{padding:20px 24px;border-bottom:1px solid #e9edf5;line-height:1.7;white-space:nowrap}td>strong{display:block;font-weight:500;font-size:12px}tr:last-child td{border-bottom:0}tr:hover td{background:#f5f8ff}.row-id{display:block;font-size:9px;color:#64748b;font-family:ui-monospace,monospace;letter-spacing:.5px;margin-bottom:4px}.person{display:flex;align-items:center;gap:9px;font-size:11px;color:#304563}.person strong{font-weight:500}.person .row-id{margin-top:4px;margin-bottom:0}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;border-radius:6px;border:1px solid #e1e7f1;padding:5px 8px;white-space:nowrap}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.badge.open,.badge.pending{color:#885315;background:#d6943210}.badge.investigating{color:#71479b;background:#9b70c510}.badge.resolved,.badge.active,.badge.approved{color:#2b7045;background:#4c9a6610}.badge.suspended,.badge.rejected{color:#a52e42;background:#c6517010}.overdue-text{color:#a52e42}.row-action{display:flex;gap:12px;align-items:center;background:none;border:none;color:#46608a;font-size:11px;padding:4px}.row-action svg{width:13px;height:13px}.row-action:hover{color:var(--brand-light)}.panel-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;border-top:1px solid var(--line);color:#64748b;font-size:9px;letter-spacing:.3px;line-height:1.8}.panel-footer svg{width:15px;height:15px}.workspace-footer{display:flex;justify-content:space-between;padding:27px 0;font-size:9px;color:#64748b;letter-spacing:.6px;gap:15px}.empty-state{padding:80px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;color:var(--muted)}.empty-state>svg{width:32px;height:32px;color:#3e60cb}.empty-state h2{font-size:20px}.empty-results{padding:40px;text-align:center;color:var(--muted);font-size:13px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:24px;gap:16px}.content-card{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fff}.content-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.content-top .badge{margin-inline-start:auto}.content-card>p{font-size:14px;line-height:2;padding:24px 0;color:#2f4263}.content-card>small{font-size:10px}.content-actions{display:flex;gap:20px;margin-top:20px;border-top:1px solid var(--line);padding-top:17px}.content-actions button{font-size:12px}.audit-list{padding:10px 24px}.audit-list article{display:flex;align-items:center;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.audit-list article:last-child{border:none}.audit-dot{width:8px;height:8px;background:var(--brand);box-shadow:0 0 0 6px #3e60cb12;border-radius:50%;flex-shrink:0}.audit-list strong{font-size:13px;font-weight:500}.audit-list p{font-size:11px;color:var(--muted);margin-top:6px}.audit-list time{margin-inline-start:auto;font-size:11px;color:#60718d}.action-dialog{max-width:540px;width:calc(100% - 32px);padding:26px;border:1px solid #d8e1ee;border-radius:18px;background:#fff;color:#203052;box-shadow:0 30px 100px #20305233}.action-dialog::backdrop{background:#070e1bb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-header h2{font-size:18px;line-height:1.7}.dialog-description{font-size:13px;line-height:1.9;margin-top:18px;white-space:pre-wrap}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.skip-link{position:fixed;top:-60px;inset-inline-start:20px;z-index:100;background:#fff;color:#111;padding:12px;border-radius:8px}.skip-link:focus{top:10px}.mobile-only{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){.workspace main{padding:48px 55px 0}.workspace-header{padding-inline:55px}.stat-card{padding:26px}.stat-top{font-size:13px}.stat-card>strong{font-size:42px}.stat-card>small{font-size:12px}table{font-size:13px}td>strong{font-size:14px}.person{font-size:13px}.badge{font-size:11px}.row-action{font-size:13px}.panel-header h2{font-size:19px}.panel-header p,.search-field input{font-size:13px}}@media(max-width:1150px){.sidebar{width:225px;padding-inline:12px}.workspace-body{margin-inline-start:225px}.workspace main{padding:28px 23px 0}.workspace-header{padding-inline:23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-note{margin-inline:4px}.nav-item{font-size:12px}.login-story{padding:40px}.login-panel{padding-inline:35px}.content-grid{grid-template-columns:1fr}}@media(max-width:800px){.login-layout{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100svh;padding:24px}.login-card{padding-block:40px}.sidebar{transform:translate(105%);width:260px;transition:transform .2s}:root[dir=ltr] .sidebar{transform:translate(-105%)}.sidebar.open,:root[dir=ltr] .sidebar.open{transform:translate(0)}.workspace-body{margin-inline-start:0}.mobile-only{display:grid}.workspace-header{padding-inline:16px;height:64px}.header-actions{gap:12px}.breadcrumb>span{display:none}.workspace main{padding:25px 16px 0}.preview-banner{padding:9px 16px;font-size:10px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p.muted{font-size:12px}.page-heading .eyebrow{font-size:9px}.stat-card{padding:15px}.stat-top{font-size:10px}.stat-card>strong{font-size:31px}.stats-grid{gap:10px}.attention-strip{flex-wrap:wrap;padding:15px}.attention-strip>div:nth-child(2){flex:1}.attention-strip .text-link{margin-inline-start:54px}.panel-header,.table-toolbar{padding:17px 16px}.subtle-tag{display:none}td,th{padding-inline:16px}.table-toolbar{flex-wrap:wrap}.table-toolbar .search-field{min-width:170px;max-width:none}.table-toolbar select{max-width:140px}.content-grid{padding:16px}.audit-list{padding-inline:18px}.audit-list time{font-size:9px}.workspace-footer{font-size:8px}.nav-backdrop{position:fixed;inset:0;background:#0009;z-index:25;border:none}.login-card h2{font-size:29px}.env-chip{font-size:9px}}.nav-item{font-size:14px}.breadcrumb,.stat-top{font-size:12px}.stat-card>small{font-size:11px}.panel-header p{font-size:12px}table{font-size:13px}th{font-size:12px}td>strong,.person{font-size:13px}.row-id{font-size:10px}.badge,.row-action{font-size:12px}.search-field input,.table-toolbar select{font-size:13px}.attention-strip strong{font-size:14px}.attention-strip p,.text-link{font-size:12px}.panel-footer,.workspace-footer{font-size:10px}.mobile-login-brand{display:none}@media(max-width:800px){.attention-strip .text-link{flex-basis:100%}.sidebar{visibility:hidden}.sidebar.open{visibility:visible}.mobile-login-brand{display:block;margin-bottom:30px}.login-shield{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.content-inspection{margin-top:20px}.content-inspection p{white-space:pre-wrap;line-height:1.8;margin-block:12px}.content-inspection img,.content-inspection video{width:100%;max-height:520px;object-fit:contain;background:#000;margin-block:12px;border-radius:10px}.content-inspection label{display:flex;gap:10px;align-items:center;line-height:1.8}.content-inspection input{min-height:20px;width:20px}.otp-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}.login-card .otp-fields input{width:100%;min-width:0;height:62px;padding:8px;text-align:center;font-size:28px;font-weight:650;font-variant-numeric:tabular-nums;border-radius:12px;caret-color:var(--brand);transition:border-color .15s,box-shadow .15s}.otp-fields input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3e60cb14;outline:none}.otp-hint{color:var(--muted);font-size:12px;line-height:1.8;margin-top:12px}.stat-card,.panel{box-shadow:0 4px 18px #20305204}