:root{--dark:#073d38;--dark2:#0a5a52;--teal:#11978f;--teal2:#16a6a0;--bg:#f8f7f3;--card:#fff;--ink:#17312e;--muted:#70807c;--border:#e2e9e6;--green:#248c65;--amber:#d9951c;--red:#d44b4b;--shadow:0 10px 32px rgba(25,65,59,.065)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit}button,a,input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px rgba(22,166,160,.2)}
.eyebrow{margin:0;color:var(--teal);font-size:11px;font-weight:800}.logo-box,.brand-logo{display:grid;place-items:center;color:var(--dark);background:#fff;font-weight:900}.alert{margin:0 0 16px;padding:12px 14px;border-radius:10px;font-size:12px}.alert.error{color:#a83f3f;border:1px solid #f1c5c5;background:#fff1f1}.alert.success{color:#247457;border:1px solid #bfe2cf;background:#edf9f2}.primary-btn,.secondary-btn{min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.primary-btn{border:1px solid var(--teal);color:#fff;background:linear-gradient(135deg,var(--teal),var(--dark2));box-shadow:0 6px 18px rgba(17,151,143,.18)}.secondary-btn{border:1px solid var(--border);color:#526c67;background:#fff}
/* Installer and login */
.install-body,.login-body{min-height:100vh;background:#f7f7f4}.install-shell,.login-shell{min-height:100vh;display:grid;grid-template-columns:370px 1fr}.install-aside,.login-brand{padding:48px 38px;color:#fff;background:radial-gradient(circle at 20% 10%,rgba(30,184,173,.42),transparent 28%),linear-gradient(160deg,#0a625a,#063b36)}.install-aside .logo-box,.login-brand .logo-box{width:48px;height:48px;border-radius:14px;font-size:22px}.install-aside .eyebrow,.login-brand .eyebrow{margin-top:80px;color:#76ddd5}.install-aside h1,.login-brand h1{margin:8px 0 14px;font-size:31px;line-height:1.45}.install-aside>p:last-of-type,.login-brand>p:last-of-type{color:rgba(255,255,255,.68);font-size:13px;line-height:1.9}.install-aside ul{margin:35px 0 0;padding:0;display:grid;gap:12px;list-style:none;color:#c7eee8;font-size:12px}.install-aside li:before{content:"✓";margin-left:8px;color:#6de0c2}.install-card,.login-card{width:min(760px,calc(100% - 34px));margin:42px auto;padding:30px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 22px 65px rgba(25,65,59,.09)}.install-card header>span{color:var(--teal);font-size:10px;font-weight:800}.install-card h2,.login-card h2{margin:7px 0 5px;font-size:24px}.install-card header p,.login-card header p{margin:0 0 22px;color:var(--muted);font-size:11px}.install-card h3{margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border);font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label,.login-card label{display:block;color:#536b66;font-size:11px;font-weight:700}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.login-card input{width:100%;height:43px;margin-top:6px;padding:0 11px;border:1px solid var(--border);border-radius:9px;color:var(--ink);background:#fbfcfb}.form-grid input:focus,.form-grid select:focus,.login-card input:focus{border-color:#72c4bc;background:#fff}.form-grid small{margin-top:4px;display:block;color:var(--muted);font-size:9px}.install-submit{width:100%;margin-top:25px}.login-shell{grid-template-columns:1fr 480px}.login-card{align-self:center;margin:0 auto;padding:38px}.login-brand{display:flex;flex-direction:column;justify-content:center}.login-brand .eyebrow{margin-top:55px}.login-card form{display:grid;gap:15px}.login-card .primary-btn{width:100%;margin-top:6px}.brand-mini{color:var(--teal);font-weight:900}.login-help{margin-top:18px;display:block;color:var(--muted);text-align:center}
/* Application shell */
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 0 0 auto;z-index:30;width:248px;min-height:100vh;padding:20px 14px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 30% 0,#0d6a60 0,transparent 33%),linear-gradient(180deg,#084b45,#073d38)}.brand{height:64px;padding:0 10px 17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-logo{width:42px;height:42px;border-radius:13px;font-size:18px}.brand strong,.brand small{display:block}.brand strong{font-size:20px}.brand small{color:rgba(255,255,255,.62);font-size:10px}.mobile-close{display:none;margin-right:auto;border:0;color:#fff;background:transparent;font-size:24px}.sidebar nav{padding:22px 0;display:grid;gap:5px}.nav-link{min-height:47px;padding:0 14px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:11px;color:rgba(255,255,255,.76);text-decoration:none;font-size:13px;font-weight:700}.nav-link:hover{color:#fff;background:rgba(255,255,255,.07)}.nav-link.active{color:#fff;border-color:rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(22,166,160,.3),rgba(255,255,255,.1));box-shadow:inset -3px 0 0 #63d6ce}.nav-link i{width:25px;font-style:normal;font-size:19px;text-align:center}.nav-link b{margin-right:auto;min-width:23px;height:21px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.12);font-size:9px}.system-status{margin-top:auto;padding:13px 11px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.055)}.system-status>span{width:9px;height:9px;border-radius:50%;background:#57d8aa;box-shadow:0 0 0 5px rgba(87,216,170,.12)}.system-status strong,.system-status small{display:block}.system-status strong{font-size:11px}.system-status small{margin-top:2px;color:rgba(255,255,255,.55);font-size:8px}.workspace{width:calc(100% - 248px);margin-right:248px;min-width:0}.topbar{position:sticky;top:0;z-index:20;height:75px;padding:0 28px;display:grid;grid-template-columns:1fr minmax(300px,520px) 1fr;align-items:center;gap:20px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.company-info{display:flex;align-items:center;gap:10px}.company-info strong,.company-info small{display:block}.company-info strong{font-size:13px}.company-info small{margin-top:3px;color:var(--muted);font-size:9px}.menu-btn{display:none;width:39px;height:39px;border:1px solid var(--border);border-radius:10px;background:#fff}.top-search{height:41px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:11px;color:var(--muted);background:#fbfcfb}.top-search input{width:100%;border:0;background:transparent;font-size:11px}.profile{justify-self:end;display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--teal),var(--dark));font-size:11px;font-weight:900}.profile strong,.profile small{display:block}.profile strong{font-size:10px}.profile small{margin-top:2px;color:var(--muted);font-size:8px}.profile>a{margin-right:6px;color:#79908b;text-decoration:none}.main-content{width:100%;max-width:1600px;margin:0 auto;padding:27px 30px 40px}.page-heading{margin-bottom:20px}.page-heading h1{margin:3px 0 0;font-size:30px}.page-heading>div>p:last-child:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:12px}.panel{border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.app-footer{padding:15px 30px;color:#80918d;font-size:9px;text-align:center}.menu-overlay{display:none}
/* Dashboard */
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metrics article{min-height:125px;padding:18px;display:flex;align-items:flex-start;gap:13px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.metrics i{flex:0 0 auto;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:20px;font-style:normal}.tone-teal{color:#0c8f88;background:#e4f5f3}.tone-amber{color:#cf830e;background:#fff3df}.tone-green{color:#219965;background:#e8f5ed}.tone-blue{color:#407ba3;background:#e9f2f7}.metrics span,.metrics strong,.metrics em{display:block}.metrics span{color:var(--muted);font-size:10px;font-weight:700}.metrics strong{margin:5px 0;font-size:25px}.metrics small{font-size:8px}.metrics em{color:var(--green);font-size:8px;font-style:normal}.dashboard-grid{margin-top:14px;display:grid;grid-template-columns:1.45fr 1fr;gap:14px}.panel>header{padding:17px 19px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border)}.panel header h2{margin:0;font-size:14px}.panel header p{margin:4px 0 0;color:var(--muted);font-size:9px}.panel header button{padding:6px 9px;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:#fff;font-size:9px}.line-chart{height:215px;padding:28px 25px 0;display:flex;align-items:flex-end;justify-content:space-around;gap:6%;background:repeating-linear-gradient(0deg,transparent 0 52px,#edf1ef 53px)}.line-chart span{width:9%;min-height:20px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,var(--teal2),#0b7770);box-shadow:0 8px 18px rgba(17,151,143,.16)}.month-labels{padding:8px 25px 15px;display:flex;justify-content:space-around;color:#7e8e8a;font-size:8px}.profit-panel{padding-bottom:17px}.profit-row{padding:7px 18px;display:grid;grid-template-columns:105px 1fr 42px;align-items:center;gap:9px;font-size:9px}.profit-row i{height:8px;overflow:hidden;border-radius:5px;background:#edf1ef}.profit-row b{height:100%;display:block;border-radius:inherit;background:var(--teal2)}.profit-row b.warning{background:var(--amber)}.profit-row b.danger{background:var(--red)}.profit-row strong{direction:ltr}.approvals{margin-top:14px;overflow:hidden}.approvals header a{color:var(--teal);font-size:9px;font-weight:800;text-decoration:none}.responsive-table{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px 15px;border-bottom:1px solid #edf1ef;text-align:right;font-size:9px}th{color:#768783;background:#fbfcfb}tbody tr:last-child td{border-bottom:0}.chip{padding:5px 8px;display:inline-flex;border-radius:7px;color:#60736f;background:#eef2f0;font-size:8px;font-weight:700}.chip.success{color:#237858;background:#e9f6ef}.chip.warning{color:#aa7415;background:#fff5e4}.chip.danger{color:#b94646;background:#fff0f0}.system-mini{margin-top:12px;display:flex;gap:7px}.system-mini span{padding:7px 10px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:#fff;font-size:8px}
/* Settings and forms */
.readiness{padding:20px;display:flex;align-items:center;gap:15px;border:1px solid #c8e5e1;border-radius:15px;background:linear-gradient(100deg,#effaf8,#fff)}.readiness div{flex:1}.readiness strong{font-size:13px}.readiness p{margin:4px 0 0;color:var(--muted);font-size:10px}.readiness b{width:52px;height:52px;display:grid;place-items:center;border:5px solid var(--teal2);border-radius:50%;color:var(--teal);font-size:10px}.settings-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-grid>a{min-height:145px;padding:19px;display:flex;align-items:flex-start;gap:13px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow);text-decoration:none}.settings-grid>a:hover{transform:translateY(-2px);border-color:#bdded9}.settings-grid i{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:var(--teal);background:#e7f6f4;font-size:20px;font-style:normal}.settings-grid h2{margin:1px 0 6px;font-size:13px}.settings-grid p{margin:0;color:var(--muted);font-size:10px}.settings-grid small{margin-top:17px;display:block;color:var(--teal);font-size:8px;font-weight:800}.form-card{padding:20px}.form-card>header{padding:0 0 15px}.form-card>.form-grid{padding:17px 0}.form-card footer{display:flex;gap:8px}.quick-add{margin-bottom:14px;padding:0 18px 18px}.quick-add summary{padding:16px 0;color:var(--teal);font-size:11px;font-weight:800;cursor:pointer}.quick-add form>.primary-btn{margin-top:14px}.checks{display:flex!important;align-items:center;gap:14px}.checks span{display:flex;align-items:center;gap:5px}.checks input{width:auto;height:auto;margin:0}.data-card{overflow:hidden}.user-cell{display:flex;align-items:center;gap:9px}.user-cell>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,var(--teal),var(--dark));font-weight:900}.user-cell strong,.user-cell small{display:block}.user-cell small{margin-top:2px;color:var(--muted);direction:ltr}.period-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.period-card{padding:15px}.period-card.open{border-color:#bce0da}.period-card>header{padding:0;border:0}.period-card>header b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#71847f;background:#eef3f1;font-size:8px}.period-card.open>header span{color:var(--teal)}.period-card h2{margin:13px 0 4px;font-size:13px}.period-card>p{margin:0;color:var(--muted);font-size:8px;direction:ltr;text-align:right}.period-card>footer{margin-top:15px;display:flex;align-items:center;justify-content:space-between}.period-card form{margin:0}.period-card form button{border:0;color:var(--teal);background:transparent;font-size:8px;cursor:pointer}.accounts-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;align-items:start}.account-list{max-height:660px;overflow-y:auto;padding:7px}.account-list>header{position:sticky;top:-7px;z-index:1;background:#fff}.account-list>header span{color:var(--muted);font-size:8px}.account-row{width:100%;min-height:40px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:8px;border:0;border-radius:8px;color:#4b625e;background:transparent;text-align:right;cursor:pointer}.account-row:hover,.account-row.selected{color:var(--dark);background:#e9f7f5}.account-row code{color:#5d7c75;direction:ltr;text-align:right}.account-row small{padding:3px 6px;border-radius:5px;background:#fff;font-size:7px}.account-detail{padding:20px}.account-detail h2{margin:3px 0;font-size:18px}.account-detail code{color:var(--teal)}.detail-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.detail-grid div{padding:11px;border:1px solid #edf1ef;border-radius:9px;background:#fbfcfb}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:var(--muted);font-size:8px}.detail-grid strong{margin-top:4px;font-size:10px}.dimension-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}.dimension-tags span{padding:6px 8px;border-radius:7px;color:#7d8d89;background:#f0f3f2;font-size:8px}.dimension-tags span.on{color:var(--teal);background:#e7f6f4}.muted{color:var(--muted);font-size:10px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.period-grid{grid-template-columns:repeat(3,1fr)}.topbar{grid-template-columns:1fr 1fr auto}.profile>div{display:none}}
@media(max-width:900px){.sidebar{transform:translateX(105%);transition:.2s}.sidebar.open{transform:translateX(0)}.mobile-close,.menu-btn{display:grid}.menu-overlay{position:fixed;inset:0;z-index:25;border:0;background:rgba(4,35,32,.45);opacity:0;pointer-events:none;display:block}.menu-overlay.open{opacity:1;pointer-events:auto}.workspace{width:100%;margin:0}.dashboard-grid,.accounts-layout{grid-template-columns:1fr}.install-shell{grid-template-columns:300px 1fr}.login-shell{grid-template-columns:1fr 430px}}
@media(max-width:680px){.install-shell,.login-shell{display:block}.install-aside,.login-brand{min-height:auto;padding:25px}.install-aside .eyebrow,.login-brand .eyebrow{margin-top:35px}.install-aside h1,.login-brand h1{font-size:24px}.install-card,.login-card{width:calc(100% - 24px);margin:12px auto;padding:20px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.topbar{height:67px;padding:0 13px;grid-template-columns:1fr auto}.top-search{position:absolute;top:76px;left:13px;right:13px;box-shadow:var(--shadow)}.main-content{padding:70px 13px 28px}.metrics,.settings-grid,.period-grid{grid-template-columns:1fr}.page-heading h1{font-size:25px}.company-info small{display:none}.profile>div{display:none}.checks{align-items:flex-start;flex-direction:column}.system-mini{flex-wrap:wrap}}
/* v3 navigation, notifications and extended forms */
.sidebar nav{min-height:0;flex:1}
.sidebar nav{padding:12px 0;gap:3px;overflow-y:auto;scrollbar-width:thin}.nav-link{min-height:39px;padding:0 11px;gap:9px;font-size:10.5px}.nav-link i{width:21px;font-size:15px}.system-status{margin-top:7px;padding:9px}.notification-link{position:relative!important;margin:0!important;text-decoration:none;font-size:20px}.notification-link b{position:absolute;top:-8px;left:-9px;min-width:18px;height:18px;padding:0 3px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--red);font-size:8px}.form-grid textarea{width:100%;margin-top:6px;padding:10px 11px;border:1px solid var(--border);border-radius:9px;color:var(--ink);background:#fbfcfb;resize:vertical}.form-grid textarea:focus{border-color:#72c4bc;background:#fff}.kpi-grid{padding:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.kpi-card{padding:13px;border:1px solid var(--border);border-radius:11px;background:#fbfcfb}.kpi-card small,.kpi-card strong{display:block}.kpi-card small{color:var(--muted);font-size:8px}.kpi-card strong{margin-top:5px;font-size:16px}.data-card td form{display:inline-flex;align-items:center;gap:4px;margin:2px}.data-card td form input,.data-card td form select{max-width:135px}.data-card td a{color:var(--teal);font-weight:700}.wide{grid-column:1/-1}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.kpi-grid{grid-template-columns:1fr}.sidebar{padding-bottom:10px}}
