/* SM Workspace · Arabic-first presentation layer. No form or business behavior is replaced. */
html.sm-modern{--sm-ink:#19363f;--sm-muted:#71818a;--sm-green:#27765d;--sm-navy:#122c35;--sm-line:#e3e9ec;--sm-surface:#fff;--sm-bg:#f5f7f8;--sm-radius:16px;--sm-sidebar:248px;scroll-behavior:smooth;background:var(--sm-bg)}
.sm-modern *, .sm-modern *::before,.sm-modern *::after{box-sizing:border-box}
.sm-modern body{font-family:'Cairo',Tahoma,Arial,sans-serif!important;color:var(--sm-ink)!important;font-size:14px;line-height:1.8;direction:rtl}
.sm-modern body.sm-workspace{display:block!important;width:auto!important;max-width:none!important;height:auto!important;min-height:100vh;margin:0!important;padding:108px 284px 28px 36px!important;background:var(--sm-bg)!important;overflow-x:clip;text-align:right!important}
.sm-modern button,.sm-modern input,.sm-modern select,.sm-modern textarea{font-family:inherit!important;font-size:14px}
.sm-modern button,.sm-modern a,.sm-modern input,.sm-modern select,.sm-modern textarea{touch-action:manipulation}
.sm-modern a{color:var(--sm-green);text-decoration:none}
.sm-modern button{cursor:pointer}
.sm-modern :focus-visible{outline:3px solid #4c9d82!important;outline-offset:4px}
.sm-modern [hidden]{display:none!important}
.sm-modern h1,.sm-modern h2,.sm-modern h3{color:var(--sm-ink);line-height:1.65}
.sm-modern .sm-icon{width:22px;height:22px;flex:0 0 22px;vertical-align:middle}
.sm-modern .sm-skip{position:fixed;z-index:20000;top:-100px;right:280px;padding:12px 24px;background:white;border:2px solid var(--sm-green);border-radius:10px}
.sm-modern .sm-skip:focus{top:12px}
.sm-content-anchor{position:absolute;width:0;height:0;overflow:hidden}
.sm-modern .sm-sidebar{position:fixed;inset:0 0 0 auto;width:var(--sm-sidebar);height:100dvh;background:var(--sm-navy);z-index:1100;padding:34px 18px 0;display:flex;flex-direction:column;color:#d1dde0;box-shadow:none;text-align:right}
.sm-modern .sm-brand{display:flex;align-items:center;gap:12px;color:white;padding:0 12px 34px;background:none!important;border:0;margin:0}
.sm-brand-mark{position:relative;display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:#b1e1c8;color:#123c36;font:bold 21px/1 Arial,sans-serif;letter-spacing:-1px}
.sm-brand-mark>span{position:absolute;bottom:9px;left:10px;width:7px;height:2px;background:#27765d;border-radius:2px}
.sm-brand-copy{display:flex;flex-direction:column;gap:4px;text-align:left}
.sm-brand-copy>b{color:#fff;font:700 17px/1.2 Arial,sans-serif;direction:ltr;letter-spacing:1px;white-space:nowrap}
.sm-brand-copy>b>span{font-size:10px;font-weight:400;letter-spacing:1.5px;opacity:.65}
.sm-brand-copy>small{font-size:10px;letter-spacing:0;color:#a2b8be;direction:rtl;text-align:right}
.sm-modern .sm-nav-label{padding:0 18px;margin:5px 0 15px;color:#7f9ca5;font-size:11px;font-weight:600}
.sm-modern .sm-main-nav{display:flex;flex-direction:column;gap:6px;padding:0;margin:0;text-align:right;background:none}
.sm-modern .sm-main-nav .sm-nav-link{position:relative;display:flex;gap:13px;align-items:center;min-height:48px;margin:0;padding:12px 17px;background:transparent;border:0;border-radius:10px;color:#adbec4;font-size:13px;font-weight:600;transition:background .18s,color .18s;box-shadow:none}
.sm-modern .sm-main-nav .sm-nav-link .sm-icon{width:19px;height:19px;flex-basis:19px;opacity:.9}
.sm-modern .sm-main-nav .sm-nav-link:hover{background:#1c3c46;color:white;transform:none}
.sm-modern .sm-main-nav .sm-nav-link.is-active{background:#294b4d;color:#c6f0d8}
.sm-modern .sm-nav-link>i{width:5px;height:5px;border-radius:50%;background:#91d7af;margin-right:auto}
.sm-sidebar-bottom{margin-top:auto;padding:24px 10px 0}
.sm-mobile-promo{position:relative;background:#1c3b44;border:1px solid #2c4b54;border-radius:13px;padding:17px 16px;margin-bottom:24px;overflow:hidden}
.sm-mobile-promo::after{content:'';position:absolute;width:110px;height:110px;border:1px solid #36544e;border-radius:50%;left:-64px;top:-54px;pointer-events:none}
.sm-promo-icon{display:flex;align-items:center;margin-bottom:12px;color:#afdcbf}
.sm-modern .sm-mobile-promo>b{display:block;color:#e2eeea;font-size:12px;font-weight:700}
.sm-modern .sm-mobile-promo>p{font-size:11px;line-height:1.9;color:#96adb4;margin:7px 0 15px}
.sm-modern .sm-mobile-promo>.sm-install{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0 0;background:transparent;color:#b6e2c9;font-size:11px;border:0;border-top:1px solid #36515a;border-radius:0;box-shadow:none}
.sm-mobile-promo>.sm-install>.sm-icon{width:16px;height:16px;flex-basis:16px}
.sm-user{display:flex;align-items:center;gap:10px;padding:19px 0 24px;border-top:1px solid #2a4650}
.sm-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#294b55;color:#b7d4d5;flex:0 0 36px}
.sm-avatar>.sm-icon{width:18px;height:18px}
.sm-user>span:nth-child(2){display:flex;flex-direction:column}
.sm-user b{font-size:11px;color:#e2ecee;font-weight:600}
.sm-user small{font-size:10px;color:#8da9b0}
.sm-modern .sm-user>a{color:#a4b8bd;margin-right:auto;background:none;padding:6px;line-height:1}
.sm-user>a>.sm-icon{width:18px;height:18px}
.sm-modern .sm-topbar{position:fixed;top:0;right:248px;left:0;height:77px;padding:0 36px;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--sm-line);background:rgba(255,255,255,.97);color:var(--sm-ink)}
.sm-topbar-title,.sm-topbar-tools{display:flex;align-items:center;gap:16px;min-width:0}
.sm-topbar-title{font-size:12px;gap:13px}
.sm-topbar-home{color:#7e9098;white-space:nowrap}
.sm-divider{color:#c4cfd4}
.sm-topbar-title>strong{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px}
.sm-modern .sm-search-trigger{display:flex;gap:10px;align-items:center;padding:9px 12px;min-width:210px;border:1px solid #e7edef;background:#f8fafb;color:#7c8e96;border-radius:8px;box-shadow:none;font-size:11px;margin:0}
.sm-search-trigger>.sm-icon{width:16px;height:16px;flex-basis:16px}
.sm-search-trigger kbd{font:10px Arial,sans-serif;color:#a1afb5;border:1px solid #dfe7eb;border-radius:4px;padding:3px 4px;margin-right:auto;direction:ltr}
.sm-modern .sm-top-install{display:flex;gap:7px;align-items:center;padding:8px 0;margin:0;font-size:11px;font-weight:600;color:#536d78;background:none;border:none;border-radius:0;box-shadow:none}
.sm-top-install>.sm-icon{width:16px;height:16px;flex-basis:16px}
.sm-top-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #d2e4da;background:#e6f1eb;border-radius:50%;color:#356e57;font:700 11px Arial,sans-serif}
.sm-modern .sm-icon-button{display:inline-grid;place-items:center;width:36px;height:36px;min-height:36px;border:1px solid var(--sm-line);border-radius:9px;background:white;color:var(--sm-ink);padding:6px;margin:0;box-shadow:none}
.sm-modern .sm-menu-toggle,.sm-modern .sm-sidebar-close,.sm-modern .sm-mobile-nav,.sm-modern .sm-overlay{display:none}
.sm-modern .sm-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:5px 0 31px;padding:0;background:none;border:0;box-shadow:none;text-align:right}
.sm-modern .sm-eyebrow{font-size:11px;color:#6b8586;font-weight:600;letter-spacing:.2px}
.sm-modern .sm-intro h1{margin:8px 0 7px;font-size:29px;font-weight:800;letter-spacing:-.9px;color:#193740}
.sm-modern .sm-intro p{color:#7c8e96;font-size:12px;margin:0;line-height:1.9}
.sm-date{display:flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid #e1e9ec;border-radius:11px;background:white;white-space:nowrap;box-shadow:0 2px 4px #17343d02}
.sm-date>.sm-icon{color:#739087;width:21px;height:21px}
.sm-date>span{display:flex;flex-direction:column}
.sm-date small{color:#93a1a7;font-size:9px}
.sm-date time{color:#4a626e;font-size:11px;font-weight:600}
.sm-section-caption{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.sm-modern .sm-section-caption h2{font-size:15px;font-weight:700;margin:0}
.sm-section-caption>span{font-size:10px;color:#8a9ca4}
/* Keep original elements, IDs, handlers, forms and content in place. */
.sm-modern .sm-workspace>header{background:transparent!important;box-shadow:none!important;text-align:right!important;padding:0 0 20px!important;color:var(--sm-ink)!important;border:0;margin:0}
.sm-modern .sm-workspace>header h1{font-size:24px;color:var(--sm-ink)!important;margin:0 0 12px;letter-spacing:-.6px}
.sm-modern .sm-hub>header>h1{display:none}
.sm-modern .sm-home>header{padding:0!important;margin:0 0 28px!important}
.sm-modern .sm-home .menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;justify-content:stretch;margin:0!important;text-align:right}
.sm-modern .sm-home .menu>a{display:flex;flex-direction:column;position:relative;align-items:flex-start;gap:0;min-height:188px;padding:23px!important;border:1px solid #e2e9ec!important;background:white!important;color:var(--sm-ink)!important;border-radius:15px!important;font-size:15px!important;font-weight:700;box-shadow:0 3px 6px #19363f02!important;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;margin:0!important;text-align:right;line-height:1.7}
.sm-modern .sm-home .menu>a:hover{border-color:#91b6a9!important;transform:translateY(-3px);box-shadow:0 8px 20px #183e2b08!important}
.sm-card-icon{display:grid;place-items:center;width:44px;height:44px;background:#eaf3ec;color:#357658;border-radius:12px;margin-bottom:20px}
.sm-modern .sm-card-icon>.sm-icon{width:23px;height:23px}
.sm-modern .menu>a[data-sm-section="expenses"] .sm-card-icon{color:#5473a1;background:#edf2fa}
.sm-modern .menu>a[data-sm-section="inventory"] .sm-card-icon{color:#a5843b;background:#faf4e6}
.sm-modern .menu>a[data-sm-section="hr"] .sm-card-icon{color:#8a6cac;background:#f4eef9}
.sm-modern .menu>a[data-sm-section="costs"] .sm-card-icon{color:#4f8d9c;background:#eaf5f7}
.sm-modern .menu>a[data-sm-section="external"] .sm-card-icon{color:#7b8790;background:#f0f3f5}
.sm-modern .sm-card-description{display:block;font-size:10px;font-weight:400;color:#8c9ba2;margin-top:7px;line-height:1.9}
.sm-modern .sm-card-arrow{position:absolute;top:30px;left:24px;color:#adbbc1}
.sm-card-arrow>.sm-icon{width:17px;height:17px}
.sm-modern .sm-workspace>main,.sm-modern .sm-workspace>.container,.sm-modern .sm-workspace>.wrap{max-width:none!important;width:100%!important;padding:27px!important;margin:0 0 24px!important;background:white!important;border:1px solid var(--sm-line);border-radius:var(--sm-radius)!important;box-shadow:0 3px 6px #19363f02!important;min-width:0;text-align:right}
.sm-modern .sm-workspace>main h2{font-size:20px;margin-top:0;color:var(--sm-ink)!important}
.sm-modern .sm-workspace>main>p,.sm-modern .sm-workspace>main>section>p{font-size:13px;color:var(--sm-muted)}
.sm-modern .sm-home>main{position:relative;padding:26px!important;margin-top:8px!important;text-align:right!important}
.sm-modern .sm-home>main>h2{font-size:17px;margin:0 0 8px}
.sm-modern .sm-home>main>p{font-size:11px;max-width:750px;line-height:2;margin:0 0 18px}
.sm-modern .sm-home>main>a{font-size:11px!important;padding:9px 14px!important;margin:5px 0 0 7px!important;border-radius:8px!important;border:1px solid #dfe8e4!important;background:#f6faf8!important;color:#36785d!important;box-shadow:none!important}
.sm-modern .sm-home>main>a.logout-btn{background:transparent!important;border-color:#efdeda!important;color:#a66d60!important}
.sm-modern .sm-hub:not(.sm-home)>header>nav{margin:0}
.sm-modern .sm-hub:not(.sm-home)>header>nav ul{margin:0;padding:0;text-align:right}
.sm-modern .sm-hub:not(.sm-home)>header>nav li{margin:0}
.sm-modern .sm-hub:not(.sm-home)>header>nav a{font-size:11px;padding:5px 0;color:#678779!important;background:transparent!important}
.sm-modern .sm-hub:not(.sm-home)>main{padding:30px!important;min-height:290px}
.sm-modern .sm-hub:not(.sm-home) main nav ul{display:flex;flex-wrap:wrap;gap:14px;padding:0;text-align:right}
.sm-modern .sm-hub:not(.sm-home) main nav li{margin:0;list-style:none}
.sm-modern .sm-hub:not(.sm-home) main .button,.sm-modern .warehouse-buttons a,.sm-modern .sm-hub:not(.sm-home) main nav li>a{min-height:58px!important;padding:15px 22px!important;border-radius:12px!important;font-size:13px!important;background:#f0f6f3!important;border:1px solid #dbe9e1!important;color:#28674f!important;box-shadow:none!important;margin:4px 0 4px 8px!important;text-align:center}
.sm-modern .sm-hub:not(.sm-home) main .button:hover,.sm-modern .warehouse-buttons a:hover{background:#e3f0e8!important}
.sm-modern .sm-workspace>footer{position:static!important;background:none!important;color:#97a5ac!important;font-size:10px!important;padding:12px 0!important;margin:5px 0 0!important;border:0!important;box-shadow:none!important;width:100%!important;text-align:center!important}
.sm-modern .sm-workspace>footer p{margin:0}
.sm-modern .sm-workspace button:not([class^="sm-"]):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out),.sm-modern .sm-workspace input[type=submit],.sm-modern .sm-workspace .button,.sm-modern .sm-workspace .btn{border-radius:9px;min-height:38px;line-height:1.7;font-size:13px}
.sm-modern .sm-workspace button:not([class^="sm-"]):not([style*="background"]):not(.danger):not(.delete-btn):not(.btn-danger):not(.close):not([aria-label]):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out){background-color:var(--sm-green);color:#fff;border:1px solid transparent}
.sm-modern .sm-workspace input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=color]):not([type=file]):not([type=range]),.sm-modern .sm-workspace select,.sm-modern .sm-workspace textarea,.sm-modern .sm-auth input:not([type=checkbox]):not([type=hidden]){max-width:100%;min-height:43px;border:1px solid #dce5e8!important;border-radius:9px!important;background-color:#fff;color:var(--sm-ink);box-shadow:0 1px 2px #0f364003;padding:9px 12px;line-height:1.7;font-size:13px;transition:border-color .2s,box-shadow .2s}
.sm-modern .sm-workspace input:focus,.sm-modern .sm-workspace select:focus,.sm-modern .sm-workspace textarea:focus{border-color:#83b59b!important;box-shadow:0 0 0 3px #27765d0d}
.sm-modern input[type=checkbox],.sm-modern input[type=radio]{accent-color:var(--sm-green);width:17px;height:17px;vertical-align:middle;flex-shrink:0;min-height:0}
.sm-modern input[type=date],.sm-modern input[type=number],.sm-modern input[type=email],.sm-modern input[type=tel]{direction:ltr;text-align:right}
.sm-modern .sm-workspace label{font-size:12px;color:#48616c}
.sm-modern .sm-workspace fieldset{border:1px solid var(--sm-line);border-radius:12px}
.sm-modern .sm-workspace legend{font-weight:700;font-size:12px;color:#3f6556}
.sm-modern .sm-table-scroll{max-width:100%;width:100%;overflow:auto;border:1px solid var(--sm-line);border-radius:12px;margin:18px 0;background:white;scrollbar-width:thin;scrollbar-color:#bccdc7 #f4f7f5;overscroll-behavior-inline:contain}
.sm-modern .sm-workspace table{border-collapse:separate!important;border-spacing:0!important;max-width:none;font-size:12px;border:0!important;margin:0!important;background:white}
.sm-modern .sm-workspace table th{background:#eff4f2!important;color:#587167!important;font-weight:700!important;white-space:nowrap;font-size:11px;padding:14px 13px!important;border:0!important;border-bottom:1px solid #dfe9e4!important;line-height:1.8}
.sm-modern .sm-workspace table td{border:0!important;border-bottom:1px solid #edf1f3!important;padding:13px!important;color:#3f5762;background:inherit;line-height:1.8}
.sm-modern .sm-workspace table tr:last-child td{border-bottom:0!important}
.sm-modern .sm-workspace table tbody tr:nth-child(even){background:#fbfcfc}
.sm-modern .sm-workspace table tr:hover>td{background-color:#f2f7f4}
.sm-modern .sm-workspace table td a{font-size:12px}
.sm-modern .sm-workspace table tfoot td{background:#edf5f0!important;color:#2b644b!important;font-weight:700}
.sm-modern .sm-workspace .success-message,.sm-modern .sm-workspace .error-message,.sm-modern .sm-workspace .notice{border-radius:10px;padding:12px 16px;line-height:1.9}
.sm-modern .sm-workspace .success-message{background:#edf8f0;color:#28704e;border:1px solid #d7eada}
.sm-modern .sm-workspace .error-message{background:#fff1ef;color:#a4483b;border:1px solid #f4dcd7}
.sm-modern .sm-workspace .modal{z-index:1500}
.sm-modern .sm-workspace .modal-content,.sm-modern .sm-workspace .modal-content2{border-radius:16px;max-width:calc(100vw - 32px);max-height:88dvh;overflow:auto}
.sm-modern .sm-workspace .matching-main{margin:0!important}
.sm-modern .sm-workspace .matching-menu{gap:8px;margin-bottom:25px!important}
.sm-modern .sm-workspace .matching-menu>a{background:#f0f5f2!important;color:#46745d!important;font-size:12px!important;border:1px solid #dfebe3;border-radius:9px;margin:0;padding:8px 13px}
.sm-modern .sm-workspace .matching-menu>a.active{background:var(--sm-green)!important;color:white!important}
.sm-modern .sm-workspace .map-panel{border-color:var(--sm-line);border-radius:13px}
.sm-modern .sm-workspace .customer-map-main{padding:22px!important}
.sm-modern .sm-connection{background:#fff4db;border:1px solid #ecdda8;color:#816b28;border-radius:10px;padding:12px 18px;margin-bottom:20px;font-size:12px}
/* Dialogs and installation */
.sm-modern dialog.sm-command-dialog,.sm-modern dialog.sm-install-dialog{position:fixed;inset:0;margin:auto;padding:25px;border:1px solid var(--sm-line);border-radius:20px;background:white;color:var(--sm-ink);width:min(530px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-shadow:0 24px 100px #122c3533;text-align:right;z-index:10000;font:14px/1.8 'Cairo',Tahoma,sans-serif}
.sm-modern dialog::backdrop{background:#102d3e80;backdrop-filter:blur(4px)}
.sm-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.sm-modern .sm-dialog-heading>h2{font-size:17px;margin:0;color:var(--sm-ink)}
.sm-modern .sm-dialog-heading>.sm-icon-button{border:0;background:#f4f7f6}
.sm-modern .sm-command-search{display:flex;align-items:center;gap:12px;border:1px solid var(--sm-line);border-radius:10px;padding:0 12px;margin:0 0 14px}
.sm-command-search>.sm-icon{color:#859a91;width:19px;height:19px}
.sm-modern .sm-command-search>input{border:0;background:none;min-width:0;width:100%;font-size:13px;min-height:48px;color:var(--sm-ink);padding:10px 0}
.sm-command-results{display:flex;flex-direction:column;gap:4px}
.sm-modern .sm-command-results>a{display:flex;align-items:center;gap:13px;background:white;color:var(--sm-ink);border:0;border-radius:9px;min-height:48px;margin:0;padding:10px;font-size:13px}
.sm-modern .sm-command-results>a:hover,.sm-modern .sm-command-results>a:focus{background:#eef5f0}
.sm-command-results>a>.sm-icon{color:#588270}
.sm-command-dialog>small{display:block;color:#94a3aa;font-size:10px;margin-top:16px}
.sm-install-dialog{text-align:center!important}
.sm-install-art{display:grid;place-items:center;width:95px;height:95px;border-radius:26px;background:#eaf4ed;margin:24px auto;color:var(--sm-green)}
.sm-install-art>.sm-icon{width:56px;height:56px;stroke-width:1.2}
.sm-install-instructions{font-size:13px;color:#6b8088;line-height:2.1}
.sm-install-note{font-size:11px;color:#8b9ba3;border-top:1px solid var(--sm-line);padding-top:18px;margin-top:25px}
.sm-modern .sm-install-native{min-height:45px;padding:10px 25px;border-radius:10px;background:var(--sm-green);color:white;border:0;font-size:13px;font-weight:700}
/* Authentication */
.sm-modern body.sm-auth{display:flex!important;align-items:center;justify-content:flex-start;min-height:100dvh;height:auto!important;margin:0!important;padding:110px 8% 60px!important;background:#f7f9f8!important;position:relative}
.sm-auth-brand{position:absolute;top:40px;right:8%;z-index:2;display:flex;align-items:center;gap:12px}
.sm-auth-story{position:absolute;inset:0 auto 0 0;width:55%;padding:150px 65px 50px;background:var(--sm-navy);overflow:hidden;color:#bcd0d2;display:flex;flex-direction:column}
.sm-auth-story>.sm-eyebrow{color:#9cc8b4;font-size:12px}
.sm-modern .sm-auth-story>h1{font-size:38px;font-weight:800;letter-spacing:-1px;color:#f1f7f3;line-height:1.8;margin:17px 0}
.sm-auth-story>p{font-size:13px;line-height:2.2;color:#9db5bd;margin:0}
.sm-auth-features{display:flex;flex-direction:column;gap:13px;margin:30px 0}
.sm-auth-features>span{display:flex;gap:11px;align-items:center;font-size:11px;color:#b3cdc2}
.sm-auth-features .sm-icon{width:18px;height:18px}
.sm-auth-caption{margin-top:auto;font-size:10px;color:#6e8b95;z-index:1}
.sm-orbit{position:absolute;width:330px;height:330px;border:1px solid #2e4b51;border-radius:50%;left:-40px;bottom:-90px;transform:rotate(-25deg);display:grid;place-items:center}
.sm-orbit::before,.sm-orbit::after{content:'';position:absolute;border:1px solid #2e4b51;width:230px;height:230px;border-radius:50%}
.sm-orbit::after{width:450px;height:450px;border-color:#243f48}
.sm-orbit>span{font:700 65px Arial,sans-serif;color:#294e50;letter-spacing:-6px}
.sm-orbit>i{width:14px;height:14px;background:#629b7c;border:3px solid #17383f;border-radius:50%;position:absolute;top:52px;right:30px}
.sm-orbit>i:nth-of-type(2){width:10px;height:10px;top:90px;left:60px;right:auto;background:#d6c38e}
.sm-orbit>i:nth-of-type(3){width:11px;height:11px;top:170px;right:-5px;background:#87aaa9}
.sm-modern .sm-auth>.login-container{position:relative;width:calc(45% - 40px)!important;max-width:410px!important;padding:32px 5px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;animation:none;text-align:right!important}
.sm-modern .sm-auth .login-container h2{font-size:26px!important;text-align:right!important;color:var(--sm-ink)!important;font-weight:800;margin:0 0 30px}
.sm-auth .login-container:has(form[action="login.php"]) h2::after{content:'مرحبًا بعودتك. سجّل دخولك للمتابعة.';display:block;font-size:12px;font-weight:400;color:#84969c;margin-top:10px}
.sm-modern .sm-auth .form-group{margin-bottom:20px}
.sm-modern .sm-auth .form-group label{font-size:12px!important;font-weight:600;color:#47616c}
.sm-modern .sm-auth .form-group input:not([type=checkbox]){width:100%;min-height:49px;padding:12px 14px!important;background:white!important}
.sm-modern .sm-auth .checkbox-group{display:flex;flex-direction:row!important;align-items:center!important;gap:9px}
.sm-modern .sm-auth .checkbox-group input{margin:0}
.sm-modern .sm-auth .checkbox-group label{font-weight:400;font-size:11px!important;margin:0;color:#7c8e96}
.sm-modern .sm-auth .login-btn{width:100%;padding:13px!important;background:#27765d!important;color:white;border:0!important;border-radius:10px!important;font-size:13px!important;min-height:49px;font-weight:700;margin-top:5px;box-shadow:0 5px 12px #27765d15}
.sm-modern .sm-auth .forgot-link{font-size:11px;margin-top:23px;text-align:center;color:#657f86}
.sm-auth .error-message,.sm-auth .success-message{font-size:12px;padding:12px;border-radius:10px;background:#fff0ed;color:#a94f3a;line-height:1.9}
.sm-auth .success-message{background:#e9f4ec;color:#337351}
@media(min-width:1600px){.sm-modern body.sm-workspace{padding-right:300px!important;padding-left:52px!important}.sm-modern .sm-topbar{padding-right:52px;padding-left:52px}.sm-modern .sm-home .menu{gap:22px}.sm-modern .sm-home .menu>a{min-height:205px;padding:28px!important}.sm-modern .sm-intro{margin-bottom:40px}}
@media(max-width:1199px){.sm-modern{--sm-sidebar:224px}.sm-modern .sm-sidebar{width:224px;padding-left:13px;padding-right:13px}.sm-modern .sm-topbar{right:224px;padding-left:24px;padding-right:24px}.sm-modern body.sm-workspace{padding-right:248px!important;padding-left:24px!important}.sm-topbar-home,.sm-topbar-title>.sm-divider{display:none}.sm-modern .sm-search-trigger{min-width:175px}.sm-modern .sm-intro h1{font-size:26px}.sm-modern .sm-home .menu>a{padding:20px!important;min-height:180px}.sm-modern .sm-top-install>span{display:none}.sm-modern .sm-auth-story{padding-right:45px;padding-left:45px}.sm-modern .sm-auth-story h1{font-size:31px}}
@media(max-width:959px){.sm-modern body.sm-workspace{padding:98px 24px 90px!important}.sm-modern .sm-sidebar{width:270px;transform:translateX(100%);transition:transform .22s ease;z-index:1300}.sm-modern .sm-topbar{right:0;padding:0 24px;height:72px}.sm-modern .sm-menu-toggle{display:inline-grid}.sm-modern .sm-sidebar-close{display:grid;position:absolute;top:19px;left:14px;background:#26454e;color:#bfd2d6;border:0;width:30px;height:30px;min-height:30px}.sm-modern .sm-sidebar>.sm-brand{padding-right:7px;padding-top:24px}.sm-modern .sm-sidebar.is-open{transform:translateX(0)}.sm-modern .sm-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#10273580;backdrop-filter:blur(2px);border:0;z-index:1250;padding:0;margin:0}.sm-modern .sm-mobile-nav{position:fixed;display:flex;justify-content:space-around;align-items:center;inset:auto 0 0;height:calc(66px + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid var(--sm-line);box-shadow:0 -4px 20px #15354004;z-index:1100}.sm-modern .sm-mobile-nav>a,.sm-modern .sm-mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0;padding:4px 12px;background:none;border:0;border-radius:9px;color:#8b9ca3;min-height:50px;font-size:10px;line-height:1.4;box-shadow:none;min-width:65px}.sm-mobile-nav .sm-icon{width:20px;height:20px;flex-basis:20px}.sm-modern .sm-mobile-nav>a[aria-current=page]{color:var(--sm-green);background:#eff6f1;font-weight:700}.sm-topbar-title>strong{max-width:280px}.sm-modern .sm-skip{right:15px}.sm-modern .sm-intro{margin-top:0}.sm-auth-brand{right:7%;top:35px}.sm-auth-brand .sm-brand-copy>b{color:var(--sm-ink)}.sm-auth-brand .sm-brand-copy small{color:#7b9495}.sm-modern .sm-auth-story{width:48%;padding:145px 35px 35px}.sm-modern .sm-auth-story h1{font-size:26px}.sm-modern body.sm-auth{padding:110px 6% 50px!important}.sm-modern .sm-auth>.login-container{width:calc(52% - 25px)!important;max-width:350px!important}}
@media(max-width:639px){.sm-modern body.sm-workspace{padding:93px 16px 87px!important}.sm-modern .sm-topbar{padding:0 16px;height:68px;gap:8px}.sm-topbar-title,.sm-topbar-tools{gap:10px}.sm-topbar-title>strong{max-width:calc(100vw - 195px);font-size:11px}.sm-top-avatar,.sm-top-install{display:none!important}.sm-modern .sm-search-trigger{min-width:36px;min-height:36px;padding:9px;background:none;border:1px solid var(--sm-line)}.sm-search-trigger>span,.sm-search-trigger>kbd{display:none}.sm-modern .sm-intro{align-items:flex-start;margin-bottom:23px;gap:12px}.sm-modern .sm-intro h1{font-size:24px;letter-spacing:-.7px;margin-top:9px;line-height:1.65}.sm-modern .sm-intro p{font-size:11px;max-width:260px}.sm-intro>.sm-date{display:none}.sm-modern .sm-eyebrow{font-size:10px}.sm-section-caption{margin-bottom:12px}.sm-modern .sm-section-caption h2{font-size:13px}.sm-section-caption>span{font-size:9px}.sm-modern .sm-home .menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sm-modern .sm-home .menu>a{min-height:165px;padding:17px!important;font-size:13px!important;border-radius:13px!important}.sm-card-icon{width:37px;height:37px;border-radius:10px;margin-bottom:15px}.sm-modern .sm-card-icon>.sm-icon{width:20px;height:20px}.sm-modern .sm-card-arrow{left:15px;top:24px}.sm-modern .sm-card-arrow .sm-icon{width:14px;height:14px}.sm-modern .sm-card-description{font-size:9px;margin-top:5px;line-height:1.9;max-width:130px}.sm-modern .sm-workspace>main,.sm-modern .sm-workspace>.container,.sm-modern .sm-workspace>.wrap,.sm-modern .sm-home>main,.sm-modern .sm-hub:not(.sm-home)>main{padding:18px!important;border-radius:13px!important}.sm-modern .sm-home>main h2{font-size:15px}.sm-modern .sm-home>main>a{font-size:10px!important;padding:9px 11px!important}.sm-modern .sm-hub:not(.sm-home) main nav ul{flex-direction:column;gap:6px}.sm-modern .sm-hub:not(.sm-home) main nav li>a{display:block;text-align:right;width:100%;margin:4px 0!important}.sm-modern .sm-workspace table th,.sm-modern .sm-workspace table td{padding:10px!important;font-size:11px}.sm-modern .sm-workspace>header h1{font-size:20px}.sm-modern .sm-workspace .filter-form,.sm-modern .sm-workspace .filter-container,.sm-modern .sm-workspace .filters{max-width:100%;flex-wrap:wrap;gap:10px}.sm-modern .sm-workspace .filter-form>*,.sm-modern .sm-workspace .filter-container>*{max-width:100%}.sm-modern .sm-workspace .form-grid{grid-template-columns:1fr!important}.sm-modern .sm-workspace input,.sm-modern .sm-workspace select,.sm-modern .sm-workspace textarea,.sm-modern .sm-auth input{font-size:16px!important}.sm-modern .sm-workspace button,.sm-modern .sm-workspace .btn{min-height:44px}.sm-modern .sm-workspace .modal-content,.sm-modern .sm-workspace .modal-content2{margin:5dvh auto!important;max-height:86dvh!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;padding:16px!important}.sm-modern .sm-workspace table input{min-width:100px}.sm-modern .sm-workspace table .sm-table-scroll{border-radius:0}.sm-modern .sm-auth-story{display:none}.sm-modern body.sm-auth{display:block!important;padding:125px 25px 50px!important;background:#f5f8f6!important}.sm-auth-brand{top:34px;right:25px}.sm-modern .sm-auth>.login-container{width:100%!important;max-width:400px!important;margin:0 auto!important;padding:35px 0!important}.sm-modern .sm-auth .login-container h2{font-size:25px!important}.sm-modern .sm-auth .form-group input:not([type=checkbox]){min-height:52px}.sm-modern .sm-auth .login-btn{min-height:52px;font-size:14px!important}.sm-modern dialog.sm-command-dialog,.sm-modern dialog.sm-install-dialog{padding:20px}.sm-modern .sm-dialog-heading>h2{font-size:15px}.sm-sidebar-bottom{padding-top:15px}.sm-mobile-promo{margin-bottom:16px}.sm-user{padding-bottom:20px}}
@media(max-height:740px) and (min-width:960px){.sm-mobile-promo{display:none}.sm-modern .sm-sidebar{padding-top:25px}.sm-modern .sm-brand{padding-bottom:22px}.sm-modern .sm-main-nav .sm-nav-link{min-height:44px;padding-top:10px;padding-bottom:10px}.sm-auth-story .sm-orbit{opacity:.5}}
@media(prefers-reduced-motion:reduce){.sm-modern *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{html.sm-modern{background:white!important}.sm-modern body.sm-workspace{padding:0!important;margin:0!important;width:100%!important;background:white!important;overflow:visible!important}.sm-modern .sm-sidebar,.sm-modern .sm-topbar,.sm-modern .sm-mobile-nav,.sm-modern .sm-overlay,.sm-modern .sm-skip,.sm-modern .sm-connection,.sm-modern dialog,.sm-modern .sm-intro,.sm-modern .sm-section-caption{display:none!important}.sm-modern .sm-workspace>main,.sm-modern .sm-workspace>.container,.sm-modern .sm-workspace>.wrap{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}.sm-modern .sm-table-scroll{overflow:visible!important;border:0!important;max-width:none!important}.sm-modern .sm-workspace table{width:100%!important;font-size:10pt!important}.sm-modern .sm-workspace table th{background:#eee!important;color:#000!important}.sm-modern .sm-workspace table td{color:#000!important} .sm-modern .sm-workspace>header>h1{display:block!important}}

.sm-auth-brand .sm-brand-copy>b{color:var(--sm-ink)}
.sm-auth-brand .sm-brand-copy>small{color:#7b9495}