@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{
  --brand-navy:#072b67;--brand-blue:#1268c4;--brand-sky:#2397f3;--brand-teal:#0ba8a8;
  --bg:#f4f7fb;--surface:#ffffff;--surface-2:#f8fafc;--text:#172033;--muted:#6f7d91;
  --line:#e4eaf2;--shadow:0 12px 34px rgba(20,51,89,.09);--shadow-lg:0 22px 60px rgba(9,40,86,.16);
  --radius:18px;--radius-sm:12px;--success:#169b62;--danger:#d74a56;--warning:#db8d18;
  --ease:cubic-bezier(.2,.75,.25,1)
}
html[data-theme="dark"]{
  --bg:#09111f;--surface:#101b2c;--surface-2:#152338;--text:#edf4ff;--muted:#9dafc6;
  --line:#23354e;--shadow:0 14px 40px rgba(0,0,0,.28);--shadow-lg:0 24px 70px rgba(0,0,0,.42)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body.page-shell{margin:0!important;padding:22px!important;min-height:100vh;background:
  radial-gradient(circle at 100% 0,rgba(35,151,243,.09),transparent 32%),
  radial-gradient(circle at 0 100%,rgba(11,168,168,.08),transparent 30%),var(--bg)!important;
  color:var(--text)!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;transition:background .35s var(--ease),color .25s var(--ease);overflow-x:hidden}
body.page-shell::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:url('company-logo-icon.png') no-repeat 4% 96%/150px;opacity:.028}
html[data-theme="dark"] body.page-shell::before{opacity:.045;filter:grayscale(1) brightness(1.8)}
body.page-shell>*{animation:lianEnter .42s var(--ease) both}
@keyframes lianEnter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* headings */
body.page-shell h1,body.page-shell h2,body.page-shell h3,body.page-shell h4{color:var(--brand-navy)!important;letter-spacing:-.2px}
html[data-theme="dark"] body.page-shell h1,html[data-theme="dark"] body.page-shell h2,html[data-theme="dark"] body.page-shell h3,html[data-theme="dark"] body.page-shell h4{color:#dbeaff!important}
body.page-shell h2:first-of-type{font-size:23px!important;margin:0 0 7px!important;font-weight:850!important;display:flex;align-items:center;gap:8px}
body.page-shell .subtitle{color:var(--muted)!important}

/* cards / sections */
body.page-shell .card,body.page-shell .form-box,body.page-shell .filters,body.page-shell .filter-box,body.page-shell .section,body.page-shell .box,body.page-shell .panel,body.page-shell .form-card,body.page-shell .table-card,body.page-shell .summary-card{
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;color:var(--text)!important;backdrop-filter:blur(12px)}
body.page-shell .card,body.page-shell .form-box,body.page-shell .section,body.page-shell .box,body.page-shell .panel{transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s}
body.page-shell .card:hover{box-shadow:0 16px 42px rgba(20,51,89,.12)!important}

/* forms */
body.page-shell label{color:var(--text)!important;font-weight:700!important}
body.page-shell input:not([type="checkbox"]):not([type="radio"]),body.page-shell select,body.page-shell textarea{
  background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:11px!important;min-height:42px;padding:9px 12px!important;outline:none!important;box-shadow:none!important;transition:border-color .18s,box-shadow .18s,transform .18s}
body.page-shell textarea{min-height:92px}
body.page-shell input:focus,body.page-shell select:focus,body.page-shell textarea:focus{border-color:var(--brand-sky)!important;box-shadow:0 0 0 3px rgba(35,151,243,.13)!important}
body.page-shell input::placeholder,body.page-shell textarea::placeholder{color:var(--muted);opacity:.8}

/* buttons */
body.page-shell button,body.page-shell .btn,body.page-shell input[type="button"],body.page-shell input[type="submit"]{border-radius:11px!important;min-height:40px;font-weight:750!important;transition:transform .18s var(--ease),box-shadow .18s,filter .18s!important}
body.page-shell button:hover,body.page-shell .btn:hover,body.page-shell input[type="button"]:hover,body.page-shell input[type="submit"]:hover{transform:translateY(-1px);filter:saturate(1.06)}
body.page-shell button:active,body.page-shell .btn:active{transform:translateY(0) scale(.985)}
body.page-shell .btn-primary,body.page-shell button.primary,body.page-shell .save-btn{background:linear-gradient(135deg,var(--brand-blue),var(--brand-teal))!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(18,104,196,.2)}

/* tables */
.table-shell{width:100%;overflow:auto;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);margin-top:10px;-webkit-overflow-scrolling:touch}
.table-shell table{margin:0!important;border:0!important;border-collapse:separate!important;border-spacing:0!important;width:100%!important;min-width:720px;background:var(--surface)!important;color:var(--text)!important}
.table-shell th{position:sticky;top:0;z-index:1;background:linear-gradient(135deg,#0a376f,#0c5e9f)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;padding:12px 11px!important;white-space:nowrap;font-size:13px!important}
.table-shell td{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important;padding:11px!important;vertical-align:middle}
.table-shell tbody tr{transition:background .16s}.table-shell tbody tr:hover td{background:var(--surface-2)!important}
.table-shell::-webkit-scrollbar{height:8px;width:8px}.table-shell::-webkit-scrollbar-thumb{background:#a9b7c9;border-radius:8px}

/* dashboard */
body.page-shell .stats{gap:14px!important}
body.page-shell .stat{background:linear-gradient(145deg,var(--surface),var(--surface-2))!important;border:1px solid var(--line)!important;border-right:0!important;border-radius:17px!important;box-shadow:var(--shadow)!important;padding:18px!important;position:relative;overflow:hidden}
body.page-shell .stat::after{content:"";position:absolute;inset:auto -22px -36px auto;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,rgba(35,151,243,.12),rgba(11,168,168,.07))}
body.page-shell .stat .val{color:var(--brand-navy)!important}.page-shell .stat.orange .val{color:var(--warning)!important}.page-shell .stat.green .val{color:var(--success)!important}.page-shell .stat.red .val{color:var(--danger)!important}.page-shell .stat.purple .val{color:#7e57c2!important}
html[data-theme="dark"] body.page-shell .stat .val{color:#eaf3ff!important}
body.page-shell .section-title{color:var(--text)!important;background:linear-gradient(90deg,rgba(18,104,196,.08),transparent);border-radius:12px;padding:9px 12px!important;margin-top:24px!important}
body.page-shell .list-item{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line)}
body.page-shell .list-item .name,body.page-shell .bar-top .n,body.page-shell .bar-top .v{color:var(--text)!important}
body.page-shell .bar-bg{background:var(--line)!important}.page-shell .bar-fill{background:linear-gradient(90deg,var(--brand-teal),var(--brand-blue))!important}

/* badges/messages */
body.page-shell .status,body.page-shell .badge,body.page-shell [class*="st-"]{border-radius:999px!important}
body.page-shell .empty{color:var(--muted)!important}

/* theme floating control for direct-open pages */
.lian-floating-theme{position:fixed;left:16px;bottom:16px;z-index:9999;width:44px;height:44px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-lg)!important;cursor:pointer;font-size:18px}

/* responsive */
@media(max-width:900px){body.page-shell{padding:14px!important}.page-shell .cols{grid-template-columns:1fr!important}.page-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body.page-shell{padding:11px!important;background:var(--bg)!important}.page-shell .stats{grid-template-columns:1fr!important}.page-shell h2:first-of-type{font-size:20px!important}.page-shell .card,.page-shell .form-box,.page-shell .section,.page-shell .box,.page-shell .panel{border-radius:15px!important;padding:13px!important}.page-shell input,.page-shell select,.page-shell textarea{font-size:16px!important}.page-shell button,.page-shell .btn{min-height:42px}.table-shell{border-radius:13px}.lian-floating-theme{left:11px;bottom:11px}}

/* ===== MAIN APPLICATION SHELL ===== */
body.app-shell{background:var(--bg)!important;color:var(--text);transition:background .3s,color .3s}
body.app-shell .topbar{height:68px!important;padding:0 18px!important;background:rgba(255,255,255,.88)!important;color:var(--text)!important;border-bottom:1px solid var(--line);box-shadow:0 5px 25px rgba(15,55,95,.07)!important;backdrop-filter:blur(16px);z-index:500!important}
html[data-theme="dark"] body.app-shell .topbar{background:rgba(16,27,44,.9)!important}
.app-shell .brand{gap:11px!important}.app-shell .brand-logo{width:40px;height:40px;border-radius:12px;object-fit:contain;background:#fff;padding:4px;box-shadow:0 5px 14px rgba(9,52,103,.13)}
.app-shell .brand-copy{display:flex;flex-direction:column;line-height:1.15}.app-shell .brand-name{font-size:16px;font-weight:850;color:var(--brand-navy)}html[data-theme="dark"] .app-shell .brand-name{color:#eef5ff}.app-shell .brand-sub{font-size:10.5px;color:var(--muted);margin-top:3px;font-weight:650}
.app-shell .icon-btn,.app-shell .bell{width:40px;height:40px;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface-2)!important;color:var(--text)!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;transition:.2s var(--ease)}
.app-shell .icon-btn:hover,.app-shell .bell:hover{transform:translateY(-1px);border-color:rgba(35,151,243,.4)!important;box-shadow:0 7px 18px rgba(18,104,196,.12)}
.app-shell .mobile-menu-btn{display:none}.app-shell .theme-btn{margin-left:8px}.app-shell .btn-logout{background:#fff0f1!important;color:#c93d49!important;border:1px solid #ffd9dd!important;border-radius:11px!important;padding:8px 14px!important}.app-shell .user{color:var(--muted)!important;font-weight:700}
.app-shell .layout{background:var(--bg)}
.app-shell .sidebar{width:252px!important;background:var(--surface)!important;border-left:1px solid var(--line)!important;padding:18px 12px!important;box-shadow:-8px 0 28px rgba(13,48,85,.035);transition:transform .28s var(--ease),width .25s}
.app-shell .sidebar::before{content:"القائمة الرئيسية";display:block;color:var(--muted);font-size:10.5px;font-weight:800;padding:2px 12px 11px;letter-spacing:.2px}
.app-shell .menu-item{min-height:47px;border-radius:13px!important;color:var(--text)!important;margin-bottom:6px!important;padding:10px 12px!important;position:relative;overflow:hidden;transition:.2s var(--ease)!important}
.app-shell .menu-item:hover{background:linear-gradient(90deg,rgba(35,151,243,.09),rgba(11,168,168,.04))!important;color:var(--brand-blue)!important;transform:translateX(-2px)}
.app-shell .menu-item.active{background:linear-gradient(135deg,var(--brand-navy),var(--brand-blue) 62%,var(--brand-teal))!important;color:#fff!important;box-shadow:0 9px 24px rgba(13,82,155,.22)}
.app-shell .menu-item .ic{width:27px!important;font-size:17px!important}.app-shell .menu-item .txt{font-size:13.5px}
.app-shell .content{background:var(--bg)!important;padding:0!important}.app-shell .content iframe{background:var(--bg);opacity:1;transition:opacity .2s}
.app-shell .notif-panel{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line);box-shadow:var(--shadow-lg)!important}.app-shell .notif-panel .head{border-color:var(--line)!important}.app-shell .notif-item{border-color:var(--line)!important}.app-shell .notif-item:hover,.app-shell .notif-item.unread{background:var(--surface-2)!important}.app-shell .notif-item .t{color:var(--brand-blue)!important}.app-shell .notif-item .b{color:var(--text)!important}.app-shell .notif-item .d{color:var(--muted)!important}
.app-shell .sidebar-backdrop{display:none;position:fixed;inset:68px 0 0 0;background:rgba(3,13,28,.45);z-index:390;backdrop-filter:blur(2px)}

.app-shell .welcome>div{background:linear-gradient(145deg,#061f4b 0%,#0b4f98 48%,#089b9d 100%)!important}
.app-shell .welcome-card{animation:welcomeFloat 5s ease-in-out infinite}@keyframes welcomeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

@media(max-width:768px){body.app-shell .topbar{height:62px!important;padding:0 10px!important}.app-shell .mobile-menu-btn{display:inline-flex;margin-left:8px}.app-shell .brand-sub{display:none}.app-shell .brand-name{font-size:14px}.app-shell .brand-logo{width:36px;height:36px}.app-shell .theme-btn{margin-left:5px}.app-shell .user{display:none!important}.app-shell .btn-logout{padding:7px 9px!important;font-size:0!important}.app-shell .btn-logout::after{content:"↪";font-size:18px}.app-shell .sidebar{position:fixed!important;right:0;top:62px;bottom:0;width:min(82vw,290px)!important;z-index:400;transform:translateX(105%);box-shadow:-18px 0 50px rgba(0,0,0,.16)}.app-shell .sidebar.open{transform:translateX(0)}.app-shell .sidebar.open~.sidebar-backdrop{display:block}.app-shell .menu-item{justify-content:flex-start!important;padding:11px 13px!important}.app-shell .menu-item .txt{display:inline!important}.app-shell .content{width:100%}.app-shell .notif-panel{position:fixed!important;top:64px!important;left:8px!important;right:8px!important;width:auto!important;max-height:72vh}.app-shell .welcome h1{font-size:32px!important}.app-shell .welcome [style*="min-width:140px"]{min-width:125px!important;padding:12px!important}}

/* ===== LOGIN ===== */
body.login-page{background:var(--bg)!important;color:var(--text)!important;min-height:100vh;transition:.3s}
body.login-page .login-container,body.login-page .login-wrap,body.login-page .wrapper{box-shadow:var(--shadow-lg)!important;border:1px solid var(--line)!important}
body.login-page .left-panel,body.login-page .form-panel{background:var(--surface)!important;color:var(--text)!important}
body.login-page input{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
body.login-page .login-theme{position:fixed;top:16px;left:16px;z-index:9999;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);cursor:pointer;font-size:18px}

/* login finishing layer */
body.login-page .left-panel{background:var(--surface)!important;transition:background .3s,color .3s}
body.login-page .right-panel{background:linear-gradient(145deg,#061f4b 0%,#0b4f98 50%,#079a9e 100%)!important}
body.login-page .form-title{color:var(--brand-navy)!important}html[data-theme="dark"] body.login-page .form-title{color:#eaf3ff!important}
body.login-page .form-sub{color:var(--muted)!important}
body.login-page .input-wrap input{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line)!important;transition:.2s}
body.login-page .input-wrap input:focus{border-color:var(--brand-sky)!important;box-shadow:0 0 0 4px rgba(35,151,243,.12)!important}
body.login-page .btn-login{background:linear-gradient(135deg,var(--brand-navy),var(--brand-blue) 58%,var(--brand-teal))!important;box-shadow:0 10px 28px rgba(9,79,151,.25)!important;border-radius:13px!important}
body.login-page .form-box{animation:loginIn .5s var(--ease) both}@keyframes loginIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:800px){body.login-page{display:block!important;min-height:100svh}.login-page .right-panel{min-height:230px!important;padding:28px 20px!important}.login-page .left-panel{min-height:calc(100svh - 230px)!important;padding:28px 18px!important}.login-page .brand-name{font-size:34px!important}.login-page .icon-badge{width:74px!important;height:74px!important;margin-bottom:16px!important}.login-page .icon-badge img{width:48px!important;height:48px!important}.login-page .login-theme{top:10px;left:10px}}


/* ===== PROFESSIONAL UI REFINEMENT v2 ===== */
body,button,input,select,textarea,.app-shell,.page-shell{font-family:"Cairo","Noto Kufi Arabic",Tahoma,Arial,sans-serif!important}
body.page-shell{font-size:13.5px;line-height:1.8}
body.page-shell h1,body.page-shell h2,body.page-shell h3,body.page-shell h4{font-family:"Cairo",Tahoma,Arial,sans-serif!important;font-weight:800!important;letter-spacing:0!important}
body.page-shell h2:first-of-type{font-size:21px!important;line-height:1.55;margin-bottom:14px!important}
body.page-shell label{font-size:12.5px!important;font-weight:700!important;color:color-mix(in srgb,var(--text) 88%,var(--muted))!important}
body.page-shell input:not([type="checkbox"]):not([type="radio"]),body.page-shell select,body.page-shell textarea{font-family:"Cairo",Tahoma,Arial,sans-serif!important;font-size:13px!important}
body.page-shell table{font-size:12.5px!important;line-height:1.65}
body.page-shell th{font-weight:800!important;white-space:nowrap}

/* Top header */
body.app-shell .topbar{height:74px!important;padding:0 20px!important;gap:12px!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 8px 30px rgba(12,45,82,.07)!important}
html[data-theme="dark"] body.app-shell .topbar{background:rgba(13,24,40,.94)!important}
.app-shell .sidebar-toggle-btn{display:inline-flex!important;flex:0 0 42px;width:42px;height:42px;font-size:20px!important;margin-left:2px}
.app-shell .brand{min-width:270px;gap:12px!important;align-items:center!important}
.app-shell .brand-logo{width:44px;height:44px;border-radius:14px;padding:5px}
.app-shell .brand-copy{gap:3px;line-height:1.25!important}
.app-shell .brand-name{font-size:15px!important;font-weight:800!important;white-space:nowrap;color:var(--brand-navy)!important}
.app-shell .brand-name b{font-weight:600;color:var(--brand-teal)}
html[data-theme="dark"] .app-shell .brand-name{color:#f2f7ff!important}
.app-shell .brand-sub{font-size:10.5px!important;font-weight:600!important;color:var(--muted)!important;margin:0!important}
.app-shell .header-divider{width:1px;height:32px;background:var(--line);margin:0 2px}
.app-shell .page-context{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11.5px;font-weight:700;white-space:nowrap}
.app-shell .context-dot{width:7px;height:7px;border-radius:50%;background:var(--brand-teal);box-shadow:0 0 0 4px rgba(11,168,168,.10)}
.app-shell .topbar-actions{display:flex;align-items:center;gap:8px}
.app-shell .theme-btn{margin:0!important}
.app-shell .user{max-width:220px;padding:8px 11px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);font-size:11.5px!important;color:var(--text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-shell .btn-logout{height:40px;padding:0 13px!important;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px!important;font-family:"Cairo",Tahoma,Arial,sans-serif!important}

/* Sidebar: expandable/collapsible desktop */
.app-shell .layout{position:relative}
.app-shell .sidebar{width:264px!important;padding:20px 13px!important;overflow-x:hidden;transition:width .28s var(--ease),transform .28s var(--ease),padding .28s var(--ease)!important}
.app-shell .sidebar::before{content:"التنقل الرئيسي";font-family:"Cairo",Tahoma,Arial,sans-serif;font-size:10px!important;padding:0 11px 12px!important;white-space:nowrap}
.app-shell .menu-item{min-height:48px!important;gap:10px!important;padding:10px 12px!important;border-radius:13px!important;font-family:"Cairo",Tahoma,Arial,sans-serif!important}
.app-shell .menu-item .ic{flex:0 0 30px!important;width:30px!important;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:16px!important;border-radius:9px;background:rgba(35,151,243,.06)}
.app-shell .menu-item.active .ic{background:rgba(255,255,255,.12)}
.app-shell .menu-item .txt{font-size:12.5px!important;font-weight:700!important;white-space:nowrap;transition:opacity .18s var(--ease)}
@media(min-width:769px){
  body.sidebar-collapsed .app-shell .sidebar,body.sidebar-collapsed .sidebar{width:78px!important;padding:20px 9px!important}
  body.sidebar-collapsed .sidebar::before{content:"القائمة";font-size:8.5px!important;text-align:center;padding-inline:0!important}
  body.sidebar-collapsed .menu-item{justify-content:center!important;padding:9px!important}
  body.sidebar-collapsed .menu-item .txt{display:none!important;opacity:0}
  body.sidebar-collapsed .menu-item .ic{margin:0!important;flex-basis:34px!important;width:34px!important;height:34px}
  body.sidebar-collapsed .menu-item:hover{transform:none!important}
}

/* Mobile header + slide menu */
@media(max-width:768px){
  body.app-shell .topbar{height:66px!important;padding:0 9px!important;gap:7px!important}
  .app-shell .sidebar-toggle-btn{width:40px;height:40px;flex-basis:40px;margin-left:0!important}
  .app-shell .brand{min-width:0!important;flex:1;gap:8px!important;overflow:hidden}
  .app-shell .brand-logo{width:38px;height:38px;border-radius:12px}
  .app-shell .brand-copy{min-width:0}
  .app-shell .brand-name{font-size:12.5px!important;overflow:hidden;text-overflow:ellipsis}
  .app-shell .brand-name b{display:inline}
  .app-shell .brand-sub{font-size:9px!important;display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .app-shell .header-divider,.app-shell .page-context{display:none!important}
  .app-shell .topbar-actions{gap:5px}
  .app-shell .icon-btn,.app-shell .bell{width:37px!important;height:37px!important;border-radius:11px!important}
  .app-shell .user{display:none!important}
  .app-shell .btn-logout{width:37px!important;height:37px!important;padding:0!important;font-size:0!important}
  .app-shell .btn-logout::after{content:"↪";font-size:18px!important}
  .app-shell .sidebar{top:66px!important;width:min(86vw,310px)!important;padding:17px 12px!important}
  .app-shell .sidebar-backdrop{inset:66px 0 0 0!important}
  .app-shell .menu-item .txt{font-size:13px!important}
}
@media(max-width:420px){
  .app-shell .brand-name b{display:none}
  .app-shell .brand-sub{font-size:8.5px!important}
  .app-shell .theme-btn{display:none!important}
}

/* ===== Sidebar refinement: compact + bold (UI only) ===== */
.app-shell .sidebar{
  padding-top:14px!important;
  padding-bottom:14px!important;
}
.app-shell .sidebar::before{
  padding-bottom:7px!important;
  font-weight:900!important;
}
.app-shell .menu-item{
  min-height:42px!important;
  margin-bottom:3px!important;
  padding:7px 10px!important;
  gap:7px!important;
}
.app-shell .menu-item .ic{
  flex-basis:28px!important;
  width:28px!important;
  height:28px!important;
}
.app-shell .menu-item .txt{
  font-size:13.5px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}
@media (min-width:769px){
  body.sidebar-collapsed .app-shell .sidebar,
  body.sidebar-collapsed .sidebar{padding-top:14px!important;padding-bottom:14px!important}
  body.sidebar-collapsed .menu-item{min-height:42px!important;margin-bottom:3px!important;padding:6px!important}
}
@media (max-width:768px){
  .app-shell .sidebar{padding:12px 10px!important}
  .app-shell .sidebar::before{padding-bottom:6px!important}
  .app-shell .menu-item{min-height:42px!important;margin-bottom:3px!important;padding:7px 10px!important;gap:7px!important}
  .app-shell .menu-item .txt{font-size:13.5px!important;font-weight:800!important}
}