@font-face{font-family:'Fibo Arabic';src:url('/fonts/noto-sans-arabic.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
html[lang=ar] body{font-family:'Fibo Arabic','DM Sans',Tahoma,Arial,sans-serif;line-height:1.75}
html[lang=ar] :is(h1,h2,h3,h4,h5,p,button,input,select,textarea,label,th,td,span,small,strong,b,a,legend,dt,dd,summary,li){letter-spacing:0!important}
html[lang=ar] :is(h1,h2,h3,h4,h5,button,input,select,textarea){font-family:inherit}
html[lang=ar] :is(h1,h2,h3){line-height:1.5}
html[lang=ar] :is(button,.button,.tab,.nav-item,.status-label){line-height:1.6}
html[lang=ar] :is(th,td){text-align:start}
html[lang=ar] :is(input[type=email],input[type=url],input[type=number],input[type=password],input[type=date],input[type=time],input[inputmode=numeric],bdi,.money,.amount,.widget-value,.metric-value,.statement-table td,.paper-totals dd,.invoice-balance strong){direction:ltr;unicode-bidi:isolate}
html[lang=ar] :is(.money,.amount,.statement-table td,.paper-lines td:not(:first-child)){text-align:end;font-variant-numeric:tabular-nums}
html[lang=ar] :is(.sales-plot,.cash-plot,.bar-chart,.line-chart,.tin-portal){direction:ltr}
html[lang=ar] .tin-arrow{font-family:'Fibo Arabic',Tahoma,sans-serif;direction:rtl}
html[lang=ar] .brand{direction:ltr;unicode-bidi:isolate}
html[lang=ar] :is(.brand-copy span,.eyebrow,.nav-label){text-transform:none}
html[lang=ar] :is(.nav-item,.settings-nav button,.user-chip,.command-result,.expense-legend>button,.setting-card){text-align:right}
html[lang=ar] .sidebar{left:auto;right:14px}
html[lang=ar] .sidebar .brand{padding-right:0;padding-left:35px;justify-content:flex-end}
html[lang=ar] .sidebar-retract{right:auto;left:14px;transform:scaleX(-1)}
html[lang=ar] .main{margin-left:0;margin-right:var(--sidebar);transition:margin-right .42s cubic-bezier(.22,1,.36,1)}
html[lang=ar] .topbar{left:28px;right:calc(var(--sidebar) + 28px);transition:right .42s cubic-bezier(.22,1,.36,1)}
html[lang=ar] .nav-item{white-space:normal!important;font-size:12px;gap:9px}
html[lang=ar] .nav-item>span:last-child{white-space:normal;min-width:0}
html[lang=ar] .settings-nav button{white-space:normal}
html[lang=ar] .status-label{padding:3px 3px 3px 9px;white-space:normal}
html[lang=ar] .command-enter{margin-left:0;margin-right:auto}
html[lang=ar] .ob-side{border-right:0;border-left:1px solid #e2e8e2}
html[lang=ar] .ob-side li:before{left:auto;right:14px}
html[lang=ar] .invoice-drawer{right:auto;left:0;transform:translateX(-105%)}
html[lang=ar] .invoice-drawer.open{transform:translateX(0)}
html[lang=ar] .invoice-preview{border-left:0;border-right:1px solid #e2e6df}
html[lang=ar] .invoice-paper :is(td,th){white-space:normal}
html[lang=ar] .paper-totals{margin-left:0;margin-right:auto}
html[lang=ar] .paper-lines :is(th,td):first-child{text-align:right}
html[lang=ar] .paper-lines :is(th,td):not(:first-child){text-align:left}
html[lang=ar] .ob-countries button{text-align:right}
html[lang=ar] .page-head h1{font-size:clamp(25px,2.8vw,38px)}
html[lang=ar] .widget-heading{flex-wrap:wrap;row-gap:8px}
html[lang=ar] .widget-heading h2{min-width:100px}
html[lang=ar] .table-wrap{overflow-x:auto}
html[lang=ar] .table-wrap table{min-width:620px}
html[lang=ar] .statement-document-head{text-align:center}
html[lang=ar] .statement-table th{text-align:right}
html[lang=ar] .statement-table td{text-align:left}
html[lang=ar] .ob-top .brand-copy strong{margin-right:0}
.language-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:7px 12px;border:1px solid #52604440;border-radius:999px;color:inherit;background:#ffffff70;text-decoration:none;font:600 13px/1.6 'Fibo Arabic',Arial,sans-serif}
.language-link:hover{background:#fff6bf}.language-link:focus-visible{outline:2px solid #887827;outline-offset:4px}
html[data-site=marketing][lang=ar] :is(h1,h2){font-weight:650}
html[data-site=marketing][lang=ar] h1{font-size:clamp(36px,4.7vw,72px);line-height:1.35}
html[data-site=marketing][lang=ar] .hero h1{font-size:clamp(48px,6.6vw,96px)}
html[data-site=marketing][lang=ar] :is(.resource-intro,.hero-copy>p){line-height:1.95}
html[data-site=marketing][lang=ar] :is(.preview-table th,.preview-table td,.task-item,.plan-card,.flow-preview,.followup-preview){text-align:right}
html[data-site=marketing][lang=ar] :is(.preview-table .amount,.plan-price,.savings-panel strong,.metric strong,.answer-figure strong){direction:ltr;unicode-bidi:isolate}
html[data-site=marketing][lang=ar] :is(.receipt-route i,.connection-arrow){transform:scaleX(-1)}
html[data-site=marketing][lang=ar] :is(.section-number,.resource-kicker,.eyebrow,.country-label){text-transform:none}
html[data-site=marketing][lang=ar] .followup-timeline{padding-right:24px;padding-left:0}
html[data-site=marketing][lang=ar] .country-panel ul{padding-left:0;padding-right:20px}
html[data-site=marketing][lang=ar] .browser-window{direction:rtl}
html[data-site=marketing][lang=ar] .preview-sidebar{border-right:0;border-left:1px solid #dfe2d7}
html[data-site=marketing][lang=ar] .resource-section{scroll-margin-top:35px}
html[data-site=marketing][lang=ar] .site-header{gap:12px}
html[data-site=marketing][lang=ar] .demo-steps button{white-space:normal}
html[data-site=marketing][lang=ar] .hero :is(.eyebrow,p){max-width:100%}
@media(min-width:761px){html[lang=ar] .sidebar-retracted .main{margin-right:92px}html[lang=ar] .sidebar-retracted .topbar{right:112px}html[lang=ar] .sidebar-retracted .sidebar .brand{padding:0 5px 18px;justify-content:center}html[lang=ar] .sidebar-retracted .sidebar-retract{left:auto;right:auto}}
@media(max-width:1000px) and (min-width:761px){html[lang=ar] .topbar{left:20px;right:calc(var(--sidebar) + 20px)}}
@media(max-width:760px){html[lang=ar] .sidebar{inset:10px 10px 10px auto;transform:translateX(115%)}html[lang=ar] .sidebar.mobile-open{transform:translateX(0)}html[lang=ar] .main{margin:0}html[lang=ar] .topbar{left:12px;right:12px}html[lang=ar] .ob-side{border:0}html[lang=ar] .invoice-preview{border-right:0}html[lang=ar] .settings-nav{max-width:100%}html[data-site=marketing] .site-header{gap:8px}html[data-site=marketing] .language-link{padding:6px 9px;min-height:36px;font-size:12px}html[data-site=marketing][lang=ar] h1{font-size:36px}html[data-site=marketing][lang=ar] .hero h1{font-size:48px}}
@media print{html[lang=ar] body{font-family:'Fibo Arabic',Tahoma,Arial,sans-serif}.language-link{display:none!important}}

html[lang=ar] .ob-side li{text-align:right}html[lang=ar] .ob-side li:after{left:auto;right:14px}html[lang=ar] .flow-step:not(:last-child):before{left:auto;right:14px}html[lang=ar] .followup-customer{border-left:0;border-right:3px solid transparent;text-align:right}html[lang=ar] .followup-customer.selected{border-right-color:var(--yellow)}html[lang=ar] .statement-choice{text-align:right}

/* Arabic-Indic numerals use the same Arabic family, including animated values. */
html[lang=ar] :is(.dashboard-grid .widget-value,.dashboard-grid .bank-widget-row b,.dashboard-grid .profit-comparison strong,.dashboard-grid .invoice-split strong,.dashboard-grid .paid-summary strong,.dashboard-grid .expense-legend b,.dashboard-grid .expense-donut>span,.metric-value,.invoice-balance strong,.account-balance,.statement-card-value strong,.metric strong,.plan-price strong,.paper-totals dd,.statement-table td,.count-up-value){font-family:'Fibo Arabic',Tahoma,sans-serif!important;font-variant-numeric:tabular-nums;line-height:1.5}
