@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#20332f;--muted:#7c8883;--green:#26745b;--line:#e7ece8;--bg:#f7f9f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--ink);padding:10px 15px;border-radius:7px;font-weight:600}button:hover{border-color:var(--green);background:#f0f7f1}button.primary{background:var(--green);color:white;border-color:var(--green)}button:disabled{opacity:.45;cursor:not-allowed}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid var(--line);padding:30px 19px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);font:800 23px Manrope;letter-spacing:-1px;gap:9px}.logo{background:#285b47;color:#fff;width:31px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:21px}.dot{color:var(--green);margin-left:-8px}.workspace-label{font-size:10px;letter-spacing:1.4px;color:#9aa39e;margin:33px 12px 12px}select{border:1px solid var(--line);background:white;padding:10px;border-radius:7px;color:var(--ink)}nav{display:grid;gap:5px}nav button{border:0;background:transparent;text-align:left;padding:12px 15px;font-weight:500;color:#78857e}nav button span{display:inline-block;width:28px;font-size:17px}nav button.active{background:#eaf2eb;color:#286149;font-weight:700}.sidebar-bottom{margin-top:auto}.upgrade{padding:18px 14px;background:#f4f7ef;border:1px solid #e9eedf;border-radius:9px;font-size:12px;font-weight:600}.upgrade p{font-weight:400;line-height:1.6;color:var(--muted)}.upgrade button{font-size:12px;width:100%}.person{display:flex;gap:11px;align-items:center;margin:24px 8px 0;font-size:12px}.avatar{border-radius:50%;background:#e9e6d6;padding:11px;font-weight:bold}small{display:block;color:var(--muted);margin-top:5px}main{margin-left:240px}header{height:77px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 15px;color:#c0c8c1}.breadcrumb b{color:#4b5f54;font-weight:500}.header-right{display:flex;align-items:center;gap:15px;font-size:11px}.header-right select{padding:6px}.demo{color:#6b7e6d}.icon{padding:7px 11px}#content{padding:33px 36px;max-width:1650px;margin:auto}.eyebrow{color:#879184;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}h1{font:700 30px Manrope;letter-spacing:-1px;margin:8px 0}h2{font:700 16px Manrope;margin:0}p.subtitle{color:var(--muted);margin:9px 0 0;font-size:13px}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.actions{display:flex;gap:9px;align-items:center}.status{font-size:11px;color:#45825a;display:inline-flex;align-items:center;gap:6px}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:#69a377}.welcome{display:flex;justify-content:space-between;align-items:center;background:#eaf0e4;border:1px solid #dde7d5;border-radius:10px;padding:20px 24px;margin-bottom:22px}.welcome strong{font:600 15px Manrope}.welcome p{font-size:12px;color:#788273;margin:7px 0}.welcome .leaf{font-size:36px;color:#668657}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.metric-name{font-size:12px;color:#7b8981;display:flex;justify-content:space-between}.value{font:700 29px Manrope;margin:14px 0 8px;letter-spacing:-1px}.metric-foot{font-size:11px;color:#8c968e}.pill{padding:4px 7px;background:#edf6ee;color:#448460;border-radius:5px;font-size:10px;white-space:nowrap}.pill.orange{background:#fff3e4;color:#b98740}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:21px;margin-bottom:22px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-head small{font-size:11px}.legend{display:flex;gap:17px;font-size:10px;color:#849087}.legend i{display:inline-block;width:7px;height:7px;margin-right:5px;background:#2e7458;border-radius:50%}.legend i.light{background:#b3cda0}.chart{height:225px;width:100%}.chart text{font:10px 'DM Sans';fill:#9aa49b}.chart line{stroke:#edf0eb}.department{display:grid;grid-template-columns:1fr auto;gap:9px;margin:22px 0;font-size:12px}.bar{height:7px;border-radius:4px;background:#f0f3ec;grid-column:1/-1}.bar i{display:block;height:7px;border-radius:4px;background:#82a682}.department:nth-child(3) .bar i{background:#aec293}.department:nth-child(4) .bar i{background:#d1d8b8}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#9aa49c;font-size:10px;letter-spacing:.5px;font-weight:500;padding:13px 10px;border-bottom:1px solid var(--line);background:#fbfcfa}td{padding:15px 10px;border-bottom:1px solid #f0f3ef}tr:last-child td{border-bottom:0}.amount{font-weight:600;text-align:right}.table-wrap{overflow:auto}.transaction-title{font-weight:500}.badge{font-size:10px;border:1px solid #e3e8dd;border-radius:5px;padding:4px 8px;color:#6b7b60}.tools{display:flex;gap:10px;margin-bottom:19px}.tools input{min-width:220px}.empty{text-align:center;padding:35px;color:var(--muted)}input,textarea{border:1px solid #dde5dc;padding:11px;border-radius:7px;width:100%;background:white;color:var(--ink)}textarea{min-height:200px;font:12px monospace}label.field{display:block;font-size:12px;margin:17px 0}label.field input,label.field select,label.field textarea{margin-top:7px;width:100%}dialog{border:1px solid var(--line);border-radius:14px;padding:27px;width:460px;max-width:95vw;color:var(--ink)}dialog::backdrop{background:#152c2455;backdrop-filter:blur(3px)}dialog h2{font-size:22px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}#toast{position:fixed;bottom:25px;right:25px;background:#254f3d;color:white;padding:14px 22px;border-radius:9px;display:none;z-index:10}.dept-grid,.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dept-card .value{font-size:23px}.dept-card p{font-size:12px;color:var(--muted)}.plan{padding:28px}.plan.selected{border:2px solid var(--green)}.plan ul{padding-left:18px;line-height:2.5;color:#748277;font-size:12px}.plan button{width:100%}.notice{font-size:12px;background:#eff3e8;border:1px solid #e2e9d9;border-radius:7px;padding:14px 17px;line-height:1.7;margin:18px 0;color:#6d7e64}.report-row{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.report-row.total{font-weight:700;border-top:2px solid #93b89a;font-size:18px}footer{font-size:10px;color:#98a198;padding:0 36px 24px;line-height:1.7}.muted{color:var(--muted)}.link{border:0;padding:0;color:var(--green);font-size:11px}.role-note{margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mono{font:12px monospace;word-break:break-all}@media(min-width:1450px){#content{padding-top:40px}}@media(max-width:1100px){aside{width:205px}main{margin-left:205px}#content{padding:25px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.dept-grid{grid-template-columns:repeat(2,1fr)}.header-right .demo{display:none}}@media(max-width:720px){aside{position:static;width:auto;padding:16px}.workspace-label,.sidebar-bottom{display:none}aside select{margin:12px 0}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:9px;font-size:12px}nav button span{display:none}main{margin:0}header{padding:12px;height:auto}.breadcrumb{display:none}.heading{align-items:flex-start;flex-direction:column}#content{padding:20px 14px}.metrics{gap:10px}.card{padding:16px}.value{font-size:24px}.plans,.split,.dept-grid{grid-template-columns:1fr}.welcome{padding:17px}.tools{flex-wrap:wrap}h1{font-size:27px}}
.permission-state{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:5px;background:#f2f4ef;color:#a3aea3}.permission-state.on{color:#26745b;background:#eaf3e8;font-weight:bold}.person-actions{display:flex;gap:14px;white-space:nowrap}.permission-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.permission-options{margin:20px 0;display:grid;gap:10px}.permission-options label{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:13px;border-radius:8px;cursor:pointer}.permission-options input{width:18px;height:18px;accent-color:var(--green)}.danger{color:#b56350}@media(max-width:720px){.permission-guide{grid-template-columns:1fr 1fr}}

.department-ids{margin-top:18px;line-height:2;font-size:12px;color:var(--muted)}

.department-actions{display:flex;gap:8px;flex-wrap:wrap}.employee-performance{margin-top:25px}.performance-head{gap:14px;flex-wrap:wrap}.performance-head .actions{flex-wrap:wrap}.performance-head input[type=month]{width:155px;padding:9px}.performance-table{min-width:1500px}.performance-table th{white-space:nowrap;max-width:145px}.performance-table td{white-space:nowrap}.employee-cell{min-width:155px}.employee-cell .badge{display:table;margin-top:8px}.contribution{color:#26745b;font-weight:700}.contribution.negative{color:#b56350}.performance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:20px 0}.performance-summary span{font-size:12px;color:var(--muted);display:block}.performance-summary b{display:block;font:700 23px Manrope;margin-top:8px}.performance-modal-period{color:var(--muted);font-size:12px;margin:12px 0}.performance-form{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}dialog:has(.performance-table){width:900px}@media(max-width:720px){.performance-summary{grid-template-columns:1fr 1fr}.performance-head .actions{width:100%}.performance-head select{max-width:100%}.performance-form{grid-template-columns:1fr}}
.auth-screen aside,.auth-screen main{display:none}#auth{display:none}.auth-screen #auth{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-card{width:380px;max-width:100%;padding:35px;background:white;border:1px solid var(--line);border-radius:15px}.auth-card h1{margin:35px 0 20px}.auth-card button{width:100%;margin-top:14px}.auth-error{color:#a65643;font-size:12px;line-height:1.6}.is-saving #content button,.is-saving #company,.is-saving #nav{pointer-events:none;opacity:.6}.employee-performance input[readonly]{background:#f3f6f1;color:#6c7d72}#report-month{width:155px}#connection-status{white-space:nowrap}
#language-control{position:fixed;inset-inline-end:24px;top:22px;z-index:30}#language{min-width:70px;padding:7px 9px}header{padding-inline-end:125px}.workspace-settings{max-width:620px}.workspace-settings select{width:100%}.workspace-settings button{margin-top:10px}.header-right{gap:10px;flex-wrap:wrap}#report-currency{padding:7px;max-width:85px}html[dir=rtl] aside{left:auto;right:0;border-right:0;border-left:1px solid var(--line)}html[dir=rtl] main{margin-left:0;margin-right:240px}html[dir=rtl] nav button{text-align:right}html[dir=rtl] th{text-align:right}html[dir=rtl] .brand .dot{margin-left:0;margin-right:-8px}html[dir=rtl] .legend i{margin-right:0;margin-left:5px}html[dir=rtl] .plan ul{padding-left:0;padding-right:18px}.amount,.value,.contribution{unicode-bidi:isolate}input[type=email],input[type=password],input[type=number],input[type=month],.mono,code{direction:ltr}html[dir=rtl] .chart{direction:ltr}html[dir=rtl] #toast{right:auto;left:25px}@media(max-width:1100px){html[dir=rtl] main{margin-right:205px}header{padding-inline-end:115px}}@media(max-width:720px){html[dir=rtl] aside{position:static}html[dir=rtl] main{margin:0}#language-control{top:20px;inset-inline-end:16px}header{padding-inline-end:12px}.header-right{width:100%;font-size:10px}.auth-card{padding:28px}}

aside{overflow-y:auto}html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] .value{font-family:Tahoma,Arial,sans-serif}

.platform-metrics{margin:24px 0;grid-template-columns:repeat(4,minmax(0,1fr))}.platform-metrics>div{background:white;border:1px solid #e4eae6;border-radius:16px;padding:24px}.platform-metrics b{font-size:32px}.platform-home .workspace-label{display:none}.platform-home #nav{margin-top:30px}#return-platform{white-space:nowrap}.platform-home .page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}@media(max-width:800px){.platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.sidebar-bottom{position:relative;padding-top:18px}.profile-trigger{display:flex;align-items:center;gap:11px;width:100%;padding:12px 8px;border:0;text-align:start;background:transparent}.profile-avatar{position:relative;display:flex;flex:none}.profile-avatar .avatar{display:grid;place-items:center;width:40px;height:40px;padding:0}.connection-dot{position:absolute;inset-inline-end:-1px;bottom:0;width:11px;height:11px;border:2px solid white;border-radius:50%;background:#62a879;font-size:0}.connection-dot[data-state=saving]{background:#d6a64e}.connection-dot[data-state=reconnecting]{background:#c57e55}.profile-identity{display:grid;gap:4px;min-width:0;flex:1}.profile-identity #account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.profile-identity #role-label{font-size:11px;color:var(--muted);font-weight:400}.profile-chevron{color:var(--muted)}.profile-menu{position:absolute;bottom:calc(100% + 6px);inset-inline:0;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #20332f18;padding:8px;z-index:50}.profile-menu[hidden]{display:none}.profile-menu button{display:block;width:100%;border:0;background:transparent;text-align:start;padding:12px}.profile-menu button:hover{background:#f0f5f0}.profile-plan-row{display:flex;justify-content:space-between;gap:10px;padding:12px;font-size:12px;border-bottom:1px solid var(--line);margin-bottom:4px}.profile-plan-row[hidden]{display:none}.profile-menu button[hidden]{display:none}.profile-signout{border-top:1px solid var(--line)!important;margin-top:4px}.header-right #preview-name{display:none}.header-right{min-height:36px}@media(max-width:720px){.sidebar-bottom{display:block;margin-top:12px;padding-top:0}.profile-trigger{max-width:260px}.profile-menu{top:calc(100% + 6px);bottom:auto;max-width:300px}}

:root{color-scheme:light}#language-control{display:flex;align-items:center;gap:8px}#theme-toggle{display:grid;place-items:center;width:36px;height:34px;padding:7px;border-radius:7px}header{padding-inline-end:174px}
html[data-theme=dark]{color-scheme:dark;--ink:#ededf0;--muted:#a1a1aa;--green:#d4d4d8;--line:#343439;--bg:#121214}
html[data-theme=dark] :is(aside,header,.card,dialog,.auth-card,.profile-menu){background:#1b1b1f;border-color:var(--line)}
html[data-theme=dark] :is(button,input,select,textarea){background:#222226;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(button:hover,.profile-menu button:hover,.profile-trigger:hover){background:#303036}
html[data-theme=dark] button.primary{background:#e4e4e7;color:#18181b;border-color:#e4e4e7}
html[data-theme=dark] nav button{background:transparent;color:var(--muted)}html[data-theme=dark] nav button.active{background:#2c2c32;color:#f4f4f5}
html[data-theme=dark] :is(th,.performance-summary>div,.platform-metrics>div,.permission-state,.notice,.welcome){background:#242429;border-color:var(--line);color:var(--muted)}
html[data-theme=dark] :is(td,.report-row,.card-head,.profile-plan-row,.permission-options label){border-color:var(--line)}
html[data-theme=dark] :is(.badge,.pill,.permission-state.on){background:#2c2c32;color:#d4d4d8;border-color:#424249}
html[data-theme=dark] .pill.orange{background:#463523;color:#e4be88}
html[data-theme=dark] :is(.person,.avatar){background:#36363c;color:#e4e4e7}html[data-theme=dark] .profile-trigger{background:transparent}html[data-theme=dark] .connection-dot{border-color:#1b1b1f}
html[data-theme=dark] :is(small,.eyebrow,.workspace-label,.metric-name,.dept-card p,.breadcrumb,.plan ul){color:var(--muted)}
html[data-theme=dark] .chart text{fill:#a1a1aa}html[data-theme=dark] .chart line{stroke:#343439}html[data-theme=dark] .chart polyline[stroke="#367457"]{stroke:#d4d4d8}
html[data-theme=dark] .bar{background:#343439}html[data-theme=dark] input[readonly]{background:#28282e;color:#bfbfc7}
html[data-theme=dark] :is(.danger,.negative,.auth-error){color:#eea395}html[data-theme=dark] .profile-menu{box-shadow:0 12px 35px #0005}
@media(max-width:720px){header{padding-inline-end:12px}.header-right{padding-top:4px}#language-control{gap:6px}#theme-toggle{height:33px;width:33px}}
html[data-theme=dark] .breadcrumb b,html[data-theme=dark] .performance-summary b{color:var(--ink)}

html[data-theme=dark] .chart stop{stop-color:#a1a1aa}html[data-theme=dark] .chart polyline[stroke="#b3cda0"]{stroke:#71717a}html[data-theme=dark] .legend i{background:#d4d4d8}html[data-theme=dark] .legend i.light{background:#71717a}html[data-theme=dark] .department .bar i{background:#92929d}html[data-theme=dark] .contribution:not(.negative){color:var(--ink)}
html[data-theme=dark] dialog::backdrop{background:#0009}

.delivery-settings-section{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.delivery-settings-section h3{margin:0 0 16px}.delivery-settings-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0;margin-bottom:12px;border-bottom:1px solid var(--line)}.delivery-settings-row .field{margin:0;min-width:0}.delivery-settings-row input{width:100%;min-width:0}.delivery-settings-row .delivery-remove{justify-self:end;align-self:end;min-height:38px;padding:4px 12px}@media(max-width:600px){.delivery-settings-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.payroll-fields{border:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.payroll-wide{grid-column:1/-1}.payroll-week{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.payroll-week label{display:flex;align-items:center;gap:6px}.payroll-calendar{border:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.payroll-day{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px}.payroll-day select{width:100%;min-width:0}.payroll-fields textarea{width:100%;min-height:65px}.payroll-fields:disabled,.payroll-calendar:disabled{opacity:.85}#payroll-form>.card{margin-bottom:20px}@media(max-width:900px){.payroll-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.payroll-fields,.payroll-calendar{grid-template-columns:1fr}}

.delivery-settings-row .delivery-location-field{grid-column:1/-1}.delivery-settings-row select{width:100%;min-width:0}

.payroll-shifts{margin:20px 0}.payroll-source-day{font-size:12px;color:var(--muted)}.payroll-shifts .card-head{gap:12px;flex-wrap:wrap}