@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700;800&family=Tajawal:wght@500;700;900&display=swap";:root{--navy:#071428;--navy2:#0e2244;--green:#00b884;--green2:#00d49a;--gold:#f0b429;--mint:#00b88414;--bg:#f4f7fb;--bg-page:#f4f7fb;--bg-canvas:#fff;--bg-soft:#f0f4fa;--card:#fff;--line:#e8edf5;--border:#e8edf5;--border-default:#e8edf5;--text:#0d1421;--text-primary:#0d1421;--text-secondary:#687a9b;--muted:#687a9b;--text-muted:#687a9b;--amber:#f0b429;--shadow:0 1px 4px #0d14210f, 0 4px 16px #0d14210f;--shadow-lg:0 8px 32px #0d14211a, 0 2px 8px #0d14210f;--shadow-card:0 2px 12px #0d142112;--rail-bg:#ffffffeb;--rail-text:#31445b;--rail-muted:#7a8da3;--rail-border:#e3ebf0;--rail-active:#e8f9f3;--rail-width:224px}[data-theme=dark]{--bg:#080f1e;--bg-page:#080f1e;--card:#0e1a2e;--bg-canvas:#0e1a2e;--bg-soft:#0a1524;--line:#1a2d4a;--border:#1a2d4a;--border-default:#1a2d4a;--text:#e8eef8;--text-primary:#e8eef8;--muted:#6b82a8;--text-muted:#6b82a8;--text-secondary:#6b82a8;--mint:#00b8840f;--shadow:0 1px 4px #0006, 0 4px 16px #0000004d;--shadow-lg:0 8px 32px #00000080, 0 2px 8px #0000004d;--shadow-card:0 2px 12px #00000059;--rail-bg:#071428f5;--rail-text:#c8d7eb;--rail-muted:#7187a7;--rail-border:#ffffff12;--rail-active:#00b88426}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .workspace{background:var(--bg)}[data-theme=dark] .right-rail nav button.active{color:#fff}[data-theme=dark] .topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 2px 12px #0000004d;background:#0a1426eb!important;border-color:#ffffff0f!important}[data-theme=dark] .topbar button{color:var(--text);background:#ffffff0f}[data-theme=dark] .topbar button:hover{background:#ffffff1a}[data-theme=dark] .topbar button.primary{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a)}[data-theme=dark] .topbar .ghost{background:0 0}[data-theme=dark] .global-search{border-color:var(--line);background:#ffffff0d}[data-theme=dark] .global-search input{color:var(--text);background:0 0}[data-theme=dark] .profile span,[data-theme=dark] .avatar{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a)}[data-theme=dark] .canvas{background:var(--bg);border-color:#0000}[data-theme=dark] .panel,[data-theme=dark] .metric{background:var(--card)!important;border-color:var(--line)!important}[data-theme=dark] .lane{background:var(--card);border-color:var(--line)}[data-theme=dark] .lane article{border-color:var(--line);background:#ffffff08}[data-theme=dark] .person{background:var(--card);border-color:var(--line)}[data-theme=dark] .person span{border-color:var(--line);background:#ffffff0a}[data-theme=dark] .console aside,[data-theme=dark] .console main{background:var(--card);border-color:var(--line)}[data-theme=dark] .console aside button{border-color:var(--line);background:#ffffff0a}[data-theme=dark] .console aside button.active{color:#00d49a;background:#00b8841a;border-color:#00b884}[data-theme=dark] th{color:var(--muted);border-color:var(--line);background:#ffffff0a!important}[data-theme=dark] td{color:var(--text);border-color:var(--line)}[data-theme=dark] tr:hover td{background:#ffffff08!important}[data-theme=dark] .modal-backdrop{background:#000000bf}[data-theme=dark] .modal{box-shadow:0 24px 80px #000000b3;background:var(--card)!important;border:1px solid var(--line)!important}[data-theme=dark] .modal h2,[data-theme=dark] .modal p{color:var(--text)}[data-theme=dark] .modal .x{color:var(--text);background:#ffffff14}[data-theme=dark] .confirm-dialog{background:var(--card)}[data-theme=dark] .confirm-dialog p{color:var(--text)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .form-grid input,[data-theme=dark] .form-grid select,[data-theme=dark] .form-grid textarea{border-color:var(--line);color:var(--text);background:#ffffff0a}[data-theme=dark] .form-grid label span{color:var(--muted)}[data-theme=dark] .form-section{background:var(--card);border-color:var(--line)}[data-theme=dark] .form-section h3{color:var(--text)}[data-theme=dark] .modal label>input,[data-theme=dark] .modal label>select,[data-theme=dark] .modal label>textarea,[data-theme=dark] .modal>input,[data-theme=dark] .modal>select,[data-theme=dark] .modal>textarea{border-color:var(--line);color:var(--text);background:#ffffff0a}[data-theme=dark] .modal label>span{color:var(--muted)}[data-theme=dark] .modal h3{color:var(--text)}[data-theme=dark] .select-list button{border-color:var(--line);color:var(--text);background:#ffffff0a}[data-theme=dark] .select-list button:hover{border-color:#00b884}[data-theme=dark] .select-list button.active{background:#00b8841a;border-color:#00b884}[data-theme=dark] .preview div,[data-theme=dark] .details-grid div{border-color:var(--line);background:#ffffff0a}[data-theme=dark] .mini-tabs button{color:#00d49a;background:#00b88414;border-color:#0000}[data-theme=dark] .mini-tabs button.active{background:#00b8842e;border-color:#00b884}[data-theme=dark] .empty{border-color:var(--line);color:var(--muted)}[data-theme=dark] .page-title h1{color:var(--text)}[data-theme=dark] .page-title p{color:var(--muted)}[data-theme=dark] .page-title span{color:#00d49a;background:#00b8841a}[data-theme=dark] .hero{background:linear-gradient(135deg,#060f1e,#0a1f3c 55%,#071e2e)}[data-theme=dark] .case-card b{color:var(--text)}[data-theme=dark] .case-card p{color:var(--muted)}[data-theme=dark] .timeline-list p,[data-theme=dark] .notes-list p,[data-theme=dark] .timeline-list small,[data-theme=dark] .notes-list small{color:var(--muted)}[data-theme=dark] .refined-actions{border-color:var(--line);background:#ffffff08}[data-theme=dark] .modal-title-block span{color:#00d49a;background:#00b8841a}[data-theme=dark] .case-mini-metrics span{border-color:var(--line);color:var(--muted);background:#ffffff0a}[data-theme=dark] .case-badges span{color:#00d49a;background:#00b88414;border-color:#00b88433}[data-theme=dark] .status-pill{color:var(--muted);background:#ffffff14}[data-theme=dark] .status-active,[data-theme=dark] .status-open,[data-theme=dark] .status-completed,[data-theme=dark] .status-paid{color:#00d49a;background:#00b8841f}[data-theme=dark] .status-on_hold,[data-theme=dark] .status-review,[data-theme=dark] .status-partially_paid,[data-theme=dark] .status-queued{color:#f0b429;background:#f0b4291f}[data-theme=dark] .status-closed,[data-theme=dark] .status-archived,[data-theme=dark] .status-cancelled,[data-theme=dark] .status-overdue,[data-theme=dark] .status-void,[data-theme=dark] .status-failed{color:#f87171;background:#ef44441f}[data-theme=dark] .status-sent{color:#60a5fa;background:#3b82f624}.status-active,.status-open,.status-completed,.status-paid{color:#00834f;background:#00b8841a}.status-on_hold,.status-review,.status-partially_paid,.status-queued{color:#8a5a00;background:#f0b42924}.status-closed,.status-archived,.status-cancelled,.status-overdue,.status-void,.status-failed{color:#b91c1c;background:#dc26261a}.status-sent{color:#1d4ed8;background:#3b82f61a}[data-theme=dark] .log-row{background:var(--card);border-color:var(--line)}[data-theme=dark] .item-row input{background:var(--card);border-color:var(--line);color:var(--text)}[data-theme=dark] .totals-card .total-line{border-color:#00b88433}[data-theme=dark] .calc-line{color:var(--text);background:#00b88414;border-color:#00b88433}[data-theme=dark] .chip:hover{background:#00b88414}[data-theme=dark] .ai-hint{border-color:var(--line);color:var(--muted);background:#ffffff08}[data-theme=dark] .ghost-action{color:var(--text);border-color:var(--line);background:#ffffff0f}[data-theme=dark] .data-tools input{background:var(--card);border-color:var(--line);color:var(--text)}[data-theme=dark] .bars i{background:var(--line)}[data-theme=dark] .compact-list>div{border-color:var(--line)}[data-theme=dark] .cases-toolbar{background:var(--card);border-color:var(--line)}[data-theme=dark] .cases-filter-grid input,[data-theme=dark] .cases-filter-grid select{background:var(--card);border-color:var(--line);color:var(--text)}[data-theme=dark] .panel[style*=background]{background:var(--card)!important;border-color:var(--line)!important}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Arabic,Inter,system-ui,-apple-system,sans-serif}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.workspace{grid-template-columns:var(--rail-width) 1fr 280px;background:var(--bg);gap:0;min-height:100vh;display:grid}.right-rail{background:var(--rail-bg);width:var(--rail-width);color:var(--rail-text);scrollbar-width:none;border-left:1px solid var(--rail-border);flex-direction:column;gap:10px;height:100vh;padding:14px 12px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:-10px 0 36px #0c23300a}.right-rail::-webkit-scrollbar{display:none}.mobile-nav-close,.mobile-nav-backdrop{display:none}.mobile-nav-trigger{flex:0 0 42px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;padding:0;display:inline-flex}.brand-card{border-bottom:1px solid var(--rail-border);align-items:center;gap:10px;margin-bottom:2px;padding:8px 6px 12px;display:flex}.brand-card__copy{min-width:0}.brand-logo{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:grid;box-shadow:0 0 0 3px #00b88433,0 4px 16px #00b88440}.brand-card h2{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.brand-card p{color:var(--rail-muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:10.5px;overflow:hidden}.rail-plan-chip{color:var(--sa-green-700,#007d59);background:color-mix(in srgb, var(--sa-green-100,#d8f7eb) 66%, transparent);border-radius:999px;margin-top:6px;padding:2px 7px;font-size:9.5px;font-weight:800;display:inline-flex}[data-theme=dark] .brand-card h2{color:#fff}[data-theme=dark] .rail-plan-chip{color:#6ee7c1;background:#00b8841f}.dot{background:#00d49a;border-radius:50%;width:7px;height:7px;margin-left:6px;animation:2s infinite pulse-dot;display:inline-block;box-shadow:0 0 8px #00d49ab3}@keyframes pulse-dot{0%,to{box-shadow:0 0 8px #00d49ab3}50%{box-shadow:0 0 14px #00d49a}}.right-rail nav{flex-direction:column;flex:auto;gap:5px;display:flex}.rail-nav-group,.rail-nav-group-items{flex-direction:column;gap:2px;display:flex}.rail-nav-group-items[hidden]{display:none}.route-loading-spinner{animation:.8s linear infinite route-loading-spin}@keyframes route-loading-spin{to{transform:rotate(360deg)}}.right-rail nav .rail-nav-group-toggle{width:100%;min-height:28px;color:var(--rail-muted);letter-spacing:.02em;border-right:0;border-radius:7px;justify-content:space-between;padding:5px 9px;font-size:11px;font-weight:800}.right-rail nav .rail-nav-group-toggle:hover{color:var(--text-primary);background:var(--bg-soft);border-right-color:#0000}.rail-nav-group-toggle svg{transition:transform .18s}.rail-nav-group-toggle svg.collapsed{transform:rotate(90deg)}.right-rail nav button{color:var(--rail-text);text-align:right;background:0 0;border:0;border-right:3px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;font-weight:600;transition:all .18s;display:flex;position:relative}.right-rail nav button:hover{background:color-mix(in srgb, var(--sa-green-100,#d8f7eb) 58%, transparent);color:var(--sa-green-800,#006248);border-right-color:#00b88466}.right-rail nav button.active{background:var(--rail-active);color:var(--sa-green-800,#006248);border-right-color:#00b884;font-weight:700;box-shadow:inset 0 0 0 1px #00b88414}[data-theme=dark] .right-rail nav .rail-nav-group-toggle:hover{color:#dce8f7;background:#ffffff0a}[data-theme=dark] .right-rail nav button:hover{color:#b8f0e0;background:#00b88417}.canvas{background:var(--bg);flex-direction:column;min-width:0;display:flex;overflow:auto}.topbar{-webkit-backdrop-filter:blur(16px);z-index:20;background:#ffffffeb;border-bottom:1px solid #0d142112;align-items:center;gap:10px;height:60px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0d14210f}.profile{align-items:center;gap:10px;margin-left:8px;display:flex}.profile span,.avatar{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid;box-shadow:0 2px 8px #00b88459}.profile b{font-size:13.5px;font-weight:700;display:block}.profile small{color:var(--muted);font-size:11px}.topbar button{height:36px;color:var(--text);background:#f0f4fa;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.topbar button:hover{background:#e4eaf4}.topbar button.primary{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);box-shadow:0 2px 10px #00b8844d}.topbar button.primary:hover{filter:brightness(1.06);box-shadow:0 4px 16px #00b88466}.topbar .ghost{width:36px;color:var(--muted);background:0 0;justify-content:center;padding:0}.topbar .ghost:hover{color:var(--text);background:#f0f4fa}.global-search{background:#f4f7fb;border:1.5px solid #e8edf5;border-radius:22px;align-items:center;gap:8px;min-width:280px;margin-right:auto;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.global-search:focus-within{border-color:#00b884;box-shadow:0 0 0 3px #00b8841a}.global-search input{width:100%;height:36px;color:var(--text);background:0 0;border:0;outline:0;font-size:13.5px}.global-search input::placeholder{color:var(--muted)}.toast-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:12px 20px;padding:12px 16px;font-weight:600}.page{flex:1;padding:24px 24px 40px}.page-title{text-align:right;margin:6px 0 22px;position:relative}.page-title span{color:#00b884;letter-spacing:.02em;background:#00b8841a;border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-block}.page-title h1{color:var(--text);letter-spacing:-.5px;margin:8px 0 4px;font-size:26px;font-weight:800}.page-title p{color:var(--muted);margin:0;font-size:14px}.page-title>button{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border:0;border-radius:12px;min-height:62px;padding:0 20px;font-weight:700;transition:all .18s;position:absolute;top:0;left:0;box-shadow:0 4px 16px #00b8844d}.page-title>button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00b88466}.actions-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.hero{color:#fff;background:linear-gradient(135deg,#060f1e 0%,#0a1f3c 50%,#071e2e 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #060f1e66}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#00b88433 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;left:-60px}.hero h1{z-index:1;margin:0 0 6px;font-size:26px;font-weight:800;position:relative}.hero p{color:#ffffffb3;z-index:1;margin:0;font-size:14px;position:relative}.radial{z-index:1;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:80px;height:80px;font-size:22px;font-weight:800;display:grid;position:relative}.finance-hero{justify-content:flex-start;gap:14px}.finance-hero button{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:10px 18px;font-weight:600;position:relative}.metric-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;margin:16px 0;display:grid}.metric{border:1px solid var(--border);background:var(--card);text-align:right;border-radius:18px;flex-direction:column;gap:6px;padding:18px 16px;transition:transform .2s,box-shadow .2s,border-color .18s;display:flex;box-shadow:0 2px 10px #0d14210d}.metric:hover{border-color:#00b88440;transform:translateY(-3px);box-shadow:0 8px 24px #00b8841a}.metric svg{color:#00b884}.metric small{color:var(--muted);font-size:12px;font-weight:500}.metric b{color:var(--text);font-size:22px;font-weight:800;line-height:1.1}.metric.warn{background:#f0b4290f;border-color:#f0b42933}.metric.warn b{color:#b5820e}.split{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.layout-2{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.layout-3,.case-layout,.ai-grid{grid-template-columns:1fr 1.7fr .8fr;gap:14px;display:grid}.panel{background:var(--card);border:1px solid var(--border);border-radius:20px;min-height:170px;padding:22px;box-shadow:0 2px 12px #0d14210d}.panel h2{color:var(--text);margin:0 0 6px;font-size:16px;font-weight:700}.panel>p{color:var(--muted);margin:0 0 14px;font-size:13px}.panel a{color:#00b884}.panel a:hover{text-decoration:underline}.empty{min-height:120px;color:var(--muted);text-align:center;background:#0d142104;border:1.5px dashed #0d142124;border-radius:14px;place-items:center;padding:24px;font-size:13px;font-weight:500;display:grid}.empty.wide{grid-column:1/-1}.empty button{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border:0;border-radius:9px;margin-top:10px;padding:10px 20px;font-weight:700;transition:all .15s}.empty button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00b8844d}.select-list{flex-direction:column;gap:8px;display:flex}.select-list button{border:1.5px solid var(--border);background:var(--card);text-align:right;color:var(--text);cursor:pointer;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:13px 15px;transition:all .18s;display:grid}.select-list button:hover{border-color:#00b884;box-shadow:0 2px 12px #00b8841a}.select-list button.active{background:#00b8840f;border-color:#00b884}.select-list b{color:var(--text);font-size:14px}.select-list small{color:var(--muted);font-size:12px}.select-list em{color:#00b884;font-style:normal;font-weight:700}.preview{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preview div,.details-grid div{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;padding:12px 14px;transition:all .16s}.preview div:hover,.details-grid div:hover{border-color:#00b884;transform:translateY(-1px)}.preview small,.details-grid small{color:var(--muted);margin-bottom:3px;font-size:11px;display:block}.preview b,.details-grid b{word-break:break-word}.mini-tabs{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.mini-tabs button{border:1.5px solid var(--border);background:var(--card);color:var(--muted);border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .18s}.mini-tabs button.active{color:#00b884;background:#00b88414;border-color:#00b8844d;font-weight:700}.kanban{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.lane{background:var(--card);border:1px solid var(--border);min-height:520px;box-shadow:var(--shadow-card);border-radius:16px;padding:16px}.lane h3{justify-content:space-between;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.lane article{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:13px;transition:all .18s}.lane article:hover{border-color:#00b884;transform:translateY(-1px)}.lane article p{color:var(--muted);font-size:12px;line-height:1.7}.lane small{color:#00b884;font-weight:700}.people-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.person{background:var(--card);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-card);border-radius:16px;padding:22px;transition:all .2s}.person:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.person .avatar{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border-radius:50%;width:48px;height:48px;margin:auto;box-shadow:0 4px 14px #00b8844d}.person p{color:var(--muted);font-size:13px}.person div:last-child{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.person span{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:9px;font-size:12px}.bars>div{grid-template-columns:120px 100px 1fr;align-items:center;gap:10px;margin:14px 0;display:grid}.bars b{color:var(--text);font-size:12px}.bars i{background:var(--bg-soft);border-radius:99px;height:8px;display:block;overflow:hidden}.bars em{background:linear-gradient(90deg,#00b884,#00d49a);border-radius:99px;height:100%;display:block}.compact-list>div{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 0;font-size:13px;display:grid}.console{grid-template-columns:260px 1fr;gap:16px;display:grid}.console aside{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:7px;max-height:650px;padding:14px;display:flex;overflow:auto}.console aside button{border:1px solid var(--border);background:var(--bg-soft);text-align:right;color:var(--text);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .15s}.console aside button:hover{border-color:#00b884}.console aside button.active{color:#00b884;background:#00b88414;border-color:#00b88466}.console aside small{color:var(--muted);font-size:11px;display:block}.console main{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;overflow:auto}.data-tools{gap:10px;margin-bottom:14px;display:flex}.data-tools input{border:1.5px solid var(--border);border-radius:10px;outline:0;flex:1;padding:11px 14px;font-size:14px;transition:border-color .15s}.data-tools input:focus{border-color:#00b884}.data-tools button{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border:0;border-radius:10px;padding:0 20px;font-weight:800}table{border-collapse:collapse;width:100%;min-width:700px}th,td{border-bottom:1px solid var(--border);text-align:right;padding:12px 14px;font-size:13px}th{background:var(--bg-soft);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}td{color:var(--text)}tr:hover td{background:#00b88408}.topbar button,.page-title>button,.submit{color:#00b884;background:#00b8841a;border:0;border-radius:9px;padding:9px 14px;font-weight:700;transition:all .15s}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0714288c;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(760px,92vw);max-height:88vh;padding:28px;position:relative;overflow:auto;box-shadow:0 24px 80px #0003,0 4px 16px #0000001a}.modal.small{width:min(560px,92vw)}.modal-wide{width:min(880px,94vw)}.modal .x{width:34px;height:34px;color:var(--muted);background:#f0f4fa;border:0;border-radius:50%;place-items:center;font-size:18px;transition:all .15s;display:grid;position:absolute;top:20px;left:20px}.modal .x:hover{color:var(--text);background:#e4eaf4}.modal h2{color:var(--text);margin:6px 0 4px;font-size:20px;font-weight:800}.modal p{color:var(--muted);margin:0 0 16px;font-size:14px}.modal h3{color:var(--text);margin:16px 0 10px;font-size:14px;font-weight:700}.modal label{margin-bottom:14px;display:block}.modal label>span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.modal label>input,.modal label>select,.modal label>textarea,.modal>input,.modal>select,.modal>textarea{border:1.5px solid var(--border);background:#fff;border-radius:12px;outline:0;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.modal label>input:focus,.modal label>select:focus,.modal label>textarea:focus{border-color:#00b884;box-shadow:0 0 0 3px #00b8841a}.modal textarea{resize:vertical;min-height:85px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label span{color:var(--muted);font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{border:1.5px solid var(--border);background:#fff;border-radius:10px;outline:0;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#00b884;box-shadow:0 0 0 3px #00b8841a}.form-grid textarea{resize:vertical;min-height:85px}.form-grid label.wide{grid-column:1/-1}.submit{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border-radius:10px;width:100%;margin-top:18px;padding:12px;font-size:15px;font-weight:700;transition:all .18s;box-shadow:0 4px 16px #00b8844d}.submit:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00b88466}.details-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}pre{text-align:left;color:#00d49a;direction:ltr;background:#060f1e;border:1px solid #00b88433;border-radius:12px;padding:18px;font-size:13px;overflow:auto}.case-modal{max-width:920px;max-height:88vh;overflow-y:auto}.form-section{border:1px solid var(--border);background:var(--bg-soft);border-radius:16px;margin-top:16px;padding:18px}.form-section h3{color:var(--text);margin:0 0 14px;font-size:15px;font-weight:700}.case-main-panel{min-height:620px}.case-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;padding-bottom:18px;display:flex}.case-head small{color:#00b884;font-weight:800}.case-head h2{margin:6px 0;font-size:24px;font-weight:800}.case-head p{color:var(--muted);margin:0}.case-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.case-badges span{color:#00b884;background:#00b88414;border:1px solid #00b88433;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tabs button{border:1.5px solid var(--border);background:var(--bg-soft);color:var(--muted);border-radius:999px;padding:9px 16px;font-weight:700;transition:all .18s}.tabs button.active{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border-color:#0000;box-shadow:0 4px 14px #00b8844d}.tab-body{margin-top:14px}.case-actions,.tab-action-row{flex-wrap:wrap;gap:8px;margin:14px 0 18px;display:flex}.case-actions button,.tab-action-row button,.empty button{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border:0;border-radius:10px;padding:10px 16px;font-weight:800;transition:all .15s;box-shadow:0 3px 12px #00b88440}.case-actions button:hover,.tab-action-row button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00b88459}.cases-page{padding-top:16px}.cases-title{margin-bottom:18px}.case-hero{color:#fff;background:radial-gradient(circle at 10% 15%,#00b88440,#0000 30%),linear-gradient(135deg,#060f1e,#071e38 60%,#071e2e);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #060f1e59}.case-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.case-hero small{color:#00d49a;letter-spacing:.3px;z-index:1;font-weight:900;position:relative}.case-hero h2{z-index:1;margin:8px 0;font-size:24px;font-weight:800;position:relative}.case-hero p{color:#ffffffb3;z-index:1;max-width:760px;margin:0;line-height:1.8;position:relative}.case-hero-actions{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:relative}.case-hero-actions button{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;min-width:130px;padding:11px 18px;font-weight:800;transition:all .18s}.case-hero-actions button:hover{background:#ffffff2e;border-color:#ffffff4d}.case-hero-actions button.secondary{background:linear-gradient(135deg,#00b884,#00d49a);border-color:#0000;box-shadow:0 4px 16px #00b88459}.case-stats-grid .metric{min-height:112px}.cases-toolbar{min-height:auto;margin:16px 0}.cases-toolbar-title{margin-bottom:14px}.cases-toolbar-title b{font-size:16px;font-weight:700;display:block}.cases-toolbar-title small{color:var(--muted)}.cases-filter-grid{grid-template-columns:1.5fr .8fr .8fr auto;align-items:end;gap:10px;display:grid}.cases-filter-grid label span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.cases-filter-grid input,.cases-filter-grid select{border:1.5px solid var(--border);background:var(--card);border-radius:12px;outline:0;width:100%;height:42px;padding:0 14px;font-size:13.5px;transition:border-color .15s}.cases-filter-grid input:focus,.cases-filter-grid select:focus{border-color:#00b884}.cases-filter-actions{gap:8px;display:flex}.cases-filter-actions button{border:1px solid var(--border);background:var(--card);height:38px;color:var(--text);cursor:pointer;border-radius:9px;padding:0 14px;font-size:13px;font-weight:600;transition:all .15s}.cases-filter-actions button:hover{background:var(--bg);color:#00b884;border-color:#00b884}@media (width<=1280px){.copilot{display:none}.metric-grid,.people-grid{grid-template-columns:repeat(2,1fr)}.layout-3,.case-layout,.ai-grid,.split,.layout-2{grid-template-columns:1fr}.kanban{grid-template-columns:1fr 1fr}.global-search{min-width:200px}.topbar{overflow-x:auto}}@media (width<=900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.cards-row{grid-template-columns:1fr 1fr}}@media (width<=1024px){.workspace{grid-template-columns:1fr;padding:0}.right-rail{z-index:1001;border-bottom:none;border-left:1px solid #ffffff17;border-radius:0;width:min(86vw,320px);height:100dvh;transition:transform .22s;position:fixed;top:0;right:0;transform:translate(105%);box-shadow:-18px 0 50px #00000047}.right-rail.mobile-open{transform:translate(0)}.right-rail nav{gap:8px;display:flex}.right-rail nav .rail-nav-group-toggle{min-height:32px}.mobile-nav-trigger{flex:0 0 42px;justify-content:center;width:42px;min-width:42px;padding:0!important;display:inline-flex!important}.mobile-nav-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:12px;left:12px}.mobile-nav-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#030a1694;border:0;width:100%;height:100%;transition:opacity .2s;position:fixed;inset:0}.mobile-nav-backdrop.visible{opacity:1;pointer-events:auto;display:block}.cards-row,.kanban,.metric-grid,.form-grid,.details-grid{grid-template-columns:1fr}.page-title button{width:100%;margin-top:10px;position:static}.topbar{flex-wrap:wrap;height:auto;min-height:60px;padding:8px 10px;overflow:visible}.profile{flex:auto;min-width:0;margin-left:0}.profile div{min-width:0}.profile b,.profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.global-search{min-width:0}.topbar .ghost span{display:none}.people-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.right-rail,.mobile-nav-backdrop,.rail-nav-group-toggle svg{transition:none}}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.panel-head b{color:var(--text);font-size:15px;font-weight:700}.panel-head small{color:var(--muted);font-size:12px}.status-pill{color:var(--muted);background:#687a9b1a;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.ghost-action{border:1px solid var(--border);background:var(--bg-soft,#f0f4fa);color:var(--text);cursor:pointer;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.ghost-action:hover{color:#00b884;background:#00b8840a;border-color:#00b884}.ghost-filter{color:#00b884;cursor:pointer;background:#00b8840f;border:1.5px solid #00b8844d;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.ghost-filter:hover{background:#00b8841f}.chip{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.chip:hover{background:#00b8840d;border-color:#00b884}.preset-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.modal-title-block{border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:16px}.modal-title-block span{color:#00b884;background:#00b8841a;border-radius:20px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.modal-title-block h2{margin:0 0 4px;font-size:20px;font-weight:800}.modal-title-block p{color:var(--muted);margin:0;font-size:13px}.modal-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.primary-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b884,#00d49a);border:0;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:700;transition:all .18s;box-shadow:0 4px 14px #00b8844d}.primary-action:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00b88466}.primary-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.confirm-dialog{background:var(--card);border:1px solid var(--border);border-radius:20px;width:min(440px,92vw);padding:28px;box-shadow:0 24px 80px #0003}.confirm-dialog p{color:var(--text);margin:0 0 20px;font-size:15px;line-height:1.7}.confirm-dialog h3{color:var(--text);margin:0 0 12px;font-size:18px}.ai-hint{color:var(--muted);background:#00b8840d;border:1px solid #00b88426;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.7}.ai-hint strong{color:#00b884}.cases-list-panel{flex-direction:column;display:flex;overflow:hidden}.case-cards-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;gap:8px;max-height:65vh;padding:4px 2px;display:flex;overflow-y:auto}.case-card{border:1.5px solid var(--border);background:var(--card);cursor:pointer;border-radius:14px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .15s}.case-card:hover{border-color:#00b88466;transform:translate(-1px);box-shadow:0 4px 16px #00b8841a}.case-card.active{background:#00b8840a;border-color:#00b884;box-shadow:0 4px 16px #00b8841f}.case-card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.case-card-top b{color:var(--text);flex:1;font-size:14px;font-weight:700;line-height:1.4}.case-card-meta{flex-wrap:wrap;gap:6px;display:flex}.case-card-meta small{color:#00b884;background:#00b88414;border:1px solid #00b88426;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.case-progress-strip{scrollbar-width:none;gap:6px;margin:12px 0;padding-bottom:4px;display:flex;overflow-x:auto}.case-progress-strip>div{background:var(--bg-soft);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;transition:border-color .15s;display:flex}.case-progress-strip>div.active{color:#00b884;background:#00b88414;border-color:#00b884}.case-progress-strip i{background:var(--border);border-radius:50%;width:6px;height:6px}.case-manage-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.case-manage-actions button{color:#00b884;cursor:pointer;background:#00b88414;border:0;border-radius:9px;padding:7px 12px;font-size:12px;font-weight:700;transition:background .15s}.case-manage-actions button:hover{background:#00b88429}.case-manage-actions button.danger{color:#dc2626;background:#ef444414}.case-manage-actions button.danger:hover{background:#ef444429}.case-mini-metrics{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.case-mini-metrics span{background:var(--bg-soft);border:1px solid var(--border);color:var(--muted);border-radius:10px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;display:flex}.case-ai-insight{background:#00b8840d;border:1px solid #00b8842e;border-radius:14px;margin:12px 0;padding:16px}.case-ai-insight p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.timeline-list,.notes-list{flex-direction:column;gap:10px;display:flex}.timeline-list article,.notes-list article{background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;padding:14px 16px;transition:border-color .15s}.timeline-list article:hover,.notes-list article:hover{border-color:#00b88440}.timeline-list p,.notes-list p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.7}.timeline-list small,.notes-list small{color:var(--muted);font-size:11px}.check-row{background:var(--bg-soft);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s;display:flex}.check-row:hover{border-color:#00b8844d}.check-row.wide{flex-direction:column;align-items:flex-start}.info-row{grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0;display:grid}.info-row>div{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:14px}.info-row small{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.info-row b{color:var(--text);font-size:18px;font-weight:800}.log-row{background:var(--bg-soft);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:11px 14px;font-size:13px;transition:border-color .15s;display:flex}.log-row:hover{border-color:#00b8844d}.totals-card{background:#00b8840d;border:1px solid #00b8842e;border-radius:14px;margin:14px 0;padding:16px 18px}.total-line{color:var(--text);border-bottom:1px solid #00b8841f;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;font-weight:600;display:flex}.total-line:last-child{color:#00b884;border-bottom:none;font-size:16px;font-weight:800}.calc-line{color:var(--text);background:#00b8840f;border:1px solid #00b88426;border-radius:10px;justify-content:space-between;align-items:center;margin:8px 0;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.refined-case-layout,.production-case-layout{gap:16px}.refined-case-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;padding-bottom:16px;display:flex}.refined-actions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.refined-tabs{margin-bottom:14px}.refined-details{gap:10px}.refined-list{gap:8px}.compact-people-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}.finance-case-split{grid-template-columns:1fr 1.5fr;gap:16px;display:grid}@media (width<=900px){.finance-case-split{grid-template-columns:1fr}}.item-row{grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.item-row input{border:1.5px solid var(--border);border-radius:9px;outline:0;padding:8px 12px;font-size:13px;transition:border-color .15s}.item-row input:focus{border-color:#00b884}.log-list,.items-list{margin:14px 0}.case-control-stack{background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}[data-theme=dark] .panel-head{border-color:var(--line)}[data-theme=dark] .panel-head b{color:var(--text)}[data-theme=dark] .panel-head small{color:var(--muted)}[data-theme=dark] .ghost-action{border-color:var(--line);color:var(--text);background:#ffffff0f}[data-theme=dark] .ghost-action:hover{color:#00d49a;background:#00b8841a;border-color:#00b8844d}[data-theme=dark] .ghost-filter{color:#00d49a;background:#00b88414;border-color:#00b88440}[data-theme=dark] .chip{background:var(--bg-soft);border-color:var(--line);color:var(--text)}[data-theme=dark] .chip:hover{border-color:#00b88466}[data-theme=dark] .modal-title-block{border-color:var(--line)}[data-theme=dark] .modal-title-block h2{color:var(--text)}[data-theme=dark] .modal-title-block p{color:var(--muted)}[data-theme=dark] .modal-actions{border-color:var(--line)}[data-theme=dark] .confirm-dialog{background:var(--card);border-color:var(--line)}[data-theme=dark] .confirm-dialog h3,[data-theme=dark] .confirm-dialog p{color:var(--text)}[data-theme=dark] .ai-hint{background:#00b8840a;border-color:#00b88426}[data-theme=dark] .case-cards-list{scrollbar-color:var(--line) transparent}[data-theme=dark] .case-card{background:var(--card);border-color:var(--line)}[data-theme=dark] .case-card:hover{border-color:#00b88466}[data-theme=dark] .case-card.active{background:#00b8840f;border-color:#00b884}[data-theme=dark] .case-card-top b{color:var(--text)}[data-theme=dark] .case-card-meta small{color:#00d49a;background:#00b88414;border-color:#00b88433}[data-theme=dark] .case-progress-strip>div{background:var(--card);border-color:var(--line)}[data-theme=dark] .case-progress-strip>div.active{color:#00d49a;background:#00b88414;border-color:#00b884}[data-theme=dark] .case-progress-strip i{background:var(--line)}[data-theme=dark] .case-manage-actions button{color:#00d49a;background:#00b88414}[data-theme=dark] .case-manage-actions button:hover{background:#00b88426}[data-theme=dark] .case-manage-actions button.danger{color:#f87171;background:#ef444414}[data-theme=dark] .case-mini-metrics span{background:var(--bg-soft);border-color:var(--line);color:var(--muted)}[data-theme=dark] .case-ai-insight{background:#00b8840a;border-color:#00b88426}[data-theme=dark] .case-ai-insight p{color:var(--muted)}[data-theme=dark] .timeline-list article,[data-theme=dark] .notes-list article{background:var(--card);border-color:var(--line)}[data-theme=dark] .timeline-list p,[data-theme=dark] .notes-list p,[data-theme=dark] .timeline-list small,[data-theme=dark] .notes-list small{color:var(--muted)}[data-theme=dark] .check-row{background:var(--bg-soft);border-color:var(--line)}[data-theme=dark] .check-row:hover{border-color:#00b8844d}[data-theme=dark] .info-row>div{background:var(--card);border-color:var(--line)}[data-theme=dark] .info-row small{color:var(--muted)}[data-theme=dark] .info-row b{color:var(--text)}[data-theme=dark] .log-row{background:var(--bg-soft);border-color:var(--line);color:var(--text)}[data-theme=dark] .log-row:hover{border-color:#00b8844d}[data-theme=dark] .totals-card{background:#00b8840a;border-color:#00b88433}[data-theme=dark] .total-line{color:var(--text);border-color:#00b88426}[data-theme=dark] .total-line:last-child{color:#00d49a}[data-theme=dark] .calc-line{color:var(--text);border-color:var(--line)}[data-theme=dark] .refined-case-head{background:var(--card);border-color:var(--line)}[data-theme=dark] .refined-actions button{border-color:var(--line);color:var(--text);background:#ffffff0f}[data-theme=dark] .refined-tabs{background:var(--bg-soft);border-color:var(--line)}[data-theme=dark] .refined-tab{color:var(--muted)}[data-theme=dark] .refined-tab.active{background:var(--card);color:var(--text)}[data-theme=dark] .refined-details{background:var(--card);border-color:var(--line)}[data-theme=dark] .refined-list article,[data-theme=dark] .compact-people-grid .person-card,[data-theme=dark] .item-row{background:var(--bg-soft);border-color:var(--line)}[data-theme=dark] .item-row:hover{border-color:#00b8844d}.sanad-invoice-modal{border:1px solid color-mix(in srgb, var(--accent,#00b884) 24%, var(--line));background:var(--card);padding:0;overflow:hidden}.sanad-invoice-modal>:not(.sanad-invoice-modal__head){margin-inline:24px}.sanad-invoice-modal>.modal-actions{margin:20px 0 0;padding:18px 24px}.sanad-invoice-modal__head{color:#fff;background:radial-gradient(circle at 12% 0,#00b88433,#0000 36%),linear-gradient(135deg,#071a24,#0b2630);align-items:center;gap:14px;margin-bottom:20px;padding:22px 24px;display:flex}.sanad-invoice-modal__head h2{color:#fff;margin:2px 0 4px}.sanad-invoice-modal__head p{color:#ffffffb3;margin:0;font-size:13px}.sanad-invoice-modal__eyebrow{color:#55e6bb;letter-spacing:.04em;font-size:11px;font-weight:800}.sanad-invoice-modal__icon{color:#55e6bb;background:#00b88421;border:1px solid #55e6bb40;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}.sanad-invoice-modal__setup{align-items:end}.sanad-invoice-modal__flow{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.sanad-invoice-modal__flow span{color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.sanad-invoice-modal__flow svg{color:var(--accent,#00b884)}.sanad-icon-danger{color:#ef4444;background:#ef44440f;border:1px solid #ef444433;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.sanad-icon-danger:hover{background:#ef44441f}@media (width<=680px){.sanad-invoice-modal__flow{grid-template-columns:1fr}.sanad-invoice-modal__flow span{justify-content:flex-start}.sanad-invoice-modal__head{align-items:flex-start}}[data-theme=dark] .metric.warn{background:#f0b42914;border-color:#f0b42940}[data-theme=dark] .metric.warn b{color:#f0b429}:root{--sanad-bg:#f4f7fb;--sanad-surface:#fff;--sanad-ink:#0d1421;--sanad-muted:#687a9b;--sanad-line:#0d142117;--sanad-green:#00b884;--sanad-green-2:#00d49a;--sanad-gold:#f0b429;--sanad-soft:#00b88414;--sanad-danger:#dc2626;--sanad-shadow:0 24px 70px #0d142124;--sanad-radius:28px;--hero-bg:linear-gradient(135deg, #060f1e 0%, #0a1f3c 50%, #071e2e 100%)}*{box-sizing:border-box}button,input,textarea,select{font-family:inherit}.sanad-public,.sanad-auth-page,.sanad-app-shell,.sanad-loading-screen{min-height:100vh;color:var(--sanad-ink)}.sanad-public{background:var(--hero-bg);padding:0}.sanad-public>header.sanad-public-nav{z-index:10;margin:20px 24px 0;position:relative}.sanad-public-nav{-webkit-backdrop-filter:blur(22px);z-index:50;background:#ffffff13;border:1px solid #ffffff1f;border-radius:20px;justify-content:space-between;align-items:center;max-width:1240px;height:72px;margin:0 auto;padding:12px 20px;display:flex;position:sticky;top:24px;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff1a}.sanad-public-brand,.sanad-side-brand{align-items:center;gap:12px;display:flex}.sanad-brand-mark{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid;box-shadow:0 0 0 3px #00b88440,0 8px 24px #00b8844d}.sanad-brand-mark.large{border-radius:20px;width:64px;height:64px;font-size:32px}.sanad-public-brand strong,.sanad-side-brand strong{color:#fff;font-size:21px;font-weight:900;display:block}.sanad-public-brand span,.sanad-side-brand span{color:#ffffff80;margin-top:2px;font-size:12px;display:block}.sanad-public-actions,.sanad-hero-buttons{align-items:center;gap:12px;display:flex}.sanad-main-btn,.sanad-secondary-btn,.sanad-link-btn,.sanad-submit-btn,.sanad-back-btn,.sanad-logout-btn{cursor:pointer;border:0;border-radius:14px;font-weight:800;transition:all .22s}.sanad-main-btn{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);align-items:center;gap:9px;padding:12px 20px;display:inline-flex;box-shadow:0 4px 20px #00b88466}.sanad-main-btn:hover,.sanad-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00b88480}.sanad-main-btn.big,.sanad-secondary-btn.big{border-radius:16px;padding:16px 26px;font-size:16px}.sanad-secondary-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;padding:12px 20px}.sanad-secondary-btn:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-1px)}.sanad-link-btn{color:#ffffffbf;background:0 0;padding:10px 14px;font-weight:700}.sanad-link-btn:hover{color:#fff}.sanad-hero-banner-bg{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sanad-hero-banner-img{object-fit:cover;object-position:center center;opacity:.28;filter:saturate(1.6)contrast(1.05)brightness(.9);width:100%;height:100%;transition:transform 12s;transform:scale(1.06)}.sanad-hero-banner-overlay{background:linear-gradient(160deg,#060f1ee0 0%,#08162cb8 42%,#051624d1 100%),radial-gradient(at 55% 45%,#00b8842e 0%,#0000 50%),radial-gradient(at 20% 80%,#07142899 0%,#0000 40%);position:absolute;inset:0}.sanad-hero-section{border-radius:0 0 32px 32px;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;max-width:100%;min-height:86vh;margin:0;padding:80px 40px 90px;display:grid;position:relative;overflow:hidden}.sanad-pill{color:#00d49a;background:#00b8841f;border:1px solid #00b88440;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:20px;padding:8px 14px;font-size:13px;font-weight:800;display:flex}.sanad-hero-copy,.sanad-hero-visual{z-index:2;position:relative}.sanad-hero-copy h1{letter-spacing:-1.5px;color:#fff;margin:0;font-size:clamp(38px,5vw,70px);line-height:1.1}.sanad-hero-copy p{color:#ffffffa6;max-width:680px;margin:24px 0 30px;font-size:18px;line-height:2}.sanad-hero-highlight{background:linear-gradient(135deg,#00b884,#00d49a,#f0b429);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sanad-trust-row{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.sanad-trust-row span{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 0 16px #00b88414}.sanad-trust-row span:hover{color:#00d49a;background:#00b8841f;border-color:#00b8844d}.sanad-hero-visual{background:radial-gradient(circle at 20% 15%,#00b88426,#0000 35%),radial-gradient(circle at 80% 80%,#f0b4291a,#0000 30%),linear-gradient(160deg,#0e2244fa,#071428fa);border:1px solid #ffffff14;border-radius:36px;min-height:540px;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000080,inset 0 1px #ffffff0f}.sanad-hero-visual:before{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:28px;position:absolute;inset:20px}.sanad-hero-visual:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.sanad-dashboard-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;z-index:1;background:#ffffff12;border:1px solid #ffffff1f;border-radius:24px;padding:24px;position:absolute;top:60px;left:44px;right:44px}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top span{opacity:.7;font-size:13px}.card-top strong{font-size:42px;font-weight:900}.card-chart{align-items:flex-end;gap:10px;height:160px;margin-top:24px;display:flex}.card-chart i{opacity:.9;background:linear-gradient(#00d49acc,#00b88466);border-radius:10px 10px 0 0;flex:1;transition:opacity .2s;display:block}.card-chart i:hover{opacity:1}.sanad-floating-card{z-index:2;background:#fffffff2;border:1px solid #ffffffe6;border-radius:20px;align-items:center;gap:12px;width:240px;padding:16px;display:flex;position:absolute;box-shadow:0 16px 48px #00000040}.sanad-floating-card svg{color:#00b884;flex-shrink:0}.sanad-floating-card strong{color:#0d1421;font-size:14px;font-weight:900;display:block}.sanad-floating-card span{color:#687a9b;margin-top:3px;font-size:12px;display:block}.sanad-floating-card.ai-card{bottom:120px;right:32px}.sanad-floating-card.case-card{bottom:50px;left:36px}.sanad-floating-card.contract-card{bottom:200px;left:42px}.sanad-security-ring{color:#f0b429;z-index:1;background:#f0b4291f;border:1px solid #f0b4294d;border-radius:50%;place-items:center;width:90px;height:90px;display:grid;position:absolute;top:60px;left:50px}.sanad-section,.sanad-cta-section{max-width:1240px;margin:100px auto 0}.sanad-section-title{text-align:center;max-width:740px;margin:0 auto 36px}.sanad-section-title span,.sanad-cta-section span,.sanad-form-heading span{color:#00b884;font-weight:900}.sanad-section-title h2,.sanad-cta-section h2{letter-spacing:-.5px;color:#fff;margin:10px 0;font-size:clamp(28px,3vw,46px)}.sanad-section-sub{color:#ffffff8c;margin-top:8px;font-size:16px;line-height:1.8}.sanad-feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.sanad-feature-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:24px;padding:28px;transition:all .22s;box-shadow:0 4px 32px #0003,inset 0 1px #ffffff0f}.sanad-feature-card:hover{border-color:#00b8844d;transform:translateY(-3px);box-shadow:0 12px 40px #00000040,0 0 0 1px #00b88426}.sanad-feature-card div{color:#00b884;background:#00b8841a;border:1px solid #00b88433;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid}.sanad-feature-card h3{color:#fff;margin:0 0 10px;font-size:19px;font-weight:800}.sanad-feature-card p,.sanad-cta-section p{color:#ffffff8c;margin:0;font-size:14px;line-height:1.9}.sanad-cta-section{color:#fff;background:radial-gradient(circle at 15%,#00b88433,#0000 45%),radial-gradient(circle at 85% 20%,#f0b4291a,#0000 35%),linear-gradient(135deg,#071428,#0e2244 55%,#071428);border:1px solid #ffffff14;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:60px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059}.sanad-cta-section:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.sanad-cta-section h2{z-index:1;position:relative}.sanad-cta-section span{color:#ffffffa6}.sanad-cta-section p{color:#fff9;z-index:1;position:relative}.sanad-auth-page{background:radial-gradient(circle at 100% 0,#00b88414,#0000 35%),radial-gradient(circle at 0 100%,#f0b4290f,#0000 28%),linear-gradient(135deg,#f4f7fb,#edf2f9);grid-template-columns:.85fr 1.15fr;gap:24px;min-height:100vh;padding:24px;display:grid}.sanad-auth-page.compact{grid-template-columns:.9fr .8fr;justify-content:center}.sanad-auth-side,.sanad-auth-card{border:1px solid #ffffff1f;border-radius:28px}.sanad-auth-side{color:#fff;background:radial-gradient(circle at 10% 15%,#00b8842e,#0000 35%),radial-gradient(circle at 80% 80%,#f0b4291a,#0000 30%),linear-gradient(155deg,#071428,#0e2244 55%,#071428);flex-direction:column;justify-content:space-between;min-height:calc(100vh - 48px);padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000059}.sanad-auth-side:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.sanad-back-btn{color:#ffffffd9;z-index:1;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:8px;width:fit-content;padding:10px 16px;display:inline-flex;position:relative}.sanad-back-btn:hover{color:#fff;background:#ffffff24}.sanad-auth-brand h1{color:#fff;letter-spacing:-1px;z-index:1;margin:26px 0 12px;font-size:42px;font-weight:900;position:relative}.sanad-auth-brand p{color:#fff9;z-index:1;max-width:520px;line-height:1.9;position:relative}.sanad-auth-benefits{z-index:1;gap:10px;display:grid;position:relative}.sanad-auth-benefits span{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:10px;padding:12px 16px;font-weight:700;transition:all .18s;display:flex}.sanad-auth-benefits span:hover{background:#00b8841f;border-color:#00b88440}.sanad-auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffeb;border:1px solid #fffc;align-self:center;width:100%;max-width:560px;margin:0 auto;padding:36px;box-shadow:0 16px 60px #0d14211f}.sanad-auth-card.wide{max-width:860px}.sanad-form-heading{margin-bottom:26px}.sanad-form-heading h2{color:#0d1421;letter-spacing:-.5px;margin:8px 0 6px;font-size:28px;font-weight:900}.sanad-form-heading p{color:#687a9b;margin:0;line-height:1.7}.sanad-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.sanad-auth-card label{gap:8px;margin-bottom:14px;display:grid}.sanad-auth-card label span{color:#2d4a3e;font-size:12.5px;font-weight:800}.sanad-auth-card input{color:#0d1421;background:#fff;border:1.5px solid #0d14211a;border-radius:14px;outline:none;width:100%;height:50px;padding:0 16px;font-size:14px;transition:all .18s}.sanad-auth-card input:focus{border-color:#00b884;box-shadow:0 0 0 4px #00b8841a}.sanad-password-field{background:#fff;border:1.5px solid #0d14211a;border-radius:14px;align-items:center;transition:all .18s;display:flex;overflow:hidden}.sanad-password-field:focus-within{border-color:#00b884;box-shadow:0 0 0 4px #00b8841a}.sanad-password-field input{border:0;border-radius:0;box-shadow:none!important}.sanad-password-field input:focus{box-shadow:none}.sanad-password-field button{color:#687a9b;cursor:pointer;background:0 0;border:0;flex-shrink:0;width:50px;height:50px;transition:color .15s}.sanad-password-field button:hover{color:#00b884}.sanad-submit-btn{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;height:54px;margin-top:14px;font-size:16px;font-weight:800;transition:all .22s;display:flex;box-shadow:0 6px 20px #00b88459}.sanad-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00b88473}.sanad-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.sanad-form-error{color:#dc2626;background:#dc262612;border:1px solid #dc26262e;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:700}.sanad-switch-line{color:#687a9b;justify-content:center;gap:8px;margin-top:18px;font-size:13.5px;display:flex}.sanad-switch-line button{color:#00b884;cursor:pointer;font-weight:800;font-size:inherit;background:0 0;border:0}.sanad-switch-line button:hover{text-decoration:underline}.spin{animation:.8s linear infinite sanad-spin}@keyframes sanad-spin{to{transform:rotate(360deg)}}.sanad-loading-screen{text-align:center;background:var(--hero-bg);color:#fff;align-content:center;place-items:center;gap:10px;display:grid}.sanad-loading-screen h2{color:#fff;margin:14px 0 0}.sanad-loading-screen p{color:#fff9;margin:0}.sanad-app-shell{grid-template-columns:280px 1fr;display:grid}.sanad-side-nav{background:linear-gradient(#071428 0%,#0e2244 55%,#071428 100%);border-left:1px solid #ffffff0d;flex-direction:column;gap:18px;min-height:100vh;padding:22px;display:flex}.sanad-side-brand strong{color:#fff}.sanad-side-brand span{color:#ffffff73}.sanad-firm-card{color:#00d49a;background:#00b8841a;border:1px solid #00b88433;border-radius:16px;align-items:center;gap:10px;padding:14px;display:flex}.sanad-firm-card strong,.sanad-firm-card span{display:block}.sanad-firm-card span{color:#ffffff73;margin-top:3px;font-size:12px}.sanad-side-nav nav{gap:4px;display:grid}.sanad-side-nav nav button,.sanad-logout-btn{color:#b4c8e68c;cursor:pointer;background:0 0;border:0;border-right:3px solid #0000;border-radius:12px;align-items:center;gap:10px;height:46px;padding:0 14px;font-size:13.5px;font-weight:700;transition:all .18s;display:flex}.sanad-side-nav nav button:hover{color:#b8f0e0;background:#00b8841a;border-right-color:#00b88466}.sanad-side-nav nav button.active{color:#fff;background:#00b88426;border-right-color:#00b884}.sanad-logout-btn{color:#ef4444cc;background:#ef444414;border:1px solid #ef444426;border-right:0;border-radius:12px;margin-top:auto}.sanad-logout-btn:hover{color:#ef4444;background:#ef444426}.sanad-main-area{background:#f4f7fb;min-width:0;padding:24px}.sanad-app-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0d142112;border-radius:20px;justify-content:space-between;align-items:center;min-height:72px;padding:16px 22px;display:flex;box-shadow:0 4px 20px #0d14210f}.sanad-app-topbar span{color:#687a9b;font-size:12.5px;font-weight:700}.sanad-app-topbar h1{color:#0d1421;margin:2px 0 0;font-size:22px;font-weight:800}.sanad-user-chip{background:#fff;border:1px solid #0d142114;border-radius:16px;align-items:center;gap:10px;padding:7px 10px;display:flex;box-shadow:0 2px 8px #0d14210d}.sanad-user-chip div{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 3px 10px #00b8844d}.sanad-user-chip strong,.sanad-user-chip span{display:block}.sanad-user-chip strong{color:#0d1421;font-size:13.5px;font-weight:800}.sanad-user-chip span{color:#687a9b;font-size:11.5px}.sanad-page-host{margin-top:20px}.sanad-pricing-section{padding-bottom:20px}.sanad-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.sanad-pricing-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:14px;padding:28px 24px 24px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;box-shadow:0 8px 40px #0003,inset 0 1px #ffffff0f}.sanad-pricing-card:hover{border-color:#00b8844d;transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}.sanad-pricing-card.popular{z-index:1;background:#00b88412;border-color:#00b88466;transform:scale(1.03);box-shadow:0 16px 60px #00b88426}.sanad-pricing-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#00b884,#00d49a);border-radius:999px;padding:5px 16px;font-size:12px;font-weight:900;position:absolute;top:-14px;right:50%;transform:translate(50%);box-shadow:0 4px 14px #00b88459}.sanad-pricing-icon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pricing-green .sanad-pricing-icon{color:#00b884;background:#00b8841f}.pricing-navy .sanad-pricing-icon{color:#60a5fa;background:#3b82f61f}.pricing-gold .sanad-pricing-icon{color:#f0b429;background:#f0b4291f}.sanad-pricing-name{color:#fff;margin:0;font-size:19px;font-weight:900}.sanad-pricing-price{align-items:baseline;gap:6px;display:flex}.sanad-pricing-num{color:#00b884;font-size:38px;font-weight:900;line-height:1}.pricing-navy .sanad-pricing-num{color:#60a5fa}.pricing-gold .sanad-pricing-num{color:#f0b429}.sanad-pricing-unit{color:#ffffff73;font-size:12px;line-height:1.4}.sanad-pricing-custom{color:#f0b429;font-size:24px;font-weight:900}.sanad-pricing-desc{color:#ffffff80;margin:0;font-size:13px;line-height:1.6}.sanad-pricing-features{flex-direction:column;flex:1;gap:9px;margin:4px 0 0;padding:0;list-style:none;display:flex}.sanad-pricing-features li{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.sanad-pricing-features li.ok{color:#ffffffe6}.sanad-pricing-features li.no{color:#ffffff4d}.sanad-pricing-features li.ok svg{color:#00b884;flex-shrink:0}.sanad-pricing-features li.no .no-icon{flex-shrink:0;font-size:16px;line-height:1}.pricing-navy .sanad-pricing-features li.ok svg{color:#60a5fa}.pricing-gold .sanad-pricing-features li.ok svg{color:#f0b429}.sanad-pricing-cta{cursor:pointer;border:1.5px solid;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:13px 18px;font-size:14px;font-weight:900;transition:all .2s;display:flex}.sanad-pricing-cta.primary{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border-color:#0000;box-shadow:0 6px 20px #00b88459}.sanad-pricing-cta.primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00b88473}.sanad-pricing-cta.secondary{color:#fffc;background:#ffffff0f;border-color:#ffffff26}.sanad-pricing-cta.secondary:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.pricing-navy .sanad-pricing-cta.secondary{color:#93c5fd;border-color:#60a5fa4d}.pricing-gold .sanad-pricing-cta.secondary{color:#fbbf24;border-color:#f0b4294d}.sanad-pricing-note{color:#00b884;background:#00b88414;border:1px solid #00b8842e;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin-top:28px;margin-left:auto;margin-right:auto;padding:12px 22px;font-size:13px;font-weight:800;display:flex}.sanad-clients-section{padding-bottom:20px}.sanad-clients-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.sanad-client-card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 4px 16px #00000026}.sanad-client-card:hover{border-color:#00b8844d;transform:translateY(-2px);box-shadow:0 10px 32px #0003}.sanad-firm-avatar{color:#00b884;background:#00b8841a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:flex;overflow:hidden}.sanad-firm-avatar img{object-fit:cover;width:100%;height:100%}.sanad-client-info{flex-direction:column;gap:3px;min-width:0;display:flex}.sanad-client-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.sanad-client-city{color:#ffffff73;font-size:11px}.sanad-client-ai-badge{color:#fff;background:linear-gradient(135deg,#00b884,#00d49a);border-radius:999px;align-items:center;gap:3px;width:fit-content;padding:2px 7px;font-size:10px;font-weight:900;display:inline-flex}.sanad-clients-skeleton{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.sanad-client-card-sk{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:18px;height:72px;animation:1.6s infinite sanad-shimmer}@keyframes sanad-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sanad-clients-join{color:#ffffff80;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:30px;font-size:14px;font-weight:800;display:flex}.sanad-footer{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:50px auto 0;padding:28px 0 36px;display:flex}.sanad-footer-brand{align-items:center;gap:14px;display:flex}.sanad-footer-brand strong{color:#fff;font-size:18px;font-weight:900;display:block}.sanad-footer-brand span{color:#fff6;margin-top:2px;font-size:12px;display:block}.sanad-footer-copy{color:#ffffff59;margin:0;font-size:12px}.sanad-wizard-page{direction:rtl;background:radial-gradient(circle at 100% 0,#00b88414,#0000 35%),radial-gradient(circle at 0 100%,#f0b4290f,#0000 28%),linear-gradient(135deg,#f4f7fb,#edf2f9);min-height:100vh}.sanad-wizard-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#ffffffe0;border-bottom:1px solid #0d142114;flex-wrap:wrap;align-items:center;gap:20px;padding:16px 28px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0d14210f}.sanad-wizard-brand{align-items:center;gap:10px;margin-left:auto;display:flex}.sanad-wizard-brand strong{color:#0d1421;font-size:18px;font-weight:900}.sanad-back-btn.flat{color:#00b884;cursor:pointer;background:0 0;border:1.5px solid #00b88440;border-radius:12px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:800;transition:all .15s;display:inline-flex}.sanad-wizard-steps-bar{flex:1;justify-content:center;align-items:center;gap:4px;max-width:480px;margin:0 auto;display:flex}.sanad-wstep{align-items:center;gap:7px;display:flex}.sanad-wstep-num{color:#687a9b;background:#fff;border:2px solid #0d14211f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;transition:all .2s;display:flex}.sanad-wstep.active .sanad-wstep-num{color:#fff;background:#00b884;border-color:#00b884;box-shadow:0 0 0 4px #00b88426}.sanad-wstep.done .sanad-wstep-num{color:#fff;background:#00d49a;border-color:#00d49a}.sanad-wstep-label{color:#687a9b;font-size:12px;font-weight:800}.sanad-wstep-arrow{color:#687a9b;opacity:.4}.sanad-wizard-body{max-width:1100px;margin:0 auto;padding:44px 28px 64px}.sanad-wizard-body.narrow{max-width:680px}.sanad-wizard-heading{text-align:center;margin-bottom:40px}.sanad-wizard-heading-icon{color:#00b884;margin-bottom:10px;margin-left:auto;margin-right:auto;display:block}.sanad-wizard-heading h1{color:#0d1421;letter-spacing:-.5px;margin:0 0 8px;font-size:clamp(24px,3vw,36px);font-weight:900}.sanad-wizard-heading p{color:#687a9b;margin:0;font-size:15px}.sanad-plan-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.sanad-plan-card{cursor:pointer;text-align:right;background:#ffffffeb;border:2px solid #0d142114;border-radius:20px;flex-direction:column;gap:10px;padding:24px 20px 22px;font-family:inherit;transition:all .2s;display:flex;position:relative;box-shadow:0 6px 24px #0d142112}.sanad-plan-card:hover{border-color:#00b88459;transform:translateY(-3px);box-shadow:0 12px 36px #0d14211a}.sanad-plan-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#00b884,#00d49a);border-radius:999px;padding:4px 14px;font-size:11px;font-weight:900;position:absolute;top:-13px;right:50%;transform:translate(50%);box-shadow:0 4px 14px #00b8844d}.sanad-plan-icon{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.sanad-plan-name{color:#0d1421;margin:0;font-size:18px;font-weight:900}.sanad-plan-price{align-items:baseline;gap:5px;display:flex}.sanad-price-num{color:#00b884;font-size:34px;font-weight:900;line-height:1}@media (width<=1100px){.sanad-hero-section{border-radius:0 0 20px 20px;grid-template-columns:1fr;gap:28px;min-height:auto;padding:60px 24px 70px}.sanad-hero-visual{display:none}.sanad-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.sanad-public>header.sanad-public-nav{margin:14px 14px 0}.sanad-public{padding:0}.sanad-public-nav{border-radius:14px;height:auto;padding:10px 14px}.sanad-hero-copy h1{font-size:clamp(26px,9vw,44px)}.sanad-features-grid{grid-template-columns:1fr}.sanad-section{padding:40px 0}.sanad-auth-card{border-radius:18px;padding:24px 18px}.sanad-hero-buttons{flex-direction:column;align-items:stretch}.sanad-main-btn,.sanad-secondary-btn{justify-content:center}}.lp-hero{background:#060d1a;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.lp-hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.lp-hero-grid{background-image:linear-gradient(#00b8840a 1px,#0000 1px),linear-gradient(90deg,#00b8840a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 60% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 60% at 60% 40%,#000 30%,#0000 100%)}.lp-hero-glow{filter:blur(80px);opacity:.55;border-radius:50%;position:absolute}.lp-hero-glow-1{background:radial-gradient(circle,#00b88440 0%,#0000 70%);width:600px;height:600px;animation:6s ease-in-out infinite alternate glow-pulse;top:-10%;right:5%}.lp-hero-glow-2{background:radial-gradient(circle,#0e2244cc 0%,#0000 70%);width:400px;height:400px;bottom:0%;left:10%}@keyframes glow-pulse{0%{opacity:.45;transform:scale(1)}to{opacity:.7;transform:scale(1.08)}}.lp-hero .sanad-public-nav{z-index:20;background:#ffffff0a;border-color:#ffffff14;margin:20px 28px 0;position:relative}.lp-hero-inner{z-index:2;flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:100%;max-width:1260px;margin:0 auto;padding:60px 40px 80px;display:grid;position:relative}.lp-hero-copy{flex-direction:column;gap:0;display:flex}.lp-pill{color:#00d49a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00b8841f;border:1px solid #00b8844d;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.lp-hero-h1{color:#fff;letter-spacing:-.8px;margin:0 0 22px;font-size:clamp(34px,4.5vw,62px);font-weight:900;line-height:1.15}.lp-accent{background:linear-gradient(135deg,#00b884,#00d49a,#f0b429);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lp-hero-sub{color:#fff9;max-width:520px;margin:0 0 32px;font-size:17px;line-height:1.85}.lp-hero-btns{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:32px;display:flex}.lp-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b884,#00d49a);border:none;border-radius:14px;align-items:center;gap:10px;padding:15px 28px;font-family:inherit;font-size:16px;font-weight:800;transition:all .22s;display:inline-flex;box-shadow:0 8px 28px #00b88466,0 2px 6px #00b88433}.lp-btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px #00b88480}.lp-btn-ghost{color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:8px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.lp-btn-ghost:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.lp-trust{flex-wrap:wrap;gap:12px;display:flex}.lp-trust span{color:#ffffff73;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.lp-hero-visual{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.lp-logo-stage{justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative}.lp-logo-ring{border:1px solid #00b8842e;border-radius:50%;animation:20s linear infinite ring-spin;position:absolute}.lp-ring-outer{border-color:#00b8841f;width:310px;height:310px;animation-duration:28s}.lp-ring-mid{border-color:#00b88433;width:250px;height:250px;animation-duration:18s;animation-direction:reverse}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lp-logo-frame{z-index:2;border-radius:36px;width:190px;height:190px;animation:5s ease-in-out infinite logo-float;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00b88459,0 0 40px #00b88440,0 0 80px #00b8841f,0 24px 60px #00000080}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.lp-logo-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.lp-logo-shine{pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 50%,#00b8840f 100%);position:absolute;inset:0}.lp-orbit-dot{background:#00b884;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 12px #00b884cc}.lp-dot-1{animation:2s infinite dot-pulse;top:8px;right:50%;transform:translate(50%)}.lp-dot-2{background:#f0b429;animation:2s .7s infinite dot-pulse;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #f0b429cc}.lp-dot-3{width:7px;height:7px;animation:2s 1.4s infinite dot-pulse;top:50%;right:6px;transform:translateY(-50%)}@keyframes dot-pulse{0%,to{opacity:1;transform:translate(50%)scale(1)}50%{opacity:.5;transform:translate(50%)scale(.7)}}.lp-dot-2{animation-name:dot-pulse-left}@keyframes dot-pulse-left{0%,to{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.5;transform:translate(-50%)scale(.7)}}.lp-dot-3{animation-name:dot-pulse-right}@keyframes dot-pulse-right{0%,to{opacity:1;transform:translateY(-50%)scale(1)}50%{opacity:.5;transform:translateY(-50%)scale(.7)}}.lp-float-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;white-space:nowrap;z-index:4;background:#0e1a2ed9;border:1px solid #00b88433;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:flex;position:absolute;box-shadow:0 8px 32px #0006}.lp-float-card svg{color:#00b884;flex-shrink:0}.lp-float-card strong{font-size:13px;font-weight:700;display:block}.lp-float-card span{color:#ffffff80;margin-top:2px;font-size:11px;display:block}.lp-float-top{animation:5s ease-in-out infinite float-updown;top:20px;right:-30px}.lp-float-bottom{animation:5s ease-in-out 1.5s infinite float-updown;bottom:30px;right:-20px}.lp-float-left{animation:5s ease-in-out 3s infinite float-updown;top:50%;left:-50px;transform:translateY(-50%)}@keyframes float-updown{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-float-left{animation-name:float-leftright}@keyframes float-leftright{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}.lp-badge-green{color:#00d49a;background:#00b88433;border:1px solid #00b8844d;border-radius:6px;margin-right:auto;padding:2px 8px;font-size:11px;font-weight:800}.lp-badge-blue{color:#82b4ff;background:#3881ff26;border:1px solid #3881ff40;border-radius:6px;margin-right:auto;padding:2px 8px;font-size:11px;font-weight:800}@media (width<=1024px){.lp-hero-inner{grid-template-columns:1fr;gap:48px;padding:50px 28px 64px}.lp-hero-visual{min-height:380px}.lp-logo-stage{width:260px;height:260px}.lp-logo-frame{border-radius:28px;width:150px;height:150px}.lp-ring-outer{width:250px;height:250px}.lp-ring-mid{width:200px;height:200px}.lp-float-top,.lp-float-bottom{right:10px}.lp-float-left{left:10px}}@media (width<=640px){.lp-hero-inner{padding:30px 20px 50px}.lp-hero-h1{font-size:clamp(26px,8vw,40px)}.lp-hero-btns{flex-direction:column;align-items:stretch}.lp-btn-primary,.lp-btn-ghost{justify-content:center}.lp-float-card{display:none}.lp-hero-visual{min-height:280px}}.lp-nav{z-index:20;margin:20px 28px 0;position:relative;box-shadow:none!important;background:#ffffff0a!important;border:1px solid #ffffff14!important}.lp-nav .sanad-public-brand strong{color:#fff}.lp-nav .sanad-public-brand span{color:#ffffff73}.lp-nav-link{font-size:14px;font-weight:600;color:#ffffffb3!important;background:0 0!important}.lp-nav-link:hover{color:#fff!important}.sanad-public{padding:0}.lp-robot-badge{color:#00d49a;background:linear-gradient(135deg,#071428,#0e2244);border:1.5px solid #00b88480;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:0 0 0 3px #00b8841f,0 4px 16px #00b88433,inset 0 1px #ffffff14}.lp-robot-pulse{background:#00d49a;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite robot-pulse;position:absolute;top:-3px;right:-3px;box-shadow:0 0 8px #00d49ae6}@keyframes robot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.lp-logo-frame{border-radius:64px!important;width:420px!important;height:420px!important}.lp-logo-stage{width:580px!important;height:580px!important}.lp-ring-outer{width:570px!important;height:570px!important}.lp-ring-mid{width:500px!important;height:500px!important}.lp-dot-1{top:12px!important}.lp-dot-2{bottom:16px!important}.lp-dot-3{right:8px!important}.lp-float-top{top:30px;right:-40px}.lp-float-bottom{bottom:40px;right:-30px}.lp-float-left{top:50%;left:-60px}@media (width<=1100px){.lp-logo-frame{border-radius:44px!important;width:280px!important;height:280px!important}.lp-logo-stage{width:400px!important;height:400px!important}.lp-ring-outer{width:390px!important;height:390px!important}.lp-ring-mid{width:330px!important;height:330px!important}}@media (width<=640px){.lp-logo-frame{border-radius:28px!important;width:160px!important;height:160px!important}.lp-logo-stage{width:220px!important;height:220px!important}.lp-ring-outer{width:210px!important;height:210px!important}.lp-ring-mid{width:180px!important;height:180px!important}}.sanad-footer .lp-robot-badge{background:linear-gradient(135deg,#071428,#0e2244);border-color:#00b88480}.sanad-enterprise-note{text-align:center;background:linear-gradient(135deg,#00b8840f,#f0b4290a);border:1.5px solid #00b88433;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:40px 28px;display:flex}.sanad-enterprise-note svg{color:#f0b429}.sanad-enterprise-note h3{color:#0d1421;margin:0;font-size:20px;font-weight:900}.sanad-enterprise-note p{color:#687a9b;max-width:420px;margin:0;font-size:14px;line-height:1.7}.sanad-users-input-wrap{justify-content:center;align-items:center;gap:16px;margin:28px 0;display:flex}.sanad-count-btn{color:#00b884;cursor:pointer;background:#00b8840f;border:1.5px solid #00b8844d;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:700;transition:all .15s;display:flex}.sanad-count-btn:disabled{opacity:.35;cursor:not-allowed}.sanad-users-display{flex-direction:column;align-items:center;gap:4px;display:flex}.sanad-users-display span{color:#687a9b;font-size:12px;font-weight:600}.sanad-count-input{text-align:center;color:#0d1421;background:#fff;border:2px solid #00b88440;border-radius:14px;outline:none;width:90px;height:56px;font-size:28px;font-weight:900;transition:border-color .18s}.sanad-count-input:focus{border-color:#00b884;box-shadow:0 0 0 4px #00b8841a}.sanad-price-summary{background:#ffffffe6;border:1.5px solid #0d142114;border-radius:20px;flex-direction:column;gap:12px;padding:22px 24px;display:flex;box-shadow:0 4px 20px #0d14210f}.sanad-price-row{color:#687a9b;border-bottom:1px solid #0d14210f;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:14px;display:flex}.sanad-price-row:last-of-type{border-bottom:0;padding-bottom:0}.sanad-price-row strong{color:#0d1421;font-weight:700}.sanad-price-row.total{font-size:16px;font-weight:800}.sanad-price-row.total strong{color:#00b884;font-size:20px;font-weight:900}.sanad-free-note{color:#00b884;background:#00b8840f;border:1px solid #00b88426;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;font-weight:600;display:flex}.sanad-free-note svg{flex-shrink:0}.sanad-register-form{flex-direction:column;gap:0;display:flex}.sanad-form-section{background:#ffffffe6;border:1.5px solid #0d142112;border-radius:20px;margin-bottom:16px;padding:24px;box-shadow:0 2px 12px #0d14210d}.sanad-form-section-title{color:#0d1421;border-bottom:1px solid #0d142112;align-items:center;gap:8px;margin:0 0 18px;padding-bottom:14px;font-size:15px;font-weight:800;display:flex}.sanad-form-section-title svg{color:#00b884}.sanad-form-section label{gap:7px;margin-bottom:0;display:grid}.sanad-form-section label span{color:#4a5568;font-size:12.5px;font-weight:700}.sanad-form-section label em{color:#be123c;font-style:normal}.sanad-form-section input,.sanad-form-section select{color:#0d1421;background:#f9fbff;border:1.5px solid #0d14211a;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.sanad-form-section input:focus,.sanad-form-section select:focus{background:#fff;border-color:#00b884;box-shadow:0 0 0 4px #00b8841a}[data-theme=dark] .sanad-enterprise-note{background:#00b8840d;border-color:#00b88426}[data-theme=dark] .sanad-enterprise-note h3{color:var(--text-primary,#e2e8f0)}[data-theme=dark] .sanad-enterprise-note p{color:var(--text-muted,#94a3b8)}[data-theme=dark] .sanad-count-btn{background:#00b88414}[data-theme=dark] .sanad-count-input{color:var(--text-primary,#e2e8f0);background:#1a2438;border-color:#00b88433}[data-theme=dark] .sanad-price-summary{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .sanad-price-row{color:var(--text-muted,#94a3b8);border-color:#ffffff12}[data-theme=dark] .sanad-price-row strong{color:var(--text-primary,#e2e8f0)}[data-theme=dark] .sanad-form-section{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .sanad-form-section-title{color:var(--text-primary,#e2e8f0);border-color:#ffffff14}[data-theme=dark] .sanad-form-section label span{color:var(--text-muted,#94a3b8)}[data-theme=dark] .sanad-form-section input,[data-theme=dark] .sanad-form-section select{color:var(--text-primary,#e2e8f0);background:#1a2438;border-color:#ffffff1a}[data-theme=dark] .sanad-wizard-footer{border-color:#ffffff14}.sanad-wizard-footer{border-top:1px solid #0d142114;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:24px;display:flex}.sanad-form-grid .full-col{grid-column:1/-1}.sanad-register-trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:8px 0 14px;display:flex}.sanad-register-trust span{color:#687a9b;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.sanad-register-trust svg{color:#00b884}.sanad-register-plan-summary{color:#687a9b;background:#00b8840d;border:1px solid #00b88426;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;padding:12px 18px;font-size:13.5px;display:flex}.sanad-register-plan-summary strong{color:#0d1421;font-weight:800}.sanad-plan-tag{border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.plan-tag-green{color:#00b884;background:#00b8841f}.plan-tag-navy{color:#3b82f6;background:#3b82f61f}.plan-tag-gold,.plan-tag-enterprise{color:#d97706;background:#f0b4291f}.sanad-plan-tag-note{color:#00b884;margin-right:auto;font-size:12px;font-weight:700}[data-theme=dark] .sanad-register-trust span{color:var(--text-muted,#94a3b8)}[data-theme=dark] .sanad-register-plan-summary{color:var(--text-muted,#94a3b8);background:#00b8840d;border-color:#00b8841f}[data-theme=dark] .sanad-register-plan-summary strong{color:var(--text-primary,#e2e8f0)}.sanad-command-bar{z-index:220;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);gap:10px;height:64px;min-height:64px;padding:7px clamp(12px,1.4vw,22px);position:sticky;inset-block-start:0;background:color-mix(in srgb, var(--bg-canvas,#fff) 86%, transparent)!important;border-bottom:1px solid color-mix(in srgb, var(--border-default,#dce5eb) 82%, transparent)!important;overflow:visible!important;box-shadow:0 12px 35px #1020300e!important}@media (width>=1025px){.sanad-command-bar{padding-inline-start:70px}.sanad-command-bar>.mobile-nav-trigger{z-index:4;color:var(--text-primary,#142331);background:var(--bg-soft,#f3f7f8);border:1px solid var(--border-subtle,#e2e9ee);border-radius:13px;margin:0;position:absolute;inset-block-start:50%;inset-inline-start:14px;transform:translateY(-50%)}.sanad-command-bar>.mobile-nav-trigger:hover{color:var(--sa-green-700,#087c63);background:var(--sa-green-50,#ecfbf5);border-color:color-mix(in srgb, var(--sa-green-500,#00b884) 38%, transparent)}[data-theme=dark] .sanad-command-bar>.mobile-nav-trigger{color:#dce8f7;background:#ffffff0e;border-color:#ffffff17}}.sanad-command-context,.sanad-account-trigger,.sanad-topbar-primary-actions,.sanad-command-menu-grid>button,.sanad-account-menu>button,.sanad-account-menu-head{align-items:center;display:flex}.sanad-command-context{flex:none;gap:9px;min-width:118px}.sanad-command-mark{color:#fff;background:linear-gradient(145deg,#071e2d 0%,#075846 60%,#00b884 130%);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 20px #006e5233,inset 0 1px #fff3}.sanad-command-context small,.sanad-command-context b{display:block}.sanad-command-context small{color:var(--text-muted,#718096);font-size:10px;line-height:1.15}.sanad-command-context b{color:var(--text-primary,#12202f);margin-top:2px;font-size:13px}.sanad-topbar-primary-actions{border:1px solid var(--border-subtle,#e7edf1);background:color-mix(in srgb, var(--bg-soft,#f5f8fa) 78%, transparent);border-radius:15px;flex:none;gap:5px;padding:4px}.sanad-command-bar .sanad-topbar-primary-actions>button{height:38px;min-height:38px;color:var(--text-secondary,#536274);box-shadow:none;white-space:nowrap;background:0 0;border:0;border-radius:11px;gap:6px;padding:0 11px;font-size:12px;font-weight:750}.sanad-command-bar .sanad-topbar-primary-actions>button:hover{color:var(--sa-green-700,#007d59);background:var(--bg-canvas,#fff);transform:translateY(-1px);box-shadow:0 6px 16px #0c233014}.sanad-command-menu-wrap,.sanad-account-wrap,.sanad-topbar-search{position:relative}.sanad-command-bar .sanad-create-trigger{color:#fff;white-space:nowrap;border:1px solid #007e593d;border-radius:14px;gap:7px;height:44px;min-height:44px;padding:0 14px;font-weight:850;box-shadow:0 10px 24px #009e7133,inset 0 1px #ffffff38;background:linear-gradient(135deg,#008d65,#00b884 58%,#27d5a1)!important}.sanad-command-bar .sanad-create-trigger:hover{filter:brightness(1.035);transform:translateY(-1px);box-shadow:0 14px 30px #009e7142,inset 0 1px #ffffff40}.sanad-create-plus{font-size:20px;font-weight:400;line-height:1}.sanad-command-menu,.sanad-account-menu,.sanad-search-results{z-index:10020;color:var(--text-primary,#12202f);background:color-mix(in srgb, var(--bg-canvas,#fff) 94%, transparent);border:1px solid var(--border-default,#dbe5ea);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);margin-top:9px;animation:.16s cubic-bezier(.2,.8,.2,1) sanad-menu-in;position:absolute;box-shadow:0 26px 70px #071a2833,0 4px 14px #071a280f}@keyframes sanad-menu-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.sanad-command-menu{border-radius:20px;width:min(570px,100vw - 32px);padding:10px;inset-inline-start:0}.sanad-command-menu-head{padding:8px 10px 12px}.sanad-command-menu-head strong,.sanad-command-menu-head small{display:block}.sanad-command-menu-head strong{font-size:14px}.sanad-command-menu-head small{color:var(--text-muted,#718096);margin-top:3px;font-size:11px}.sanad-command-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sanad-command-bar .sanad-command-menu-grid>button,.sanad-command-bar .sanad-account-menu>button{text-align:right;width:100%;height:auto;min-height:62px;color:var(--text-primary,#12202f);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:14px;gap:10px;padding:9px}.sanad-command-bar .sanad-command-menu-grid>button:hover,.sanad-command-bar .sanad-account-menu>button:hover{color:var(--text-primary,#12202f);background:var(--sa-green-50,#ecfbf5);border-color:color-mix(in srgb, var(--sa-green-300,#60d7b1) 45%, transparent)}.sanad-command-menu-icon{width:38px;height:38px;color:var(--sa-green-700,#007d59);background:linear-gradient(145deg, var(--sa-green-50,#ecfbf5), var(--bg-canvas,#fff));border:1px solid color-mix(in srgb, var(--sa-green-300,#60d7b1) 40%, transparent);border-radius:12px;flex:0 0 38px;place-items:center;display:grid}.sanad-command-menu-grid>button>span:last-child,.sanad-account-menu>button>span{min-width:0}.sanad-command-menu-grid b,.sanad-command-menu-grid small,.sanad-account-menu b,.sanad-account-menu small{display:block}.sanad-command-menu-grid b,.sanad-account-menu b{font-size:12.5px}.sanad-command-menu-grid small,.sanad-account-menu small{color:var(--text-muted,#718096);margin-top:3px;font-size:10.5px;line-height:1.35}.sanad-topbar-search{background:color-mix(in srgb, var(--bg-soft,#f3f7f8) 80%, transparent);min-width:170px;max-width:480px;height:44px;box-shadow:inset 0 0 0 1px var(--border-subtle,#e7edf1);border-color:#0000;border-radius:14px;flex:250px;gap:9px;margin:0 auto;padding-inline:14px}.sanad-topbar-search:focus-within{background:var(--bg-canvas,#fff);box-shadow:0 0 0 3px #00b8841f, inset 0 0 0 1px var(--sa-green-500,#00b884)}.sanad-topbar-search input{min-height:40px!important;box-shadow:none!important;padding:0!important}.sanad-search-spinner{color:var(--sa-green-600,#009e71);flex:none;animation:.8s linear infinite sanad-spin}.sanad-search-results{border-radius:17px;max-height:340px;padding:7px;inset:calc(100% + 1px) 0 auto;overflow-y:auto}.sanad-command-bar .sanad-search-results>button{text-align:right;width:100%;height:auto;min-height:58px;color:var(--text-primary,#12202f);background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:9px 10px;display:flex}.sanad-command-bar .sanad-search-results>button:hover{background:var(--sa-green-50,#ecfbf5)}.sanad-search-result-icon{background:var(--bg-soft,#f3f7f8);border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.sanad-search-result-copy{flex:1;min-width:0}.sanad-search-result-copy b,.sanad-search-result-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sanad-search-result-copy b{font-size:12.5px}.sanad-search-result-copy small{color:var(--text-muted,#718096);margin-top:2px;font-size:10.5px}.sanad-search-result-type{color:var(--sa-green-700,#007d59);background:var(--sa-green-50,#ecfbf5);border-radius:999px;padding:3px 7px;font-size:10px}.sanad-account-wrap{flex:none}.sanad-command-bar .sanad-account-trigger{max-width:210px;height:46px;min-height:46px;color:var(--text-primary,#12202f);background:0 0;border:1px solid #0000;border-radius:15px;gap:8px;padding:4px 6px 4px 9px}.sanad-command-bar .sanad-account-trigger:hover,.sanad-command-bar .sanad-account-trigger[aria-expanded=true]{background:var(--bg-soft,#f3f7f8);border-color:var(--border-subtle,#e7edf1)}.sanad-account-avatar{color:#fff;background:linear-gradient(145deg,#00b884,#007d59);border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:850;display:grid;box-shadow:0 7px 16px #009e7133}.sanad-account-avatar.large{border-radius:14px;flex-basis:42px;width:42px;height:42px}.sanad-account-copy{text-align:right;min-width:0}.sanad-account-copy b,.sanad-account-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sanad-account-copy b{font-size:12px}.sanad-account-copy small{color:var(--text-muted,#718096);margin-top:1px;font-size:9.5px}.sanad-account-menu{border-radius:19px;width:min(310px,100vw - 28px);padding:8px;inset-inline-end:0}.sanad-account-menu-head{border-bottom:1px solid var(--border-subtle,#e7edf1);gap:10px;margin-bottom:4px;padding:7px 7px 12px}.sanad-account-menu-head>span:last-child{min-width:0}.sanad-command-bar .sanad-account-menu>button{min-height:56px}.sanad-command-bar .sanad-account-menu>button>svg{color:var(--text-muted,#718096);flex:none}.sanad-command-bar .sanad-account-menu>button.danger,.sanad-command-bar .sanad-account-menu>button.danger svg{color:#c53d4c}.sanad-command-bar .sanad-account-menu>button.danger:hover{background:#fff1f2;border-color:#fecdd3}.sanad-account-menu-separator{background:var(--border-subtle,#e7edf1);height:1px;margin:5px 8px}.sanad-notification-wrap{flex:none;position:relative}.sanad-notification-trigger{border:1px solid var(--border-subtle,#e2e9ee);width:42px;height:42px;color:var(--text-secondary,#536274);background:var(--bg-soft,#f3f7f8);cursor:pointer;border-radius:13px;place-items:center;display:grid;position:relative}.sanad-notification-trigger>span{border:2px solid var(--bg-canvas,#fff);color:#fff;background:#e11d48;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-weight:900;display:grid;position:absolute;inset-block-start:-5px;inset-inline-start:-5px}.sanad-notification-menu{z-index:270;border:1px solid var(--border-subtle,#dce5eb);background:var(--bg-canvas,#fff);border-radius:19px;width:min(390px,100vw - 24px);position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;overflow:hidden;box-shadow:0 24px 65px #0f20302e}.sanad-notification-head{border-bottom:1px solid var(--border-subtle,#e7edf1);justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 13px;display:flex}.sanad-notification-head span{gap:1px;display:grid}.sanad-notification-head b{font-size:13px}.sanad-notification-head small{color:var(--text-muted,#718096);font-size:9px}.sanad-notification-head button{color:var(--sa-green-700,#087c63);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:800}.sanad-notification-list{max-height:410px;padding:6px;overflow-y:auto}.sanad-notification-list>button{text-align:right;width:100%;color:var(--text-primary,#12202f);cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:8px 1fr;gap:8px;padding:11px 9px;display:grid}.sanad-notification-list>button:hover{background:var(--bg-soft,#f3f7f8)}.sanad-notification-list>button.unread{background:color-mix(in srgb,var(--sa-green-50,#ecfbf5) 72%,transparent)}.sanad-notification-list>button>i{background:0 0;border-radius:50%;width:7px;height:7px;margin-top:5px}.sanad-notification-list>button.unread>i{background:#10b981;box-shadow:0 0 0 3px #10b9811f}.sanad-notification-list>button>span{gap:3px;display:grid}.sanad-notification-list b{font-size:11px}.sanad-notification-list small{color:var(--text-secondary,#536274);white-space:normal;font-size:10px;line-height:1.6}.sanad-notification-list time{color:var(--text-muted,#718096);font-size:8px}.sanad-notification-empty{color:var(--text-muted,#718096);place-items:center;gap:8px;padding:34px;font-size:11px;display:grid}[data-theme=dark] .sanad-notification-menu{background:#0c1d2dfa;border-color:#ffffff1a}[data-theme=dark] .sanad-notification-trigger{color:#dce8f7;background:#ffffff0e;border-color:#ffffff17}[data-theme=dark] .sanad-command-bar{background:#071322e0!important;border-color:#ffffff12!important;box-shadow:0 14px 38px #0000003d!important}[data-theme=dark] .sanad-command-menu,[data-theme=dark] .sanad-account-menu,[data-theme=dark] .sanad-search-results{background:#0c1d2df5;border-color:#ffffff1a}[data-theme=dark] .sanad-topbar-search,[data-theme=dark] .sanad-topbar-primary-actions{background:#ffffff0b;border-color:#ffffff12}[data-theme=dark] .sanad-command-bar .sanad-account-menu>button.danger:hover{background:#e11d481c;border-color:#fb718533}@media (width<=1380px){.sanad-topbar-primary-actions{display:none}.sanad-command-context{min-width:105px}}@media (width<=1024px){.sanad-command-bar{grid-template-columns:44px minmax(180px,1fr) auto 46px;gap:7px;height:auto;min-height:60px;padding:8px 10px;display:grid}.sanad-command-context,.sanad-account-copy,.sanad-account-trigger>svg{display:none}.sanad-command-bar .sanad-account-trigger{width:46px;padding:4px}.mobile-nav-trigger{grid-area:1/1;margin:0;position:static;transform:none}.sanad-topbar-search{grid-area:1/2;width:100%;min-width:0;max-width:none;margin:0}.sanad-command-menu-wrap{grid-area:1/3}.sanad-command-bar .sanad-create-trigger{justify-content:center;width:auto}.sanad-account-wrap{grid-area:1/4}.sanad-notification-wrap{display:none}.sanad-command-menu{width:auto;max-height:calc(100dvh - 80px);position:fixed;inset:62px 10px auto;overflow-y:auto}.sanad-account-menu{position:fixed;inset:61px 10px auto auto}.sanad-command-menu-grid{grid-template-columns:1fr}}@media (width<=620px){.sanad-command-bar{grid-template-columns:44px minmax(0,1fr) 46px;min-height:112px;padding-bottom:10px}.mobile-nav-trigger{grid-column:1}.sanad-command-menu-wrap{grid-column:2}.sanad-command-bar .sanad-create-trigger{width:100%}.sanad-account-wrap{grid-column:3}.sanad-topbar-search{grid-area:2/1/auto/-1}.sanad-command-menu{inset-block-start:108px}}@media (prefers-reduced-motion:reduce){.sanad-command-menu,.sanad-account-menu,.sanad-search-results{animation:none}}.ai-trial-chip{color:#fff;vertical-align:middle;letter-spacing:.2px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:900;display:inline-flex}.ai-gate-locked{opacity:.75;color:#64748b!important;cursor:pointer!important;background:#f1f5f9!important;border-color:#e2e8f0!important}.ai-gate-locked:hover{opacity:.9;background:#e2e8f0!important}.ai-lock-icon{color:#94a3b8;flex-shrink:0}.sanad-plan-sidebar-badge{border-radius:14px;align-items:center;gap:8px;margin-top:8px;padding:10px 13px;font-size:12px;font-weight:800;display:flex}.sanad-plan-sidebar-badge.plan-asas_sanad{color:#0f5132;background:#0f513214;border:1px solid #0f513226}.sanad-plan-sidebar-badge.plan-sanad_ai{color:#1b3a6b;background:linear-gradient(135deg,#1b3a6b1a,#0f513214);border:1px solid #1b3a6b33}.sanad-plan-sidebar-badge.plan-enterprise{color:#92400e;background:#b4530914;border:1px solid #b4530926}.ai-upgrade-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9000;background:#0a140f8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ai-upgrade-modal{background:#fff;border-radius:28px;flex-direction:column;gap:22px;width:100%;max-width:520px;padding:32px 28px 28px;animation:.25s cubic-bezier(.34,1.56,.64,1) ai-modal-in;display:flex;position:relative;box-shadow:0 32px 80px #0a140f38}@keyframes ai-modal-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.ai-upgrade-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:16px;left:16px}.ai-upgrade-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.ai-upgrade-header{text-align:center}.ai-upgrade-lock-icon{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;display:flex}.ai-upgrade-title{color:#1e293b;margin:0 0 6px;font-size:20px;font-weight:900}.ai-upgrade-sub{color:#64748b;margin:0;font-size:13px;line-height:1.6}.ai-upgrade-plans{align-items:center;gap:12px;display:flex}.ai-upgrade-plan{text-align:center;border-radius:18px;flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.ai-upgrade-plan.current{background:#f8fafc;border:1.5px solid #e2e8f0}.ai-upgrade-plan.target{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1.5px solid #1b3a6b33}.ai-upgrade-plan-icon{border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 6px;display:flex}.current-icon{color:#64748b;background:#f1f5f9}.target-icon{color:#1b3a6b;background:#1b3a6b1f}.ai-upgrade-plan-badge{border-radius:999px;align-items:center;gap:3px;width:fit-content;margin:0 auto;padding:2px 9px;font-size:10px;font-weight:900;display:inline-flex}.current-badge{color:#64748b;background:#f1f5f9}.target-badge{color:#fff;background:linear-gradient(135deg,#1b3a6b,#0f5132)}.ai-upgrade-plan h3{color:#1e293b;margin:4px 0 2px;font-size:15px;font-weight:900}.ai-upgrade-plan p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.ai-upgrade-price{justify-content:center;align-items:baseline;gap:4px;margin-top:4px;display:flex}.ai-price-num{color:#1b3a6b;font-size:26px;font-weight:900;line-height:1}.ai-price-unit{color:#64748b;font-size:10px}.ai-upgrade-arrow{color:#94a3b8;flex-shrink:0;transform:rotate(180deg)}.ai-upgrade-features{background:linear-gradient(135deg,#1b3a6b0a,#0f51320a);border:1px solid #1b3a6b1a;border-radius:16px;padding:14px 16px}.ai-upgrade-features h4{color:#1b3a6b;margin:0 0 10px;font-size:12px;font-weight:900}.ai-upgrade-features ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.ai-upgrade-features li{color:#334155;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.ai-upgrade-features li svg{color:#0f5132;flex-shrink:0}.ai-upgrade-actions{flex-direction:column;gap:10px;display:flex}.ai-upgrade-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1b3a6b,#0f5132);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:14px;font-weight:900;transition:transform .18s,box-shadow .18s;display:flex}.ai-upgrade-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1b3a6b4d}.ai-upgrade-cancel{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:14px;width:100%;padding:11px;font-size:13px;font-weight:800;transition:all .15s}.ai-upgrade-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.ai-page-plan-banner{border-radius:18px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:13px;font-weight:800;display:flex}.ai-page-plan-banner.plan-asas_sanad{color:#0f5132;background:#0f513212;border:1.5px solid #0f513226}.ai-page-plan-banner.plan-sanad_ai,.ai-page-plan-banner.plan-enterprise{color:#1b3a6b;background:linear-gradient(135deg,#1b3a6b14,#0f51320f);border:1.5px solid #1b3a6b26}.ai-page-plan-banner .plan-name{font-size:14px;font-weight:900}.ai-page-plan-banner .plan-note{opacity:.75;margin-right:auto;font-size:11px;font-weight:700}@media (width<=540px){.ai-upgrade-plans{flex-direction:column}.ai-upgrade-arrow{transform:rotate(90deg)}.ai-upgrade-modal{padding:24px 18px 20px}}[data-theme=dark] .ai-upgrade-modal{background:var(--bg-canvas)}[data-theme=dark] .ai-upgrade-close{background:var(--bg-soft);border-color:var(--border-default);color:var(--text-muted)}[data-theme=dark] .ai-upgrade-close:hover{color:#fca5a5;background:#2d0a0a;border-color:#7f1d1d}[data-theme=dark] .ai-upgrade-title{color:var(--text-primary)}[data-theme=dark] .ai-upgrade-sub{color:var(--text-muted)}[data-theme=dark] .ai-upgrade-plan.current{background:var(--bg-soft);border-color:var(--border-default)}[data-theme=dark] .ai-upgrade-plan.target{border-color:var(--border-default);background:linear-gradient(135deg,#0a1929,#0d2a1f)}[data-theme=dark] .ai-upgrade-plan h3{color:var(--text-primary)}[data-theme=dark] .ai-upgrade-plan p{color:var(--text-muted)}[data-theme=dark] .current-icon,[data-theme=dark] .current-badge{background:var(--bg-soft);color:var(--text-muted)}[data-theme=dark] .ai-price-num{color:var(--text-primary)}[data-theme=dark] .ai-price-unit{color:var(--text-muted)}[data-theme=dark] .ai-upgrade-features{border-color:var(--border-default);background:#0a1929}[data-theme=dark] .ai-upgrade-features h4,[data-theme=dark] .ai-upgrade-features li{color:var(--text-secondary)}[data-theme=dark] .ai-upgrade-cancel{border-color:var(--border-default);color:var(--text-muted)}[data-theme=dark] .ai-upgrade-cancel:hover{background:var(--bg-soft);border-color:var(--border-default)}[data-theme=dark] .ai-gate-locked{background:var(--bg-soft)!important;border-color:var(--border-default)!important;color:var(--text-muted)!important}[data-theme=dark] .ai-gate-locked:hover{background:var(--border-default)!important}[data-theme=dark] .ai-page-plan-banner.plan-asas_sanad{color:#4ade80;background:#0f513226;border-color:#0f51324d}[data-theme=dark] .ai-page-plan-banner.plan-sanad_ai,[data-theme=dark] .ai-page-plan-banner.plan-enterprise{color:#93c5fd;background:linear-gradient(135deg,#1b3a6b33,#0f513226);border-color:#1b3a6b4d}[data-theme=dark] .sanad-plan-sidebar-badge.plan-asas_sanad{color:#4ade80;background:#0f513226;border-color:#0f51324d}[data-theme=dark] .sanad-plan-sidebar-badge.plan-sanad_ai{color:#93c5fd;background:linear-gradient(135deg,#1b3a6b33,#0f513226);border-color:#1b3a6b4d}[data-theme=dark] .sanad-plan-sidebar-badge.plan-enterprise{color:#fcd34d;background:#b4530926;border-color:#b453094d}.portal-root{--portal-surface:var(--card,var(--bg-elevated));--portal-line:var(--border,var(--border-default));--portal-muted:var(--text-muted,var(--text-secondary));background:radial-gradient(circle at 88% -10%, color-mix(in srgb, var(--sa-green-300) 24%, transparent), transparent 31rem), radial-gradient(circle at 5% 35%, color-mix(in srgb, var(--sa-navy-200) 28%, transparent), transparent 29rem), var(--bg-page,var(--bg-canvas));min-height:100vh;color:var(--text,var(--text-primary));font-family:var(--font-body,"Tajawal", system-ui, sans-serif);direction:rtl;flex-direction:column;display:flex}button,input,select,textarea{font:inherit}.portal-topbar{background:color-mix(in srgb, var(--portal-surface) 88%, transparent);border-bottom:1px solid color-mix(in srgb, var(--portal-line) 76%, transparent);min-height:72px;box-shadow:0 8px 32px color-mix(in srgb, var(--sa-navy-900) 7%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:40;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:20px;padding:10px clamp(16px,3vw,42px);display:grid;position:sticky;top:0}.portal-brand{color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;justify-self:start;align-items:center;gap:11px;padding:0;display:inline-flex}.portal-brand-mark,.portal-auth-mark{object-fit:cover;width:42px;height:42px;box-shadow:0 8px 20px color-mix(in srgb, var(--sa-green-700) 25%, transparent);border-radius:13px}.portal-brand>span{line-height:1.15;display:grid}.portal-brand strong{font-size:var(--text-lg);letter-spacing:-.02em}.portal-brand small{color:var(--portal-muted);font-size:var(--text-xs);margin-top:4px;font-weight:600}.portal-topbar-context{text-align:center;gap:2px;display:grid}.portal-context-label{color:var(--portal-muted);font-size:var(--text-xs)}.portal-topbar-context strong{font-size:var(--text-sm)}.portal-topbar-actions{justify-self:end;align-items:center;gap:10px;display:flex}.portal-user-chip,.portal-firm{text-overflow:ellipsis;white-space:nowrap;max-width:230px;color:var(--portal-muted);font-size:var(--text-xs);border-radius:var(--radius-pill);background:var(--bg-soft);border:1px solid var(--portal-line);padding:7px 11px;overflow:hidden}.portal-shell{flex:1;grid-template-columns:260px minmax(0,1fr);min-height:0;display:grid}.portal-nav{background:linear-gradient(180deg, var(--sa-navy-900), color-mix(in srgb, var(--sa-green-900) 48%, var(--sa-navy-900)));border-inline-start:1px solid color-mix(in srgb, var(--sa-navy-500) 30%, transparent);flex-direction:column;align-self:start;gap:5px;min-height:calc(100vh - 72px);max-height:calc(100vh - 72px);padding:24px 14px;display:flex;position:sticky;top:72px;overflow-y:auto}.portal-nav-heading{color:#fff9;font-size:var(--text-xs);padding:0 13px 10px;font-weight:700}.portal-nav button{color:#ffffffbd;cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;width:100%;min-height:44px;padding:10px 13px;transition:background .16s,color .16s,transform .16s;display:flex}.portal-nav button:hover{color:#fff;background:#ffffff14;transform:translate(-2px)}.portal-nav button.active{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--sa-green-500) 34%, transparent), #ffffff14);border-color:color-mix(in srgb, var(--sa-green-300) 26%, transparent);box-shadow:inset 3px 0 0 var(--sa-green-300);font-weight:800}.portal-main{min-width:0;padding:clamp(18px,3vw,38px)}.portal-content-frame{width:min(1120px,100%);margin-inline:auto}.portal-page-heading{margin-bottom:22px}.portal-page-title{letter-spacing:-.025em;margin:0;font-size:clamp(1.55rem,2.4vw,2.1rem);line-height:1.25}.portal-page-sub{color:var(--portal-muted);font-size:var(--text-sm);margin:7px 0 0;line-height:1.8}.portal-overview-hero,.portal-welcome-hero,.market-hero{border:1px solid color-mix(in srgb, var(--sa-green-300) 26%, var(--portal-line));background:linear-gradient(125deg, color-mix(in srgb, var(--sa-green-100) 68%, var(--portal-surface)), color-mix(in srgb, var(--sa-navy-50) 60%, var(--portal-surface)));box-shadow:0 22px 60px color-mix(in srgb, var(--sa-navy-900) 9%, transparent);border-radius:26px;position:relative;overflow:hidden}.portal-overview-hero{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:clamp(24px,4vw,40px);display:flex}.portal-overview-kicker,.market-eyebrow{width:fit-content;color:var(--sa-green-800);background:color-mix(in srgb, var(--sa-green-100) 78%, transparent);border:1px solid color-mix(in srgb, var(--sa-green-300) 65%, transparent);border-radius:var(--radius-pill);font-size:var(--text-xs);align-items:center;gap:7px;margin-bottom:12px;padding:6px 11px;font-weight:800;display:inline-flex}.portal-overview-seal{color:#fff;background:linear-gradient(145deg, var(--sa-green-600), var(--sa-navy-800));width:72px;height:72px;box-shadow:0 16px 32px color-mix(in srgb, var(--sa-green-800) 24%, transparent);border-radius:22px;flex:0 0 72px;place-items:center;display:grid}.portal-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;display:grid}.portal-card{background:color-mix(in srgb, var(--portal-surface) 94%, transparent);border:1px solid var(--portal-line);box-shadow:0 10px 34px color-mix(in srgb, var(--sa-navy-900) 6%, transparent);border-radius:18px;padding:19px}button.portal-card{color:inherit;text-align:start;cursor:pointer}.portal-card h2,.portal-card h3{margin:0 0 7px}.portal-card h3{font-size:var(--text-lg)}.portal-card .muted{color:var(--portal-muted);font-size:var(--text-sm);line-height:1.75}.portal-stat-card{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.portal-stat-card:hover{border-color:var(--sa-green-300);box-shadow:0 18px 42px color-mix(in srgb, var(--sa-green-800) 11%, transparent);transform:translateY(-3px)}.portal-stat-icon{width:43px;height:43px;color:var(--sa-green-800);background:var(--sa-green-100);border-radius:13px;place-items:center;display:grid}.portal-stat{gap:2px;display:grid}.portal-stat .num{color:var(--sa-green-800);font-size:var(--text-2xl);font-weight:900}.portal-stat .lbl{color:var(--portal-muted);font-size:var(--text-sm)}.portal-stat-arrow{color:var(--portal-muted)}.portal-list{gap:11px;display:grid}.portal-row{background:color-mix(in srgb, var(--portal-surface) 94%, transparent);border:1px solid var(--portal-line);min-height:72px;box-shadow:0 6px 22px color-mix(in srgb, var(--sa-navy-900) 4%, transparent);border-radius:15px;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;display:flex}.portal-row:hover{border-color:color-mix(in srgb, var(--sa-green-400) 72%, var(--portal-line))}.portal-row-block{align-items:flex-start}.portal-row .title{font-weight:800;line-height:1.5}.portal-row .sub{color:var(--portal-muted);font-size:var(--text-sm);margin-top:4px;line-height:1.65}.portal-pill{border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-weight:800;display:inline-flex}.portal-pill.ok{background:var(--sa-green-100);color:var(--sa-green-800)}.portal-pill.warn,.portal-pill.gold{background:var(--sa-gold-100);color:var(--sa-gold-700)}.portal-pill.info{background:var(--sa-navy-100);color:var(--sa-navy-800)}.portal-pill.danger{background:color-mix(in srgb, var(--sa-danger) 13%, transparent);color:var(--sa-danger)}.portal-pill.neutral{background:var(--bg-soft);color:var(--text-secondary)}.portal-btn{min-height:42px;font-weight:800;font-size:var(--text-sm);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.portal-btn:hover:not(:disabled){transform:translateY(-1px)}.portal-btn.primary{color:#fff;background:linear-gradient(135deg, var(--sa-green-600), var(--sa-green-700));box-shadow:0 9px 20px color-mix(in srgb, var(--sa-green-800) 20%, transparent)}.portal-btn.ghost{color:var(--text);background:color-mix(in srgb, var(--portal-surface) 80%, transparent);border-color:var(--portal-line)}.portal-btn:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.portal-btn-wide{width:100%;margin-top:8px}.portal-field{gap:7px;margin-bottom:15px;display:grid}.portal-field label,.portal-field-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:800}.portal-input,.portal-textarea,.portal-select{border:1px solid var(--portal-line);background:color-mix(in srgb, var(--bg-canvas,var(--bg-page)) 82%, var(--portal-surface));width:100%;min-height:46px;color:var(--text);font-size:var(--text-md);border-radius:12px;padding:11px 13px;transition:border-color .15s,box-shadow .15s,background .15s}.portal-input:hover,.portal-textarea:hover,.portal-select:hover{border-color:var(--border-strong,var(--sa-navy-200))}.portal-input:focus,.portal-textarea:focus,.portal-select:focus{border-color:var(--sa-green-500);background:var(--portal-surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--sa-green-300) 22%, transparent);outline:none}.portal-textarea{resize:vertical;min-height:118px;line-height:1.7}.portal-code-input{text-align:center;letter-spacing:.5em;direction:ltr;font-size:1.45rem;font-weight:900}.portal-error{color:var(--sa-danger);background:color-mix(in srgb, var(--sa-danger) 9%, transparent);font-size:var(--text-sm);border-radius:10px;margin:9px 0;padding:10px 12px}.portal-note{border:1px solid color-mix(in srgb, var(--sa-navy-200) 66%, var(--portal-line));background:color-mix(in srgb, var(--sa-navy-50) 72%, var(--portal-surface));color:var(--text-secondary);font-size:var(--text-sm);border-radius:12px;margin:10px 0;padding:12px 14px;line-height:1.7}.portal-note ul{margin:8px 0 0;padding-inline-start:20px}.portal-empty{text-align:center;min-height:150px;color:var(--portal-muted);border:1px dashed var(--portal-line);background:color-mix(in srgb, var(--portal-surface) 66%, transparent);border-radius:16px;place-items:center;padding:36px 18px;display:grid}.market-main{width:min(1180px,100%);margin-inline:auto}.market-hero{text-align:center;padding:clamp(38px,7vw,76px) 20px clamp(30px,5vw,48px)}.market-hero:after,.portal-welcome-hero:after{content:"";background:color-mix(in srgb, var(--sa-green-300) 22%, transparent);filter:blur(3px);border-radius:50%;width:240px;height:240px;position:absolute;inset:auto -80px -120px auto}.market-hero .market-eyebrow{margin-inline:auto}.market-hero h1,.portal-welcome-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.45rem);line-height:1.2}.market-hero>p,.portal-welcome-hero>p{width:min(680px,100%);color:var(--portal-muted);margin:14px auto 24px;font-size:clamp(1rem,2vw,1.16rem);line-height:1.9}.market-search{z-index:1;grid-template-columns:1fr auto;gap:9px;width:min(680px,100%);margin-inline:auto;display:grid;position:relative}.market-search .portal-input{background:var(--portal-surface);min-height:52px;box-shadow:0 10px 28px color-mix(in srgb, var(--sa-navy-900) 8%, transparent)}.market-trust-strip{color:var(--portal-muted);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 30px;margin:18px 0 30px;padding:13px 18px;display:flex}.market-trust-strip span{align-items:center;gap:7px;display:inline-flex}.market-trust-strip svg{color:var(--sa-green-700)}.market-card-firm{color:var(--sa-navy-700);font-size:var(--text-xs);align-items:center;gap:6px;margin-bottom:6px;font-weight:800;display:flex}.market-card-summary{color:var(--portal-muted);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 12px;line-height:1.7;display:-webkit-box;overflow:hidden}.market-price{color:var(--sa-green-800);font-weight:900}.market-card-link{color:var(--sa-green-700);font-size:var(--text-sm);align-items:center;gap:5px;margin-top:15px;font-weight:800;display:inline-flex}.market-flow-card{width:min(610px,100%);margin:22px auto;padding:clamp(20px,4vw,30px)}.market-flow-icon{background:var(--sa-green-100);width:55px;height:55px;color:var(--sa-green-800);border-radius:17px;place-items:center;margin:0 auto 14px;display:grid}.market-flow-card>h2{text-align:center}.market-flow-card>.portal-page-sub{text-align:center;margin-bottom:20px}.market-flow-progress{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;width:min(320px,100%);margin:0 auto 24px;display:grid}.market-flow-progress span{width:30px;height:30px;color:var(--portal-muted);border:1px solid var(--portal-line);background:var(--portal-surface);font-size:var(--text-xs);border-radius:50%;place-items:center;font-weight:900;display:grid}.market-flow-progress span.active,.market-flow-progress span.done{color:#fff;border-color:var(--sa-green-600);background:var(--sa-green-600)}.market-flow-progress i{background:var(--portal-line);height:2px}.market-password-panel{padding-top:5px}.portal-welcome-hero{text-align:center;margin-bottom:26px;padding:clamp(38px,7vw,70px) 20px}.portal-welcome-hero .market-eyebrow{margin-inline:auto}.portal-login-cta{padding:8px 18px}.portal-btn,.portal-brand,.portal-nav button{min-height:44px}.portal-root :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--sa-green-400,#29d297);outline-offset:3px}.portal-welcome-main{width:100%;max-width:1120px;margin:0 auto}.portal-welcome-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px}.portal-feature-icon{color:var(--sa-green-600,var(--sa-accent));margin-bottom:8px}.portal-access-card{max-width:680px;margin:0 auto 24px}.portal-access-title,.portal-access-note,.portal-access-actions{align-items:center;gap:8px;display:flex}.portal-access-copy{line-height:1.9}.portal-access-actions{flex-wrap:wrap;gap:10px;margin-top:14px}.portal-auth-wrap{--portal-surface:var(--card,var(--bg-elevated));--portal-line:var(--border,var(--border-default));--portal-muted:var(--text-muted,var(--text-secondary));color:var(--text,var(--text-primary));font-family:var(--font-body,"Tajawal", system-ui, sans-serif);background:linear-gradient(145deg, color-mix(in srgb, var(--sa-navy-900) 96%, black), color-mix(in srgb, var(--sa-green-900) 68%, var(--sa-navy-900)));direction:rtl;grid-template-columns:minmax(300px,.9fr) minmax(340px,470px);justify-content:center;align-items:stretch;gap:22px;min-height:100vh;padding:clamp(18px,4vw,52px);display:grid}.portal-auth-story{color:#fff;background:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--sa-green-400) 18%, transparent), transparent 17rem), #ffffff0d;border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:520px;padding:clamp(30px,6vw,68px);display:flex}.portal-auth-story .portal-auth-mark{width:58px;height:58px;margin-bottom:24px}.portal-auth-story .market-eyebrow{color:var(--sa-green-100);background:#ffffff12;border-color:#ffffff24}.portal-auth-story h2{letter-spacing:-.035em;max-width:620px;margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.35}.portal-auth-story p{color:#ffffffb8;max-width:590px;margin:18px 0 0;line-height:2}.portal-auth-card{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:24px;align-self:center;width:100%;padding:clamp(24px,5vw,38px);box-shadow:0 28px 80px #0000004d}.portal-auth-wrap>.portal-auth-card:only-child{grid-column:1/-1;justify-self:center;width:min(470px,100%)}.portal-auth-card h1{font-size:var(--text-2xl);margin:0 0 6px}.portal-auth-card .sub{color:var(--portal-muted);margin:0 0 23px;line-height:1.7}.portal-content-frame form.portal-card{max-width:760px}@media (width<=900px){.portal-topbar{grid-template-columns:1fr auto}.portal-topbar-context,.portal-user-chip{display:none}.portal-shell{grid-template-columns:1fr}.portal-nav{z-index:30;border:0;flex-direction:row;width:100%;min-height:auto;padding:8px 12px;position:sticky;top:72px;overflow-x:auto}.portal-nav-heading{display:none}.portal-nav button{white-space:nowrap;flex:none;width:auto;padding:9px 12px}.portal-nav button:hover{transform:none}.portal-nav button.active{box-shadow:inset 0 -3px 0 var(--sa-green-300)}.portal-auth-wrap{grid-template-columns:minmax(0,520px)}.portal-auth-story{display:none}.portal-welcome-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.portal-topbar{gap:8px;min-height:64px;padding:9px 13px}.portal-brand-mark{border-radius:11px;width:37px;height:37px}.portal-brand small{display:none}.portal-logout{width:42px;padding:8px;font-size:0}.portal-nav{top:64px}.portal-main{padding:15px 12px 26px}.portal-overview-hero{padding:22px}.portal-overview-seal{display:none}.portal-cards{grid-template-columns:1fr}.portal-row{flex-wrap:wrap;align-items:flex-start}.portal-btn{min-height:44px}.market-search{grid-template-columns:1fr}.market-search .portal-btn{width:100%}.market-trust-strip{justify-content:flex-start}.portal-topbar-actions{gap:6px}.portal-topbar-actions .portal-btn{padding-inline:10px}.portal-auth-wrap{padding:12px}.portal-auth-card{border-radius:20px;padding:22px 18px}}@media (prefers-reduced-motion:reduce){.portal-btn,.portal-nav button,.portal-stat-card{transition:none}.portal-btn:hover,.portal-stat-card:hover{transform:none}}.portal-topbar{color:#fff;background:radial-gradient(circle at 15% -80%,#29d2973d,#0000 20rem),linear-gradient(118deg,#061722 0%,#092b31 54%,#073c38 100%);border-bottom-color:#7debc526;box-shadow:0 12px 34px #03141e38}.portal-topbar .portal-brand small,.portal-topbar .portal-context-label{color:#ffffffa1}.portal-topbar .portal-user-chip{color:#ffffffd1;background:#ffffff12;border-color:#ffffff1f}.portal-topbar .portal-btn.ghost{color:#fff;background:#ffffff12;border-color:#ffffff26}.portal-topbar .portal-btn.ghost:hover{background:#ffffff21}.portal-welcome-hero,.market-hero{color:#fff;background:radial-gradient(circle at 8% 15%,#2bd49933,#0000 19rem),radial-gradient(circle at 92% 85%,#1f93802e,#0000 17rem),linear-gradient(132deg,#061722 0%,#092b31 55%,#073c38 100%);border-color:#5ce2b333;box-shadow:0 26px 72px #03172138}.portal-welcome-hero .market-eyebrow,.market-hero .market-eyebrow{color:#aaf5d6;background:#4fdca81a;border-color:#87eec833}.portal-welcome-hero>p,.market-hero>p{color:#ffffffb8}.portal-welcome-hero:after,.market-hero:after{background:#27d29621}.market-hero .market-search .portal-input{border-color:#ffffff2e;box-shadow:0 16px 38px #000e183d}.portal-card,.portal-stat-card{border-top-color:color-mix(in srgb, var(--sa-green-400) 46%, var(--portal-line))}.portal-root{background:radial-gradient(circle at 86% 4%, #00b8841c, transparent 25rem), radial-gradient(circle at 8% 35%, #3d7dff0e, transparent 24rem), var(--portal-bg)}.portal-topbar{z-index:120;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);min-height:68px;position:sticky;top:0;box-shadow:0 14px 36px #02121b1f}.portal-card,.portal-content-frame,.portal-nav{border-color:color-mix(in srgb, var(--portal-line) 84%, transparent);box-shadow:0 16px 45px #09202e11}.portal-card{border-radius:18px}.portal-card:hover{border-color:color-mix(in srgb, var(--sa-green-500) 34%, var(--portal-line))}.portal-root :where(button,a,input,select,textarea){font-family:inherit}.portal-root :where(button,a.portal-btn){border-radius:13px;min-height:44px}.portal-root :where(input,select,textarea){border-radius:13px;min-height:46px;transition:border-color .16s,box-shadow .16s,background .16s}.portal-root :where(input,select,textarea):focus-visible{border-color:var(--sa-green-500);outline:0;box-shadow:0 0 0 3px #00b88424}.portal-nav button{border-radius:12px;min-height:44px}.portal-nav button.active{box-shadow:0 8px 20px #009e7129,inset 0 1px #ffffff26}@media (width<=760px){.portal-topbar{min-height:60px}.portal-content-frame{border-radius:17px}}.portal-nav-group{flex-direction:column;gap:4px;display:flex}.portal-nav-group+.portal-nav-group{border-top:1px solid #ffffff14;margin-top:14px;padding-top:12px}.portal-client-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.portal-client-actions>button{min-height:76px;color:var(--portal-text);text-align:start;background:var(--portal-card);border:1px solid var(--portal-line);cursor:pointer;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.portal-client-actions>button:hover{border-color:var(--sa-green-400);transform:translateY(-1px)}.portal-client-actions>button>span{width:42px;height:42px;color:var(--sa-green-700);background:var(--sa-green-100);border-radius:12px;place-items:center;display:grid}.portal-client-actions b,.portal-client-actions small{display:block}.portal-client-actions b{font-size:.88rem}.portal-client-actions small{color:var(--portal-muted);margin-top:3px;font-size:.7rem}.portal-client-actions>button>svg{color:var(--portal-muted)}@media (width<=980px){.portal-nav-group{display:contents}.portal-client-actions{grid-template-columns:1fr}}:root,[data-theme=default]{--sa-green-50:#e6faf5;--sa-green-100:#b3f0de;--sa-green-200:#7ae4c6;--sa-green-300:#33d4a6;--sa-green-400:#00d49a;--sa-green-500:#00b884;--sa-green-600:#009e71;--sa-green-700:#007d59;--sa-green-800:#005e43;--sa-green-900:#00402e;--sa-navy-50:#f4f7fb;--sa-navy-100:#e8edf5;--sa-navy-200:#c8d3e8;--sa-navy-500:#4a5e7a;--sa-navy-700:#1a2d48;--sa-navy-800:#0e2244;--sa-navy-900:#071428;--sa-gold-50:#fef9ec;--sa-gold-100:#fdefc4;--sa-gold-300:#f8cf6a;--sa-gold-500:#f0b429;--sa-gold-700:#b5820e;--sa-success:#16a34a;--sa-warning:#f59e0b;--sa-danger:#dc2626;--sa-info:#0ea5e9;--bg-page:#f6f9fb;--bg-canvas:#fff;--bg-soft:#f1f5f4;--bg-elevated:#ffffffd9;--bg-overlay:#07121f7a;--bg-glass:#ffffffa6;--text-primary:#0b1f30;--text-secondary:#475569;--text-muted:#6c7b86;--text-inverse:#fff;--text-on-brand:#fff;--border-subtle:#e6efe9;--border-default:#d4e2dc;--border-strong:#94a3b8;--border-focus:var(--sa-green-500);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 2px 4px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 8px 24px #0f172a14, 0 2px 6px #0f172a0a;--shadow-lg:0 18px 50px #071f2f1f, 0 6px 12px #071f2f0f;--shadow-xl:0 30px 80px #071f2f2e;--shadow-glow:0 0 0 4px #00b88424;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--font-body:"IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--font-heading:"Tajawal", "IBM Plex Sans Arabic", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--leading-tight:1.25;--leading-normal:1.6;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-toast:1100;--z-tooltip:1200}[data-theme=dark]{--bg-page:#080f1e;--bg-canvas:#0e1a2e;--bg-soft:#14243a;--bg-elevated:#0e1a2ee6;--bg-glass:#0e1a2eb3;--bg-overlay:#000612b8;--text-primary:#e8f0f8;--text-secondary:#b8c8dc;--text-muted:#7a94b0;--text-inverse:#080f1e;--border-subtle:#162436;--border-default:#1c2f46;--border-strong:#2a4060;--shadow-xs:0 1px 2px #00000040;--shadow-sm:0 2px 4px #0000004d, 0 1px 2px #0003;--shadow-md:0 8px 24px #00000059, 0 2px 6px #0003;--shadow-lg:0 18px 50px #00000080, 0 6px 12px #0000004d;--sa-green-50:#0a2a1e;--sa-green-100:#103d2c;--sa-navy-50:#0e1a2e;--sa-navy-100:#14243a;--sa-gold-50:#1c1400;--sa-gold-100:#271c00}[data-theme=dark] .btn-v3{border-color:var(--border-default);color:var(--text-primary);background:#15293c}[data-theme=dark] .btn-v3:hover{background:#1e3349}[data-theme=dark] .btn-v3.primary{color:#fff;background:linear-gradient(135deg,#059669,#10b981);border-color:#0000}[data-theme=dark] .btn-v3.ghost{background:0 0}[data-theme=dark] .btn-v3.ghost:hover{background:#15293c}[data-theme=dark] .card-v3,[data-theme=dark] .stat-card{background:var(--bg-canvas);border-color:var(--border-default)}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-soft);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}[data-theme=dark] select option{background:var(--bg-canvas);color:var(--text-primary)}[data-theme=dark] .chip-v3.danger{color:#fca5a5;background:#2d0a0a;border-color:#7f1d1d}[data-theme=dark] .chip-v3.warning{color:#fcd34d;background:#1f1500;border-color:#78350f}[data-theme=dark] .chip-v3.info{color:#7dd3fc;background:#0c1f2d;border-color:#0c4a6e}[data-theme=dark] .chip-v3.neutral{background:var(--bg-soft);color:var(--text-secondary)}[data-theme=dark] .drawer,[data-theme=dark] [class*=-drawer]{background:var(--bg-canvas);border-color:var(--border-default)}[data-theme=dark] [class*=-drawer-header]{color:#f1f5f9;background:#061226}[data-theme=dark] [class*=skeleton]{background:linear-gradient(90deg,#15293c 25%,#1e3349 50%,#15293c 75%) 0 0/200% 100%!important}[data-theme=dark] [class*=-tabs-bar],[data-theme=dark] [class*=-tab-bar]{background:var(--bg-canvas);border-color:var(--border-default)}[data-theme=dark] [class*=-tab]:not(.active){color:var(--text-muted)}[data-theme=dark] [class*=-context-menu],[data-theme=dark] [class*=-dropdown]{background:var(--bg-canvas);border-color:var(--border-default)}[data-theme=dark] [class*=-context-menu] button:hover{background:var(--bg-soft)}[data-theme=dark] .db-home__tile,[data-theme=dark] [class*=__card]{background:var(--bg-canvas)!important;border-color:var(--border-default)!important}[data-theme=dark] .perm-tabs-bar,[data-theme=dark] .perm-dept-card,[data-theme=dark] .perm-roles-list-col,[data-theme=dark] .perm-roles-detail-col{background:var(--bg-canvas);border-color:var(--border-default)}[data-theme=dark] .perm-module-card{background:var(--bg-soft);border-color:var(--border-default)}[data-theme=dark] .perm-role-item:hover{background:var(--bg-soft)}[data-theme=dark] .perm-role-item.active{background:#0d2a1f;border-color:#4ade80}[data-theme=dark] .perm-context-menu{background:var(--bg-canvas);border-color:var(--border-default)}[data-theme=dark] .perm-drawer,[data-theme=dark] .perm-drawer-body{background:var(--bg-canvas)}[data-theme=dark] .perm-user-chip{background:var(--bg-soft);border-color:var(--border-default);color:var(--text-secondary)}[data-theme=dark] .perm-toggle-row:hover{background:#0d2a1f}[data-theme=dark] .perm-toggle-label{color:var(--text-secondary)}[data-theme=dark] .perm-toggle-label.active{color:#4ade80}[data-theme=dark] [class*=finance-],[data-theme=dark] [class*=inv-],[data-theme=dark] [class*=time-]{background:var(--bg-canvas)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}[data-theme=dark] [class*=cal-],[data-theme=dark] [class*=calendar-],[data-theme=dark] [class*=contract-card],[data-theme=dark] [class*=doc-],[data-theme=dark] [class*=docs-]{background:var(--bg-canvas)!important;border-color:var(--border-default)!important}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-page);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.01em}a{color:var(--sa-green-700);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--sa-green-200);color:var(--text-primary)}:focus-visible{outline:2px solid var(--sa-green-500);outline-offset:2px;border-radius:var(--radius-sm)}button,input,select,textarea{font-family:inherit;font-size:inherit}.btn-v3{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;min-height:40px;line-height:1;display:inline-flex}.btn-v3:active{transform:translateY(1px)}.btn-v3:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-v3.primary{background:linear-gradient(135deg, var(--sa-green-500), var(--sa-green-400));color:var(--text-on-brand);box-shadow:0 4px 14px #00b8844d}.btn-v3.primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 20px #00b88466}.btn-v3.secondary{background:var(--bg-canvas);color:var(--text-primary);border-color:var(--border-default)}.btn-v3.secondary:hover:not(:disabled){background:var(--bg-soft);border-color:var(--sa-green-500)}.btn-v3.ghost{color:var(--text-secondary);background:0 0}.btn-v3.ghost:hover:not(:disabled){background:var(--bg-soft);color:var(--text-primary)}.btn-v3.danger{background:var(--sa-danger);color:var(--text-on-brand)}.btn-v3.danger:hover:not(:disabled){filter:brightness(.95)}.btn-v3.sm{padding:var(--space-2) var(--space-3);min-height:32px;font-size:var(--text-xs)}.btn-v3.lg{padding:var(--space-4) var(--space-6);min-height:48px;font-size:var(--text-md)}.btn-v3.icon-only{padding:var(--space-2);width:40px}.input-v3,.select-v3,.textarea-v3{width:100%;padding:var(--space-3);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-canvas);color:var(--text-primary);transition:border-color var(--duration-base), box-shadow var(--duration-base);font-family:inherit}.input-v3:hover,.select-v3:hover{border-color:var(--sa-green-300)}.input-v3:focus,.select-v3:focus,.textarea-v3:focus{border-color:var(--sa-green-500);box-shadow:var(--shadow-glow);outline:none}.input-v3.has-error,.select-v3.has-error{border-color:var(--sa-danger);box-shadow:0 0 0 4px #dc26261a}.field-v3{gap:var(--space-2);flex-direction:column;display:flex}.field-v3 label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.field-v3 .help{font-size:var(--text-xs);color:var(--text-muted)}.field-v3 .error{font-size:var(--text-xs);color:var(--sa-danger);font-weight:600}.card-v3{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base)}.card-v3:hover,.card-v3.elevated{box-shadow:var(--shadow-md)}.card-v3.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px)}.chip-v3{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);background:var(--sa-green-100);color:var(--sa-green-800);border:1px solid var(--sa-green-200);font-weight:700;display:inline-flex}.chip-v3.warning{background:var(--sa-gold-100);color:var(--sa-gold-700);border-color:#fde68a}.chip-v3.danger{color:#991b1b;background:#fee2e2;border-color:#fecaca}.chip-v3.info{color:#075985;background:#e0f2fe;border-color:#bae6fd}.chip-v3.neutral{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-default)}.combobox-v3{width:100%;position:relative}.combobox-v3 .input-wrapper{align-items:center;gap:var(--space-2);padding:var(--space-3);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-canvas);cursor:pointer;transition:border-color var(--duration-base);display:flex}.combobox-v3 .input-wrapper:hover{border-color:var(--sa-green-300)}.combobox-v3 .input-wrapper:focus-within{border-color:var(--sa-green-500);box-shadow:var(--shadow-glow)}.combobox-v3 input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.combobox-v3 .menu{inset-inline:0;background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:320px;z-index:var(--z-dropdown);padding:var(--space-2);flex-direction:column;gap:2px;display:flex;position:absolute;top:calc(100% + 6px);overflow-y:auto}.combobox-v3 .item{padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-3);transition:background var(--duration-fast);display:flex}.combobox-v3 .item:hover,.combobox-v3 .item[aria-selected=true]{background:var(--sa-green-50)}.combobox-v3 .item-create{border-top:1px dashed var(--border-default);margin-top:var(--space-1);padding-top:var(--space-3);color:var(--sa-green-700);font-weight:700}.combobox-v3 .item-meta{font-size:var(--text-xs);color:var(--text-muted);margin-inline-start:auto}.dropzone-v3{border:2px dashed var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;background:var(--bg-soft);transition:all var(--duration-base);cursor:pointer}.dropzone-v3:hover{border-color:var(--sa-green-500);background:var(--sa-green-50)}.dropzone-v3.dragging{border-color:var(--sa-green-500);background:var(--sa-green-100);transform:scale(1.01)}.dropzone-v3.has-file{border-style:solid;border-color:var(--sa-green-500);background:var(--bg-canvas)}.dropzone-v3 .icon{width:56px;height:56px;margin:0 auto var(--space-3);border-radius:var(--radius-pill);background:var(--sa-green-100);color:var(--sa-green-700);place-items:center;display:grid}.dropzone-v3 .file-list{margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.dropzone-v3 .file-item{gap:var(--space-3);padding:var(--space-3);background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:start;grid-template-columns:auto 1fr auto auto;align-items:center;display:grid}.progress-v3{background:var(--bg-soft);border-radius:var(--radius-pill);height:6px;overflow:hidden}.progress-v3>i{background:linear-gradient(90deg, var(--sa-green-500), var(--sa-green-400));border-radius:var(--radius-pill);height:100%;transition:width var(--duration-base) var(--ease-out);display:block}.skeleton-v3{background:linear-gradient(90deg, var(--bg-soft) 0%, #ffffff80 50%, var(--bg-soft) 100%);animation:skeleton-shimmer 1.5s infinite var(--ease-in-out);border-radius:var(--radius-sm);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-v3.text{height:14px;margin-block:6px}.skeleton-v3.title{width:60%;height:22px}.skeleton-v3.avatar{border-radius:50%;width:40px;height:40px}.skeleton-v3.card{border-radius:var(--radius-xl);height:120px}.toast-stack-v3{bottom:var(--space-6);gap:var(--space-3);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-inline-start:var(--space-6)}.toast-v3{pointer-events:auto;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-inline-start:4px solid var(--sa-info);border-radius:var(--radius-lg);padding:var(--space-4);min-width:280px;max-width:420px;box-shadow:var(--shadow-lg);gap:var(--space-3);animation:toast-slide-in var(--duration-slow) var(--ease-out);grid-template-columns:auto 1fr auto;align-items:start;display:grid}.toast-v3.success{border-inline-start-color:var(--sa-success)}.toast-v3.error{border-inline-start-color:var(--sa-danger)}.toast-v3.warning{border-inline-start-color:var(--sa-warning)}.toast-v3 .icon{color:var(--sa-info)}.toast-v3.success .icon{color:var(--sa-success)}.toast-v3.error .icon{color:var(--sa-danger)}.toast-v3.warning .icon{color:var(--sa-warning)}.toast-v3 .title{color:var(--text-primary);margin-bottom:2px;font-weight:700}.toast-v3 .body{font-size:var(--text-sm);color:var(--text-secondary)}.toast-v3 button.close{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:4px}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-110%)}to{opacity:1;transform:translate(0)}}.modal-v3-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);animation:fade-in var(--duration-base) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.modal-v3{background:var(--bg-canvas);border-radius:var(--radius-2xl);width:min(720px,100%);max-height:92vh;box-shadow:var(--shadow-xl);animation:modal-rise var(--duration-slow) var(--ease-out);position:relative;overflow-y:auto}.modal-v3.lg{width:min(960px,100%)}.modal-v3.sm{width:min(480px,100%)}.modal-v3 .modal-head{background:var(--bg-canvas);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-v3 .modal-body{padding:var(--space-6)}.modal-v3 .modal-foot{background:var(--bg-canvas);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);gap:var(--space-3);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);justify-content:flex-end;display:flex;position:sticky;bottom:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.steps-v3{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.steps-v3 .step{align-items:center;gap:var(--space-2);flex:1;display:flex}.steps-v3 .step .dot{background:var(--bg-soft);border:2px solid var(--border-default);width:28px;height:28px;font-weight:700;font-size:var(--text-xs);color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.steps-v3 .step.active .dot{background:var(--sa-green-500);border-color:var(--sa-green-500);color:var(--text-on-brand)}.steps-v3 .step.done .dot{background:var(--sa-green-100);border-color:var(--sa-green-500);color:var(--sa-green-700)}.steps-v3 .connector{background:var(--border-default);border-radius:1px;flex:1;height:2px}.steps-v3 .step.done+.connector{background:var(--sa-green-500)}.filetree-v3{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-canvas);overflow:hidden}.filetree-v3 .ft-row{gap:var(--space-3);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background var(--duration-fast);grid-template-columns:auto 1fr auto auto;align-items:center;display:grid}.filetree-v3 .ft-row:hover{background:var(--bg-soft)}.filetree-v3 .ft-row.selected{background:var(--sa-green-50);border-inline-end:3px solid var(--sa-green-500)}.filetree-v3 .ft-folder{color:var(--sa-gold-700)}.filetree-v3 .ft-file{color:var(--sa-navy-700)}.filetree-v3 .ft-meta{font-size:var(--text-xs);color:var(--text-muted)}.flex-v3{display:flex}.flex-v3.col{flex-direction:column}.flex-v3.center{justify-content:center;align-items:center}.flex-v3.between{justify-content:space-between}.flex-v3.gap-2{gap:var(--space-2)}.flex-v3.gap-3{gap:var(--space-3)}.flex-v3.gap-4{gap:var(--space-4)}.flex-v3.gap-6{gap:var(--space-6)}.grid-v3{gap:var(--space-4);display:grid}.grid-v3.cols-2{grid-template-columns:repeat(2,1fr)}.grid-v3.cols-3{grid-template-columns:repeat(3,1fr)}.grid-v3.cols-4{grid-template-columns:repeat(4,1fr)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--sa-success)}.text-danger{color:var(--sa-danger)}.text-warning{color:var(--sa-warning)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.bold{font-weight:700}.semibold{font-weight:600}@media (width<=760px){.grid-v3.cols-2,.grid-v3.cols-3,.grid-v3.cols-4{grid-template-columns:1fr}}[data-theme=dark] .toast-v3{background:var(--bg-canvas);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .modal-backdrop,[data-theme=dark] .sanad-modal-backdrop{background:var(--bg-overlay)}[data-theme=dark] [class*=ai-upgrade-modal],[data-theme=dark] [class*=upgrade-modal]{background:var(--bg-canvas)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}[data-theme=dark] [class*=quick-add],[data-theme=dark] [class*=quickadd]{background:var(--bg-canvas)!important;border-color:var(--border-default)!important}[data-theme=dark] .combobox-v3 .menu{background:var(--bg-canvas);border-color:var(--border-default)}[data-theme=dark] .combobox-v3 .item:hover,[data-theme=dark] .combobox-v3 .item[aria-selected=true]{background:var(--bg-soft)}[data-theme=dark] .combobox-v3 .input-wrapper{background:var(--bg-canvas);border-color:var(--border-default)}[data-theme=dark] .dropzone-v3{background:var(--bg-soft);border-color:var(--border-default)}[data-theme=dark] .dropzone-v3 .file-item{background:var(--bg-canvas);border-color:var(--border-subtle)}[data-theme=dark] .sanad-loading-screen{background:var(--bg-page);color:var(--text-primary)}[data-theme=dark] .sanad-plan-sidebar-badge.plan-trial{color:#fcd34d;background:#1f1500;border-color:#78350f}[data-theme=dark] .sanad-plan-sidebar-badge.plan-basic,[data-theme=dark] .sanad-plan-sidebar-badge.plan-pro{color:#4ade80;background:#0d2a1f;border-color:#166534}[data-theme=dark] [class*=finance-stat],[data-theme=dark] [class*=finance-card],[data-theme=dark] [class*=finance-panel]{background:var(--bg-canvas)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}[data-theme=dark] [class*=finance-] th{background:var(--bg-soft)!important;color:var(--text-muted)!important;border-color:var(--border-default)!important}[data-theme=dark] [class*=finance-] td{border-color:var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=dark] [class*=ai-page],[data-theme=dark] [class*=ai-console],[data-theme=dark] [class*=ai-result]{background:var(--bg-canvas)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}[data-theme=dark] [class*=analysis-modal],[data-theme=dark] [class*=analysis-result]{background:var(--bg-canvas)!important;border-color:var(--border-default)!important}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-soft);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] table th{background:var(--bg-soft);color:var(--text-muted);border-color:var(--border-default)}[data-theme=dark] table td{color:var(--text-primary);border-color:var(--border-subtle)}[data-theme=dark] table tr:hover td{background:var(--bg-soft)}[data-theme=dark] ::-webkit-scrollbar{width:6px;height:6px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-page)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sanad-auth-page,.sanad-wizard-page{background:radial-gradient(circle at 100% 0,#00b88429,#0000 42%),radial-gradient(circle at 0 100%,#f0b42917,#0000 36%),linear-gradient(135deg,#060f1e 0%,#0a1f3c 50%,#071e2e 100%)!important}.sanad-auth-card,[data-theme=dark] .sanad-auth-card{-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important;color:#eaf2ff!important;background:linear-gradient(165deg,#10203aeb,#091426f2)!important;border:1px solid #ffffff1a!important;box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff0f!important}.sanad-auth-card input,.sanad-auth-card select,.sanad-auth-card textarea,[data-theme=dark] .sanad-auth-card input,[data-theme=dark] .sanad-auth-card select,[data-theme=dark] .sanad-auth-card textarea{color:#f1f6ff!important;background:#ffffff0d!important;border:1.5px solid #ffffff24!important}.sanad-auth-card input::placeholder{color:#e2ecff66!important}.sanad-auth-card input:focus,.sanad-auth-card select:focus,.sanad-auth-card textarea:focus{border-color:var(--sa-accent-2,#00d49a)!important;background:#ffffff12!important;box-shadow:0 0 0 4px #00d49a29!important}.sanad-auth-card .sanad-password-field{background:#ffffff0d!important;border:1.5px solid #ffffff24!important}.sanad-auth-card .sanad-password-field:focus-within{border-color:var(--sa-accent-2,#00d49a)!important;box-shadow:0 0 0 4px #00d49a29!important}.sanad-auth-card .sanad-password-field input{box-shadow:none!important;background:0 0!important;border:0!important}.sanad-auth-card .sanad-password-field button{color:#e2ecff99!important}.sanad-auth-card .sanad-password-field button:hover{color:var(--sa-accent-2,#00d49a)!important}.sanad-auth-card label,.sanad-auth-card label span,[data-theme=dark] .sanad-auth-card label span{color:#cbd8ea!important}.sanad-form-heading h2,[data-theme=dark] .sanad-form-heading h2{color:#fff!important}.sanad-form-heading p,[data-theme=dark] .sanad-form-heading p{color:#e2ecff9e!important}.sanad-form-heading span,[data-theme=dark] .sanad-form-heading span{color:var(--sa-accent-2,#00d49a)!important}.sanad-switch-line{color:#e2ecff9e!important}.sanad-switch-line button{color:var(--sa-accent-2,#00d49a)!important}@media (width<=760px){.sanad-auth-page,.sanad-auth-page.compact{grid-template-columns:1fr!important}.sanad-auth-side{min-height:auto!important}}:root{--sa-accent:#10b981;--sa-accent-2:#00d49a;--sa-accent-glow:#10b98159;--sa-radius:16px;--sa-radius-lg:22px;--sa-ring:0 0 0 3px #10b98138;--sa-shadow-soft:0 10px 30px #060f1e1a;--sa-shadow-pop:0 24px 60px #060f1e47}.sanad-wizard-heading h1{color:#fff!important}.sanad-wizard-heading p{color:#ffffffa8!important}.sanad-wizard-heading-icon{filter:drop-shadow(0 0 14px var(--sa-accent-glow));color:var(--sa-accent-2)!important}.sanad-wizard-heading h1,.sanad-hero-highlight,.lp-accent{background:linear-gradient(120deg,#eafff7 0%,#7ff0cf 45%,#f0b429 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.perm-drawer-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px;background:#040a149e!important;justify-content:center!important;align-items:center!important}.perm-drawer,.perm-drawer-narrow{border:1px solid #ffffff14;max-height:88vh;overflow:hidden;border-radius:var(--sa-radius-lg)!important;width:100%!important;max-width:480px!important;height:auto!important;box-shadow:var(--sa-shadow-pop)!important;animation:.22s cubic-bezier(.34,1.2,.4,1) saPopIn!important}[data-theme=dark] .perm-drawer,[data-theme=dark] .perm-drawer-body{background:#0e1a2e!important}.perm-drawer-header{background:linear-gradient(120deg,#071428,#0e2244)!important;padding:18px 22px!important}.perm-drawer-header h2{letter-spacing:-.2px;font-size:1.12rem!important}.perm-drawer-body{gap:1rem!important;padding:22px!important}.perm-drawer-footer{border-top-color:#ffffff14!important;padding:16px 22px!important}@keyframes saPopIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.input-v3,.select-v3,.textarea-v3,.perm-field input,.perm-field select,.perm-field textarea,.modal input,.modal select,.modal textarea,input.input,select.input{font-size:14px;border:1.5px solid #788caa47!important;border-radius:12px!important;padding:11px 14px!important;transition:border-color .15s,box-shadow .15s,background .15s!important}.input-v3:focus,.select-v3:focus,.textarea-v3:focus,.perm-field input:focus,.perm-field select:focus,.perm-field textarea:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--sa-accent)!important;box-shadow:var(--sa-ring)!important;outline:none!important}.perm-btn-primary,.btn-v3.primary,.primary-action,.submit,.sanad-submit-btn,.sanad-main-btn{letter-spacing:.1px;background:linear-gradient(120deg, var(--sa-accent), var(--sa-accent-2))!important;color:#04231a!important;box-shadow:0 8px 22px var(--sa-accent-glow)!important;border:none!important;border-radius:12px!important;font-weight:800!important;transition:transform .14s,box-shadow .14s,filter .14s!important}.perm-btn-primary:hover,.btn-v3.primary:hover,.primary-action:hover,.submit:hover,.sanad-submit-btn:hover,.sanad-main-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 30px var(--sa-accent-glow)!important}.perm-btn-ghost{background:0 0!important;border:1.5px solid #788caa4d!important;border-radius:12px!important;font-weight:700!important;transition:border-color .14s,background .14s!important}.perm-btn-ghost:hover{border-color:var(--sa-accent)!important}.card-v3,.perm-card,.settings-page .page>div,.stat-card,.dash-card{border-radius:var(--sa-radius)!important;box-shadow:var(--sa-shadow-soft)!important}.sanad-auth-page.compact{justify-content:center;align-items:stretch;gap:28px;grid-template-columns:minmax(0,630px) minmax(0,570px)!important}.sanad-auth-side{gap:26px;justify-content:center!important}.sanad-auth-side .sanad-back-btn{top:28px;margin:0;position:absolute;inset-inline-start:28px}.sanad-auth-brand h1{margin-top:10px}.sanad-auth-highlights{z-index:1;gap:13px;margin:6px 0 0;padding:0;list-style:none;display:grid;position:relative}.sanad-auth-highlights li{color:#e2ecffd1;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.sanad-auth-highlights li svg{color:var(--sa-accent-2,#00d49a);flex-shrink:0}.sanad-auth-highlights li b{color:#fff;font-weight:800}.sanad-wizard-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#091426b8!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 2px 20px #00000059!important}.sanad-wizard-brand strong{color:#fff!important}.sanad-back-btn.flat{color:var(--sa-accent-2,#00d49a)!important;background:#00d49a0f!important;border-color:#00d49a59!important}.sanad-back-btn.flat:hover{background:#00d49a1f!important;border-color:#00d49a80!important}.sanad-wstep-num{color:#e2ecffb3!important;background:#ffffff0f!important;border-color:#ffffff2e!important}.sanad-wstep.active .sanad-wstep-num{background:var(--sa-accent,#10b981)!important;border-color:var(--sa-accent,#10b981)!important;color:#04231a!important;box-shadow:0 0 0 4px #00d49a2e!important}.sanad-wstep.done .sanad-wstep-num{background:var(--sa-accent-2,#00d49a)!important;border-color:var(--sa-accent-2,#00d49a)!important;color:#04231a!important}.sanad-wstep-label{color:#e2ecff8c!important}.sanad-wstep.active .sanad-wstep-label{color:#fff!important}.sanad-wstep.done .sanad-wstep-label{color:var(--sa-accent-2,#00d49a)!important}.sanad-wstep-arrow{color:#e2ecff4d!important}.sanad-plan-card{color:#eaf2ff!important;background:linear-gradient(165deg,#ffffff0e,#ffffff05)!important;border:1.5px solid #ffffff1a!important;box-shadow:0 10px 34px #0000004d!important}.sanad-plan-card:hover{border-color:#00d49a66!important;box-shadow:0 16px 46px #0000006b!important}.sanad-plan-card.selected.plan-green{background:linear-gradient(165deg,#00b8842e,#00b8840d)!important;border-color:#00d49a!important;box-shadow:0 18px 50px #00b88440!important}.sanad-plan-card.selected.plan-navy{background:linear-gradient(165deg,#3b82f633,#3b82f60d)!important;border-color:#60a5fa!important;box-shadow:0 18px 50px #3b82f647!important}.sanad-plan-card.selected.plan-gold{background:linear-gradient(165deg,#f0b4292e,#f0b4290d)!important;border-color:#f0b429!important;box-shadow:0 18px 50px #f0b42938!important}.sanad-plan-name{color:#fff!important}.plan-green .sanad-plan-icon{color:#00d49a!important;background:#00d49a24!important}.plan-navy .sanad-plan-icon{color:#93c5fd!important;background:#60a5fa29!important}.plan-gold .sanad-plan-icon{color:#f7c948!important;background:#f0b42929!important}.plan-green .sanad-price-num{color:#00d49a!important}.plan-navy .sanad-price-num{color:#93c5fd!important}.plan-gold .sanad-price-num{color:#f7c948!important}.sanad-price-unit{color:#e2ecff8c;font-size:12.5px;font-weight:600}.sanad-price-custom{color:#f7c948;font-size:22px;font-weight:900}.sanad-plan-desc{color:#e2ecff9e;min-height:40px;margin:2px 0 6px;font-size:13px;line-height:1.7}.sanad-plan-features{border-top:1px solid #ffffff17;gap:9px;margin:6px 0 0;padding:12px 0 0;list-style:none;display:grid}.sanad-plan-features li{text-align:right;align-items:center;gap:9px;font-size:12.8px;font-weight:600;display:flex}.sanad-plan-features li svg{flex-shrink:0}.sanad-plan-features li.feat-ok{color:#e2ecffe6}.sanad-plan-features li.feat-ok svg{color:#00d49a}.sanad-plan-features li.feat-no{color:#e2ecff66}.sanad-plan-features li.feat-no svg{color:#e2ecff52}.sanad-plan-check{color:#e2ecff38;opacity:0;align-self:flex-start;margin-top:auto;transition:opacity .2s,color .2s}.sanad-plan-check.visible{opacity:1}.plan-green .sanad-plan-check.visible{color:#00d49a}.plan-navy .sanad-plan-check.visible{color:#60a5fa}.plan-gold .sanad-plan-check.visible{color:#f0b429}.sanad-enterprise-note{background:#ffffff0a!important;border:1px solid #ffffff17!important}.sanad-enterprise-note h3{color:#fff!important}.sanad-enterprise-note p{color:#e2ecff9e!important}.sanad-users-display,.sanad-count-input{color:#f1f6ff!important;background:#ffffff0d!important;border-color:#ffffff24!important}.sanad-users-display span{color:#e2ecff8c!important}.sanad-count-btn{color:#eaf2ff!important;background:#00d49a1a!important;border-color:#00d49a4d!important}.sanad-count-btn:hover:not(:disabled){background:#00d49a33!important;border-color:#00d49a!important}.sanad-price-summary{background:#ffffff0a!important;border:1px solid #ffffff17!important}.sanad-price-row{color:#e2ecff9e!important;border-color:#ffffff14!important}.sanad-price-row strong{color:#fff!important}.sanad-price-row.total strong{color:var(--sa-accent-2,#00d49a)!important}.sanad-form-section{background:#ffffff08!important;border:1px solid #ffffff17!important}.sanad-form-section-title{color:#fff!important;border-color:#ffffff17!important}.sanad-form-section label span{color:#e2ecffb3!important}.sanad-form-section input,.sanad-form-section select{color:#f1f6ff!important;background:#ffffff0d!important;border:1.5px solid #ffffff24!important}.sanad-form-section input::placeholder{color:#e2ecff61!important}.sanad-form-section input:focus,.sanad-form-section select:focus{border-color:var(--sa-accent-2,#00d49a)!important;box-shadow:0 0 0 4px #00d49a29!important}.sanad-register-trust span{color:#e2ecff99!important}.sanad-register-plan-summary{color:#e2ecffb3!important;background:#00d49a0f!important;border:1px solid #00d49a2e!important}.sanad-register-plan-summary strong{color:#fff!important}.sanad-wizard-footer{border-color:#ffffff17!important}.emp-drawer-backdrop,.ctr-drawer-backdrop{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#040a149e!important;justify-content:center!important;align-items:center!important;padding:24px!important}.emp-drawer,.ctr-drawer{border-radius:var(--sa-radius-lg,22px)!important;width:100%!important;max-width:560px!important;height:auto!important;max-height:88vh!important;box-shadow:var(--sa-shadow-pop,0 24px 60px #060f1e80)!important;border:1px solid #ffffff1a!important;animation:.22s cubic-bezier(.34,1.2,.4,1) saPopIn!important;overflow:hidden!important}.ctr-drawer.ctr-drawer-wide{max-width:660px!important}.emp-drawer__body,.ctr-drawer-body{min-height:0!important}.sanad-ph{box-sizing:border-box;color:#0d1421;background:radial-gradient(circle at 12% 25%,#00d49a24,#0000 42%),radial-gradient(circle at 92% 80%,#10b9810f,#0000 45%),linear-gradient(135deg,#eafaf4 0%,#f2f8fb 58%,#eaf6f1 100%);border:1px solid #dbe7ee;border-radius:20px;align-items:center;gap:22px;height:128px;min-height:128px;margin:0 0 18px;padding:0 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #060f1e12}[data-theme=dark] .sanad-ph{color:#fff;background:radial-gradient(circle at 12% 25%,#00d49a33,#0000 34%),radial-gradient(circle at 92% 80%,#f0b4290f,#0000 42%),linear-gradient(135deg,#060f1e 0%,#0a1f3c 55%,#071e2e 100%);border-color:#ffffff14;box-shadow:0 12px 40px #060f1e59}.sanad-ph__logo{object-fit:cover;background:#071019;border:1px solid #00d49a6b;border-radius:18px;flex-shrink:0;width:74px;height:74px;box-shadow:0 4px 18px #00d49a4d}.sanad-ph__eyebrow{color:#0a9d74;letter-spacing:.3px;margin-bottom:5px;font-size:12.5px;font-weight:900;display:inline-block}.sanad-ph__title{color:#0d1421;letter-spacing:-.3px;margin:0 0 5px;font-size:23px;font-weight:900;line-height:1.2}.sanad-ph__sub{color:#5b6b80;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}[data-theme=dark] .sanad-ph__eyebrow{color:var(--sa-accent-2,#00d49a)}[data-theme=dark] .sanad-ph__title{color:#fff}[data-theme=dark] .sanad-ph__sub{color:#ffffffa8}.sanad-ph__actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;max-width:48%;display:flex}.sanad-ph__actions>button{color:#0d1421;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d7e3ec;border-radius:12px;align-items:center;gap:7px;height:40px;padding:0 16px;font-size:13.5px;font-weight:800;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex}.sanad-ph__actions>button:hover{background:#eef4f9;transform:translateY(-1px)}[data-theme=dark] .sanad-ph__actions>button{color:#fff;background:#ffffff17;border-color:#ffffff29}[data-theme=dark] .sanad-ph__actions>button:hover{background:#ffffff2b}.sanad-ph__actions>button.primary,.sanad-ph__actions>button.primary-action,.sanad-ph__actions>button.secondary,.sanad-ph__actions>button.sanad-ph-primary{box-shadow:0 6px 18px #00d49a4d;color:#04231a!important;background:linear-gradient(135deg,#10b981,#00d49a)!important;border-color:#0000!important}.sanad-ph-stats{flex-wrap:wrap;gap:12px;margin:0 0 18px;display:flex}.sanad-ph-stats>*{flex:150px}@media (width<=760px){.sanad-ph{flex-wrap:wrap;height:auto;min-height:128px;padding:20px}.sanad-ph__actions{max-width:100%}}.perm-toggle{background:#788caa52!important;border:1px solid #ffffff1f!important}[data-theme=dark] .perm-toggle{background:#788caa42!important}.perm-toggle.on{background:linear-gradient(135deg,#10b981,#00d49a)!important;border-color:#0000!important;box-shadow:0 0 0 3px #00d49a2e,0 2px 10px #00d49a66!important}.perm-toggle-thumb{box-shadow:0 1px 4px #00000073!important}.sanad-brand-logo{object-fit:cover;background:#071019;border:1px solid #00d49a59;border-radius:10px;flex-shrink:0;box-shadow:0 2px 12px #00d49a47}.sanad-set-card{border-radius:20px!important;box-shadow:0 12px 34px #060f1e24!important}.sanad-phero{justify-content:space-between;align-items:center;gap:20px;display:flex}.sanad-phero-eyebrow{letter-spacing:.3px;font-size:13px;font-weight:900}.sanad-phero h1{margin:8px 0 6px;font-size:24px;font-weight:900}.sanad-phero p{max-width:620px;margin:0;line-height:1.7}.sanad-settings{max-width:none;margin:0;padding:0}.set-card{border:1px solid var(--border,#e5e7eb);background:var(--bg-canvas,#fff);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #060f1e1a}[data-theme=dark] .set-card{background:var(--card,#0e1a2e);border-color:#ffffff14;box-shadow:0 16px 40px #00000061}.set-card__head{border-bottom:1px solid var(--border,#eef2f7);color:var(--text,#0d1421);align-items:center;gap:10px;padding:15px 22px;font-size:15px;font-weight:800;display:flex}[data-theme=dark] .set-card__head{border-color:#ffffff12}.set-card__head svg{color:#10b981;flex-shrink:0}.set-card__body{padding:20px 22px}.set-profile-banner{background:radial-gradient(circle at 12% 30%,#00d49a24,#0000 42%),linear-gradient(135deg,#eafaf4,#f2f8fb 60%,#eaf6f1);border-bottom:1px solid #e3eef4;align-items:center;gap:16px;padding:22px 24px;display:flex}[data-theme=dark] .set-profile-banner{background:radial-gradient(circle at 12% 30%,#00d49a2e,#0000 42%),linear-gradient(135deg,#071428,#0e2244 60%,#071e2e);border-bottom-color:#ffffff14}.set-profile-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#00d49a);border-radius:18px;flex-shrink:0;place-items:center;width:66px;height:66px;font-size:27px;font-weight:900;display:grid;box-shadow:0 6px 20px #00d49a61}.set-profile-banner h3{color:#0d1421;margin:0;font-size:19px;font-weight:800}.set-profile-banner p{color:#5b6b80;text-align:right;direction:ltr;margin:3px 0 0;font-size:13px}[data-theme=dark] .set-profile-banner h3{color:#fff}[data-theme=dark] .set-profile-banner p{color:#ffffff9e}.set-role-chip{color:#00d49a;background:#00d49a26;border:1px solid #00d49a4d;border-radius:999px;margin-top:9px;padding:3px 12px;font-size:12px;font-weight:800;display:inline-block}.set-fields{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.set-field{background:var(--bg-soft,#f6f9fc);border:1px solid var(--border,#eef2f7);border-radius:12px;min-width:0;padding:10px 14px}[data-theme=dark] .set-field{background:#ffffff08;border-color:#ffffff12}.set-field__label{color:var(--text-muted,#7c8aa0);margin-bottom:4px;font-size:11px}.set-field__value{color:var(--text,#0d1421);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.sanad-stat{background:#fff;border:1px solid #e3eaf1;border-radius:16px;flex-direction:column;justify-content:center;gap:5px;min-height:82px;padding:16px 18px;display:flex;box-shadow:0 4px 14px #060f1e0d}[data-theme=dark] .sanad-stat{box-shadow:none;background:#ffffff08;border-color:#ffffff14}.sanad-stat__value{color:#0d1421;font-size:24px;font-weight:900;line-height:1.05}.sanad-stat__label{color:#5b6b80;font-size:12.5px;font-weight:600}.sanad-stat__sub{color:#7c8aa0;font-size:11px}[data-theme=dark] .sanad-stat__value{color:#fff}[data-theme=dark] .sanad-stat__label{color:#fff9}[data-theme=dark] .sanad-stat__sub{color:#ffffff73}.cl-stat{background:#fff!important;border:1px solid #e3eaf1!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:5px!important;min-height:82px!important;padding:16px 18px!important;display:flex!important;box-shadow:0 4px 14px #060f1e0d!important}[data-theme=dark] .cl-stat{box-shadow:none!important;background:#ffffff08!important;border-color:#ffffff14!important}.cl-stat svg{display:none!important}.cl-stat strong{order:0;color:#0d1421!important;font-size:24px!important;font-weight:900!important;line-height:1.05!important}.cl-stat span{order:1;color:#5b6b80!important;font-size:12.5px!important;font-weight:600!important}[data-theme=dark] .cl-stat strong{color:#fff!important}[data-theme=dark] .cl-stat span{color:#fff9!important}.cl-stat.risk-high{background:#fff!important}[data-theme=dark] .cl-stat.risk-high{background:#ffffff08!important}.sanad-tb-control{font-family:inherit;color:#0d1421!important;background:#fff!important;border:1px solid #d7e3ec!important;border-radius:10px!important}.sanad-tb-control::placeholder{color:#8a97a8!important}[data-theme=dark] .sanad-tb-control{color:#eaf2ff!important;background:#ffffff0f!important;border-color:#ffffff29!important}[data-theme=dark] .sanad-tb-control::placeholder{color:#e2ecff73!important}.modal.sanad-case-modal{flex-direction:column;max-height:min(90vh,880px);padding:0;display:flex;overflow:hidden}.sanad-case-modal .modal-head{z-index:3;border-bottom:1px solid var(--border-soft,#ffffff14);background:inherit;padding:18px 26px 14px;position:sticky;top:0}.sanad-case-modal .modal-head .modal-title-block{border:0;margin:0;padding:0}.sanad-case-modal .modal-body{flex:auto;padding:18px 26px;overflow-y:auto}.sanad-case-modal .modal-foot{z-index:3;border-top:1px solid var(--border-soft,#ffffff14);background:inherit;align-items:center;gap:10px;margin:0;padding:14px 26px;display:flex;position:sticky;bottom:0}.sanad-case-modal .x{z-index:4;position:absolute;top:16px;left:18px;right:auto}.sanad-case-modal .field.wide{grid-column:1/-1}.sanad-settings{width:100%}.set-hub{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.set-hub>button{text-align:start;min-height:76px;color:var(--text-primary,#0d1421);background:linear-gradient(145deg, var(--bg-canvas,#fff), var(--bg-soft,#f5f8fb));border:1px solid var(--border-subtle,#e3ebf2);border-radius:17px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 8px 24px #0c23300e}.set-hub>button:hover{border-color:#00a9786b;transform:translateY(-2px);box-shadow:0 14px 30px #0c233017}.set-hub__icon{color:#008b64;background:#00b8841a;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.set-hub b,.set-hub small{display:block}.set-hub b{font-size:13px}.set-hub small{color:var(--text-muted,#687a9b);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10.5px;overflow:hidden}.set-hub>button>svg{color:var(--text-muted,#687a9b);transform:rotate(90deg)}[data-theme=dark] .set-hub>button{box-shadow:none;background:linear-gradient(145deg,#ffffff0b,#ffffff05);border-color:#ffffff17}[data-theme=dark] .set-hub__icon{color:#6ee7c1;background:#00b88421}.set-anchor{scroll-margin-top:82px}.set-account-card{margin-bottom:18px}.set-identity-shell,.set-policy-shell{margin-top:20px}.set-duo{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:28px 40px;display:grid}.set-duo__col{min-width:0}.set-duo__title{border-bottom:1px solid var(--border,#eef2f7);color:var(--text-secondary,#475569);letter-spacing:.01em;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:10px;font-size:13px;font-weight:800;display:flex}[data-theme=dark] .set-duo__title{border-bottom-color:#ffffff12}.set-duo__title svg{color:#10b981;flex-shrink:0}.set-duo__note{color:var(--text-muted,#6c7b86);margin:12px 0 0;font-size:11px;line-height:1.6}.set-barline{border-top:1px solid var(--border,#eef2f7);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:18px;display:flex}[data-theme=dark] .set-barline{border-top-color:#ffffff12}.set-appearance-card{background:var(--bg-canvas,#fff);border:1px solid var(--border-subtle,#e8edf5);border-radius:18px;grid-template-columns:minmax(260px,1fr) minmax(360px,.95fr);align-items:center;gap:18px;margin-bottom:14px;padding:16px 18px;display:grid}.set-section-intro{align-items:center;gap:12px;display:flex}.set-section-icon{width:40px;height:40px;color:var(--sa-green-700,#007d59);background:var(--sa-green-100,#e7f9f2);border-radius:12px;place-items:center;display:grid}.set-section-intro h3{color:var(--text-primary,#0d1421);margin:0;font-size:15px}.set-section-intro p{color:var(--text-muted,#687a9b);margin:3px 0 0;font-size:11.5px}.set-theme-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.set-theme-choices>button{min-height:62px;color:var(--text-primary,#0d1421);text-align:start;background:var(--bg-soft,#f5f8fb);border:1px solid var(--border-subtle,#e8edf5);cursor:pointer;border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.set-theme-choices>button.active{border-color:var(--sa-green-600,#00a978);box-shadow:inset 0 0 0 1px var(--sa-green-600,#00a978)}.set-theme-choices b,.set-theme-choices small{display:block}.set-theme-choices b{font-size:12.5px}.set-theme-choices small{color:var(--text-muted,#687a9b);margin-top:2px;font-size:10px}.set-theme-preview{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.set-theme-preview.is-light{color:#a16207;background:linear-gradient(145deg,#fff,#fef3c7);border:1px solid #fde68a}.set-theme-preview.is-dark{color:#6ee7c1;background:linear-gradient(145deg,#0f213c,#071428);border:1px solid #243b5d}.set-barline__hint{color:var(--text-muted,#687a9b);align-items:center;gap:7px;font-size:11px;display:inline-flex}[data-theme=dark] .set-appearance-card{background:var(--bg-canvas);border-color:var(--border-subtle)}[data-theme=dark] .set-section-icon{color:#6ee7c1;background:#00b8841f}@media (width<=760px){.set-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.set-appearance-card,.set-theme-choices{grid-template-columns:1fr}}@media (width<=460px){.set-hub{grid-template-columns:1fr}}@media (width<=760px){.sanad-auth-page.compact{gap:16px;padding:16px;grid-template-columns:minmax(0,1fr)!important}.sanad-auth-page.compact .sanad-auth-side{min-width:0;padding:72px 24px 28px;min-height:0!important}.sanad-auth-page.compact .sanad-auth-card{box-sizing:border-box;width:100%;min-width:0;max-width:560px}}:root{--sanad-control-h:44px;--sanad-control-radius:13px;--sanad-card-radius:18px;--sanad-page-gap:18px;--sanad-focus-ring:0 0 0 3px #00b88429;--sanad-surface-glow:0 18px 50px #0c233012}.workspace{grid-template-columns:var(--rail-width) minmax(0, 1fr);transition:grid-template-columns .22s}.workspace.rail-collapsed{grid-template-columns:0 minmax(0,1fr)}.right-rail{transition:width .22s,padding .22s,opacity .16s,transform .22s}.right-rail.desktop-collapsed{opacity:0;pointer-events:none;border-left-width:0;width:0;padding-inline:0;overflow:hidden}.canvas{background:radial-gradient(circle at 82% -4%, #00b88417, transparent 27rem), radial-gradient(circle at 6% 34%, #337cff09, transparent 22rem), var(--bg-page,var(--bg))}.workspace .page,.workspace [class$=-page]{padding-inline:clamp(16px,2vw,30px)}.sanad-ph{width:100%;height:auto;min-height:0;color:var(--text-primary,var(--text));border:0;border-bottom:1px solid var(--border-subtle,var(--border));box-shadow:none;background:0 0;border-radius:0;justify-content:space-between;align-items:flex-end;gap:20px;margin:2px 0 18px;padding:4px 0 14px;display:flex;position:relative;overflow:visible}[data-theme=dark] .sanad-ph{color:var(--text-primary,var(--text));border-color:var(--border-default,var(--border));box-shadow:none;background:0 0}.sanad-ph__text{flex:360px;min-width:0}.sanad-ph__logo{display:none}.sanad-ph__eyebrow,[data-theme=dark] .sanad-ph__eyebrow{color:var(--sa-green-600,#009e71);letter-spacing:0;margin:0 0 3px;font-size:12px;font-weight:700;display:block}.sanad-ph__title,[data-theme=dark] .sanad-ph__title{color:var(--text-primary,var(--text));font-family:var(--font-heading,inherit);letter-spacing:-.25px;margin:0;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.25}.sanad-ph__sub,[data-theme=dark] .sanad-ph__sub{max-width:78ch;color:var(--text-secondary,var(--muted));margin:5px 0 0;font-size:13px;line-height:1.65;display:block;overflow:visible}.sanad-ph__actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;max-width:52%;display:flex}.sanad-ph__actions>button,[data-theme=dark] .sanad-ph__actions>button{min-height:var(--sanad-control-h);height:var(--sanad-control-h);color:var(--text-primary,var(--text));background:var(--bg-canvas,var(--card));border:1px solid var(--border-default,var(--border));border-radius:var(--sanad-control-radius);box-shadow:var(--shadow-xs);padding-inline:16px}.sanad-ph__actions>button:hover,[data-theme=dark] .sanad-ph__actions>button:hover{color:var(--sa-green-700,#007d59);background:var(--sa-green-50,var(--bg-soft));border-color:var(--sa-green-300,#33d4a6);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sanad-ph__actions>button.primary,.sanad-ph__actions>button.primary-action,.sanad-ph__actions>button.secondary,.sanad-ph__actions>button.sanad-ph-primary{box-shadow:0 7px 18px #009e7133;color:#fff!important;background:linear-gradient(135deg, var(--sa-green-600), var(--sa-green-500))!important}.workspace input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),.workspace select,.workspace textarea{width:100%;min-height:var(--sanad-control-h);color:var(--text-primary,var(--text));background:var(--bg-canvas,var(--card));border:1px solid var(--border-default,var(--border));border-radius:var(--sanad-control-radius);transition:border-color var(--duration-fast,.12s), box-shadow var(--duration-fast,.12s), background var(--duration-fast,.12s);outline:0;padding:10px 13px;box-shadow:inset 0 1px 1px #0f172a05}.workspace select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted,#718096) 50%), linear-gradient(135deg, var(--text-muted,#718096) 50%, transparent 50%);background-position:right 16px center,right 11px center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline:38px 13px}.workspace :where(input,select,textarea):hover:not(:disabled){border-color:color-mix(in srgb, var(--sa-green-500,#00b884) 42%, var(--border-default,#dce5eb))}.workspace textarea{resize:vertical;min-height:96px;line-height:1.65}.workspace input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,.workspace select:focus-visible,.workspace textarea:focus-visible{border-color:var(--sa-green-500,#00b884);box-shadow:var(--sanad-focus-ring)}.workspace input::placeholder,.workspace textarea::placeholder{color:var(--text-muted,var(--muted));opacity:.82}.workspace button:focus-visible,.workspace a:focus-visible,.workspace [role=button]:focus-visible{outline:2px solid var(--sa-green-500,#00b884);outline-offset:2px}.workspace button:disabled,.workspace [aria-disabled=true]{cursor:not-allowed;opacity:.56;filter:saturate(.72)}.workspace .panel,.workspace .card-v3,.workspace .sanad-home-panel,.workspace .clm-panel,.workspace .erp-card{background:var(--bg-canvas,var(--card));border-color:var(--border-subtle,var(--border));border-radius:var(--sanad-card-radius);box-shadow:var(--shadow-xs)}.workspace :where(.panel,.card-v3,.erp-card,.sanad-home-panel,.clm-panel,.cl-sanad-panel,.docv3-sanad-panel){border-width:1px;border-color:color-mix(in srgb, var(--border-default,#dce5eb) 84%, transparent)}.workspace :where(.btn-v3,.erp-btn,.docv3-btn,.sanad-ph-primary,.primary-action,.ghost-action){border-radius:13px;min-height:44px;font-weight:750;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}.workspace :where(.btn-v3,.erp-btn,.docv3-btn,.sanad-ph-primary,.primary-action,.ghost-action):hover:not(:disabled){transform:translateY(-1px)}.workspace :where([role=tablist],.tabs-v3,.erp-subtabs,.view-toggle){border:1px solid var(--border-subtle,var(--border));background:color-mix(in srgb, var(--bg-soft) 82%, transparent);border-radius:15px;gap:4px;padding:4px}.workspace :where([role=tab],.tabs-v3>button,.erp-subtabs>button,.view-toggle>button){border-radius:11px;min-height:38px}.workspace :where(.empty,.empty-state,[class*=empty-state]){color:var(--text-muted,var(--muted));border-radius:16px}.workspace .modal-backdrop,.workspace .modal-v3-backdrop,.workspace .sanad-modal-backdrop{z-index:9000}.workspace table{border-spacing:0;border-collapse:separate;width:100%}.workspace table th{color:var(--text-secondary,var(--muted));background:var(--bg-soft);border-block:1px solid var(--border-subtle,var(--border));text-transform:none;letter-spacing:0;padding:11px 14px;font-size:12px;font-weight:750;line-height:1.4}.workspace table td{background:var(--bg-canvas,var(--card));border-bottom:1px solid var(--border-subtle,var(--border));padding:13px 14px;line-height:1.55}.workspace table tbody tr:hover td{background:var(--sa-green-50)}.workspace .modal,.workspace .modal-v3,.workspace .emp-drawer,.workspace .ctr-drawer,.workspace .perm-drawer,.workspace .clm-modal{color:var(--text-primary,var(--text));background:var(--bg-canvas,var(--card));border:1px solid var(--border-default,var(--border));box-shadow:var(--shadow-xl);border-radius:18px}.workspace .modal-backdrop,.workspace .modal-v3-backdrop,.workspace [class$=-backdrop]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040d1994}@media (width<=1024px){:root{--sanad-control-h:44px}.workspace,.workspace.rail-collapsed{grid-template-columns:minmax(0,1fr)}.right-rail.desktop-collapsed{opacity:1;pointer-events:auto;border-left-width:1px;width:min(86vw,320px);padding:14px 12px;overflow-y:auto}.sanad-ph{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px;padding-block:2px 12px}.sanad-ph__text{flex-basis:auto}.sanad-ph__sub,[data-theme=dark] .sanad-ph__sub{display:none}.sanad-ph__actions{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;max-width:none;overflow-x:auto}.sanad-ph__actions::-webkit-scrollbar{display:none}.sanad-ph__actions>button{flex:none;justify-content:center}.workspace .page,.workspace [class$=-page]{padding-inline:14px}.workspace :is(.cases-page,.tasks-page,.leads-page,.portal-admin-page,.marketplace-admin-page,.erp-page,.perm-page){padding:16px 16px 30px!important}.workspace .modal,.workspace .modal-v3,.workspace .emp-drawer,.workspace .ctr-drawer,.workspace .perm-drawer,.workspace .clm-modal{border-radius:16px;width:min(100%,100vw - 20px);max-height:calc(100dvh - 20px)}.workspace .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.workspace *,.workspace :before,.workspace :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.workspace :where(button,[role=button],a.btn-v3,a.portal-btn){min-height:44px}.workspace .rail-nav-group-toggle{min-height:44px!important;padding-block:9px!important}.workspace .topbar>.ghost,.workspace .erp-refresh-btn,.workspace .sanad-icon-danger,.workspace .erp-icon-btn{min-width:44px!important;min-height:44px!important}.workspace button.btn-v3.sm{min-height:44px!important}.workspace :where(.ghost-action,.primary-action,.btn-v3,.erp-btn,.erp-filter-chip){border-radius:var(--sanad-control-radius);justify-content:center;align-items:center;gap:7px;font-weight:750;display:inline-flex}.workspace :where(.erp-coa-toolbar-tabs,.fin-tabs,.tabs-v3){background:var(--bg-soft);border:1px solid var(--border-subtle,var(--border));border-radius:14px;padding:5px}.workspace :where(.erp-filter-chip,.tab-v3){border-color:#0000}.workspace :where(.erp-filter-chip.active,.tab-v3.active){color:#fff;background:linear-gradient(135deg, var(--sa-green-700), var(--sa-green-500));box-shadow:0 6px 16px #009e712e}.workspace .danger-action{color:var(--danger-600,#be123c);background:#be123c0b;border-color:#be123c4d}.workspace .danger-action:hover{color:#fff;background:var(--danger-600,#be123c);border-color:var(--danger-600,#be123c)}.workspace button{min-block-size:40px;min-inline-size:40px}