:root{--ink:#182b27;--nav:#123d35;--green:#12624f;--muted:#7d8b88;--line:#e2e9e5;--paper:#f6f7f4;--mint:#e3f2ea;--amber:#d8a24d}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans Arabic",sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--nav);z-index:100}.loading svg{width:58px;fill:none;stroke:#8cd2b3;stroke-width:3}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.loginArt{padding:40px 55px;background:var(--nav);color:#fff;display:flex;flex-direction:column;overflow:hidden}.appBrand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-size:22px}.appBrand svg{width:32px;fill:none;stroke:#82caaa;stroke-width:3;stroke-linecap:round}.skyline{flex:1;min-height:400px;display:flex;align-items:flex-end;justify-content:center;gap:17px;position:relative}.skyline i{width:80px;height:230px;border:3px solid #72aa96;background:repeating-linear-gradient(to bottom,#17493f 0,#17493f 18px,#6c9f8e 19px,#17493f 21px)}.skyline i:nth-child(2){height:330px;width:110px}.skyline i:nth-child(3){height:190px}.skyline span{position:absolute;width:280px;height:280px;border-radius:50%;background:#1d5045;z-index:-0;top:60px}.skyline i{z-index:1}.loginArt blockquote{font-size:26px;line-height:1.35;margin:30px 0 10px;font-weight:700}.loginForm{position:relative;display:grid;place-items:center;padding:60px}.langSwitch{display:flex;background:#eef2ef;border-radius:8px;padding:3px}.loginForm>.langSwitch{position:absolute;top:30px;right:35px}.langSwitch button{border:0;background:transparent;border-radius:6px;padding:6px 8px;font-size:8px;color:#71807c}.langSwitch button.active{background:#fff;color:#14634e;box-shadow:0 1px 4px #173c3420}.loginForm form{width:min(360px,100%)}.pill{display:inline-block;color:#16634f;background:#e4f3eb;border-radius:12px;padding:5px 8px;font-size:8px;font-weight:700}.loginForm h1{font-size:31px;margin:19px 0 8px}.loginForm form>p{color:var(--muted);font-size:11px;margin-bottom:27px}.loginForm label{display:block;font-size:9px;font-weight:700;margin:14px 0}.loginForm input{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:7px;outline:0}.loginForm input:focus{border-color:#247a61;box-shadow:0 0 0 3px #ddf0e7}.loginForm form>button{width:100%;border:0;border-radius:8px;background:var(--green);color:#fff;padding:12px;margin-top:8px;font-size:10px;font-weight:700}.loginForm form>small{display:block;text-align:center;color:#8b9693;font-size:8px;margin-top:12px}.error{color:#a45146;background:#faece9;border-radius:6px;padding:0 9px;font-size:8px}.error:not(:empty){padding:8px 9px}.workspace{min-height:100vh}.workspace>aside{position:fixed;inset:0 auto 0 0;width:235px;background:var(--nav);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.tenant{display:flex;align-items:center;gap:9px;width:100%;padding:10px;margin-top:24px;border:1px solid #ffffff14;background:#ffffff09;color:#fff;border-radius:9px;text-align:left}.tenant>span{width:32px;height:32px;border-radius:7px;background:#e0bd79;color:#2c433d;display:grid;place-items:center;font-size:9px;font-weight:800}.tenant b{font-size:10px}.tenant small{display:block;color:#95afa8;font-size:7px;margin-top:3px}.tenant i{margin-left:auto}.workspace aside nav{margin-top:25px;display:grid;gap:3px}.workspace aside nav button{display:flex;align-items:center;gap:11px;border:0;border-radius:8px;padding:10px;background:transparent;color:#a8beb8;text-align:left;font-size:11px}.workspace aside nav button.active{background:#2b5b50;color:#fff}.workspace aside nav button>span svg,.main [data-icon] svg,.mobileNav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.workspace aside nav button b{font-weight:500}.workspace aside nav button i{margin-left:auto;background:#dfad50;color:#263f38;border-radius:10px;padding:2px 6px;font-size:7px;font-style:normal}.sideBottom{margin-top:auto}.member{border-top:1px solid #ffffff14;padding:15px 4px 0;display:flex;align-items:center;gap:8px}.member>span{width:31px;height:31px;border-radius:50%;background:#d5b877;color:#294139;display:grid;place-items:center;font-size:8px;font-weight:800}.member b{font-size:9px}.member small{display:block;color:#8da7a0;font-size:7px;margin-top:3px}.member button{margin-left:auto;border:0;background:transparent;color:#94ada6}.main{margin-left:235px;padding:0 30px 40px}.main>header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.main>header small{font-size:7px;color:#87928f;letter-spacing:1px}.main>header h1{font-size:21px;margin:5px 0 0}.headerTools{display:flex;align-items:center;gap:7px}.square{width:35px;height:35px;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;place-items:center}.primaryAction,.inlineCreate{border:0;border-radius:8px;background:var(--green);color:#fff;padding:10px 13px;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700}.pageSub{font-size:11px;color:var(--muted);margin:20px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:11px}.metrics article{padding:15px;position:relative}.metrics article>span{position:absolute;right:15px;top:15px;width:30px;height:30px;border-radius:8px;background:var(--mint);color:#17654f;display:grid;place-items:center}.metrics small,.metrics b,.metrics em{display:block}.metrics small{font-size:8px;color:#74827f}.metrics b{font-size:17px;margin-top:12px}.metrics em{font-size:7px;font-style:normal;color:#87928f;margin-top:5px}.dashGrid{display:grid;grid-template-columns:1.55fr .8fr;gap:11px;margin-top:11px}.panel{padding:17px}.panel header h2{font-size:12px;margin:0}.panel header p{font-size:8px;color:#87928f}.chart{height:235px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 57px,#edf1ee 58px);margin-top:15px}.chart svg{width:100%;height:100%}.chart .area{fill:url(#fill)}.chart .line{fill:none;stroke:#3f8e71;stroke-width:3}.attentionItem{display:flex;align-items:center;gap:9px;border-top:1px solid #edf1ee;padding:14px 0}.attentionItem:first-of-type{margin-top:13px}.attentionItem>span{width:32px;height:32px;border-radius:8px;background:#f6ead6;color:#a87528;display:grid;place-items:center}.attentionItem b,.attentionItem small{display:block;font-size:8px}.attentionItem small{color:#899491;margin-top:3px}.attentionItem em{margin-left:auto;font-style:normal;font-size:7px;color:#778481}.pageBar{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.pageBar p{font-size:11px;color:var(--muted)}.tablePanel{padding:0;overflow:hidden}.tableHead,.tableRow{display:grid;grid-template-columns:1.4fr 1fr 1.2fr .8fr .6fr;align-items:center;gap:10px;padding:11px 15px}.tableHead{background:#f4f6f4;color:#778481;font-size:7px;text-transform:uppercase;letter-spacing:.5px}.tableRow{border-top:1px solid #edf1ee;font-size:8px}.tableRow>span:first-child{display:flex;align-items:center;gap:8px}.tableRow i{width:29px;height:29px;border-radius:7px;background:#e3f0e9;display:grid;place-items:center;color:#1b684f;font-style:normal;font-size:7px}.tableRow b{font-size:9px}.tableRow small{display:block;color:#889491;font-size:7px;margin-top:3px}.status{background:#e5f3ec;color:#187057;border-radius:10px;padding:3px 6px;font-style:normal}.tableEmpty{padding:50px;text-align:center;color:#899491;font-size:9px}.pipeline{display:flex;gap:9px;overflow-x:auto;padding-bottom:15px}.stage{min-width:220px;flex:1;background:#eef2ef;border-radius:10px;padding:10px}.stage>header{display:flex;justify-content:space-between;border-top:3px solid var(--stage);padding:10px 3px;font-size:8px}.stage>header span{background:#fff;border-radius:9px;padding:2px 6px}.stage article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px;margin-bottom:8px}.stage article b,.stage article p,.stage article span{font-size:8px}.stage article p{color:#7b8986}.stage article span{color:#19664f;font-weight:700}.addDeal{width:100%;border:1px dashed #bdcbc5;background:transparent;border-radius:7px;padding:10px;color:#6f7d79;font-size:8px}.integrationGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.integrationCard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px}.integrationCard>span{width:46px;height:46px;border-radius:11px;background:#e5f2eb;color:#17644f;display:grid;place-items:center}.integrationCard h2{font-size:12px;margin:0}.integrationCard p{font-size:8px;color:#7c8986;line-height:1.5}.integrationCard small{color:#2b7b62;font-size:7px}.integrationCard button{border:1px solid #cddbd4;background:#fff;color:#17634e;border-radius:7px;padding:8px 10px;font-size:8px}.integrationCard.featured{border-color:#b9d7ca}.empty{min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty>span{width:60px;height:60px;border-radius:15px;background:#e3f1ea;color:#17654f;display:grid;place-items:center}.empty h2{font-size:20px;margin:18px 0 5px}.empty p{font-size:10px;color:#82908c}.mobileNav,.menuButton{display:none}dialog{border:0;border-radius:14px;padding:0;width:min(560px,calc(100% - 30px));box-shadow:0 25px 80px #183c3450}dialog::backdrop{background:#102e286e}dialog form{padding:22px}.dialogTitle{display:flex;align-items:center;justify-content:space-between}.dialogTitle h2{font-size:16px}.dialogTitle button{border:0;background:transparent;font-size:20px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.formGrid label{font-size:8px;font-weight:700}.formGrid input,.formGrid select{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;margin-top:6px;font-size:9px}.save{border:0;background:var(--green);color:#fff;border-radius:8px;padding:10px 14px;font-size:9px;margin-top:17px}[dir=rtl] .workspace>aside{left:auto;right:0}[dir=rtl] .main{margin-left:0;margin-right:235px}[dir=rtl] .tenant{text-align:right}[dir=rtl] .tenant i,[dir=rtl] .workspace aside nav button i,[dir=rtl] .member button,[dir=rtl] .attentionItem em{margin-left:0;margin-right:auto}[dir=rtl] .loginForm>.langSwitch{right:auto;left:35px}
@media(max-width:850px){.workspace>aside{width:210px}.main{margin-left:210px}.metrics{grid-template-columns:1fr 1fr}.dashGrid{grid-template-columns:1fr}[dir=rtl] .main{margin-right:210px}.integrationGrid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.loginArt{display:none}.loginForm{min-height:100vh}}
@media(max-width:650px){body{padding-bottom:65px}.workspace>aside{width:280px;transform:translateX(-105%);transition:.25s;box-shadow:10px 0 40px #143b3330}.workspace>aside.open{transform:translateX(0)}[dir=rtl] .workspace>aside{transform:translateX(105%)}[dir=rtl] .workspace>aside.open{transform:translateX(0)}.main,[dir=rtl] .main{margin:0;padding:0 12px 25px}.main>header{height:72px}.menuButton{display:grid;border:0;background:transparent;gap:4px;margin-right:8px}.menuButton span{width:18px;height:2px;background:#2a433d}.main>header>div:nth-child(2){margin-right:auto}.headerTools .square{display:none}.primaryAction{width:37px;height:37px;padding:0;justify-content:center}.primaryAction>span:last-child{display:none}.metrics{gap:8px}.metrics article{padding:13px}.metrics b{font-size:15px}.compact button{padding:5px}.tablePanel{overflow-x:auto}.tableHead,.tableRow{min-width:700px}.mobileNav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:65px;background:#fff;border-top:1px solid var(--line);z-index:19;padding:7px 3px}.mobileNav button{border:0;background:transparent;color:#84918e;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:6px}.mobileNav button.active{color:#12624f}.mobileNav .mobileCreate span{width:34px;height:34px;border-radius:50%;background:#12624f;color:#fff;display:grid;place-items:center;margin-top:-18px}.pageBar{align-items:flex-end}.integrationCard{grid-template-columns:42px 1fr}.integrationCard button{grid-column:2}.formGrid{grid-template-columns:1fr}.loginForm{padding:25px}.loginForm>.langSwitch{right:20px;top:20px}[dir=rtl] .loginForm>.langSwitch{left:20px;right:auto}}
.docActions{display:flex;gap:8px}.docTable{grid-template-columns:1fr 1fr 1.4fr .8fr 1fr}.shareDoc{display:block;border:0;background:transparent;color:#12624f;padding:4px 0;font-size:8px}.wideDialog{width:min(820px,calc(100% - 24px))}.scanArt{display:grid;place-items:center;background:#e9f3ee;border-radius:12px;padding:14px;margin:8px 0 15px}.scanArt svg{width:180px;fill:none;stroke:#28755e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fileDrop{display:grid;gap:6px;border:1px dashed #8db6a6;border-radius:10px;padding:18px;background:#f8fbf9;font-size:10px}.fileDrop span,.privacyNote{font-size:8px;color:#73827e;line-height:1.5}.fileDrop input{font-size:9px}.scanStatus{color:#12624f;font-size:9px;margin-top:8px}.warning{background:#fff5df;color:#815e20;border-radius:7px;padding:8px;font-size:8px}.warning:empty{display:none}.lineHeading{display:flex;justify-content:space-between;margin:20px 0 8px;font-size:9px}.lineHeading span{color:#7d8b88}.itemRow{display:grid;grid-template-columns:3fr .7fr 1fr .7fr 30px;gap:6px;margin-bottom:7px}.itemRow input{min-width:0;border:1px solid var(--line);border-radius:7px;padding:9px;font-size:9px}.itemRow button,.secondaryButton{border:1px solid var(--line);background:#fff;border-radius:7px}.secondaryButton{padding:8px 12px;font-size:8px}.docTotal{display:flex;justify-content:flex-end;gap:30px;margin:15px 0;font-size:13px}@media(max-width:650px){.docActions{flex-direction:column}.docTable{min-width:620px}.wideDialog form{padding:16px}.itemRow{grid-template-columns:2fr .65fr .85fr .65fr 28px}.itemRow input{padding:8px 4px}.scanArt svg{width:140px}}