.notification-button{position:relative}
.notification-badge{position:absolute;top:-7px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#b94337;color:#fff;font:bold 10px Arial;line-height:18px;text-align:center;box-shadow:0 0 0 2px #14273b}
.account-menu button{color:var(--ink);text-align:right;border-radius:5px}
.account-menu button:hover{background:#f1f2ee}
.account-menu #logout{color:var(--red);border-top:1px solid var(--line)}
.language-setting{display:grid;grid-template-columns:1fr 180px;align-items:end;gap:14px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:7px;background:#f8faf9}
html[dir="ltr"] .account-menu button,html[dir="ltr"] .notification-card{text-align:left}
html[dir="ltr"] .app-sidebar{inset:0 auto 0 0;border-left:0;border-right:1px solid #ffffff12;box-shadow:8px 0 30px #07152310}
html[dir="ltr"] .app-workspace{margin-right:0;margin-left:292px}
html[dir="ltr"] .app-sidebar .nav-item,html[dir="ltr"] .nav-group-title,html[dir="ltr"] .table td,html[dir="ltr"] .table th{text-align:left}
html[dir="ltr"] .app-sidebar .nav-item:hover{transform:translateX(2px)}
html[dir="ltr"] .app-sidebar .nav-item.active{box-shadow:inset 3px 0 0 #c4c2b8}
html[dir="ltr"] #loginView .login-form-zone,html[dir="ltr"] #loginView .login-intro,html[dir="ltr"] #loginView .login-hero{direction:ltr}
html[dir="ltr"] #loginView .login-hero{text-align:right}
html[dir="ltr"] #loginView .command-promise{direction:ltr;text-align:left}
html[dir="ltr"] #loginView .command-footer-note{direction:ltr}
@media(max-width:1150px) and (min-width:901px){html[dir="ltr"] .app-workspace{margin-left:260px}}
@media(max-width:900px){html[dir="ltr"] .app-sidebar{transform:translateX(-105%)}html[dir="ltr"] .sidebar-open .app-sidebar{transform:translateX(0)}html[dir="ltr"] .app-workspace{margin-left:0}}
@media(max-width:650px){.language-setting{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr}}
.profile-layout{display:grid;grid-template-columns:170px 1fr;gap:24px}
.profile-avatar{width:132px;height:132px;border-radius:50%;background:#e4e6e2 center/cover no-repeat;display:grid;place-items:center;font-size:28px;font-weight:bold;margin:auto}
.notification-card{display:block;width:100%;text-align:right;border:1px solid var(--line);background:#fff;border-radius:7px;padding:14px;margin:9px 0;color:var(--ink)}
.notification-card.unread{border-right:4px solid var(--navy);background:#f8faf9}