@media screen {
  .ease-modern { --ease-brand:#475569; --ease-ink:#182235; --ease-muted:#68758a; --ease-line:#e3e8f0; --ease-surface:#fff; font-family:Inter,Segoe UI,Arial,sans-serif; background:#f4f6fa; color:var(--ease-ink); font-size:13px; line-height:1.5; }
  .ease-modern a { transition:color .12s ease,background-color .12s ease; }
  .ease-modern .navbar-inverse { background:#172234; border:0; box-shadow:0 2px 12px #17223412; }
  .ease-modern .navbar-inverse .navbar-nav>li>a { color:#eef2f7; }
  .ease-modern .page-header { background:#fff; border:1px solid var(--ease-line); border-radius:12px; padding:14px 18px; margin:16px 0; }
  .ease-modern .page-header .logo img { max-height:56px; width:auto; }
  .ease-modern .page-title { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:4px 2px 20px; margin:0; border:0; background:transparent; color:var(--ease-ink); }
  .ease-modern .page-title:after { display:none; }
  .ease-modern .page-title h5 { margin:0; padding:0; float:none; color:var(--ease-ink); font-size:22px; font-weight:650; letter-spacing:-.35px; }
  .ease-modern .page-title .pull-right { font-size:12px; color:var(--ease-muted); font-weight:400; }
  .ease-modern .sidebar { background:#172234; border-radius:12px; overflow:hidden; }
  .ease-modern .navigation { padding:10px 0; }
  .ease-modern .navigation>li { margin:2px 8px; border:0; }
  .ease-modern .navigation>li>a { background:transparent; color:#e2e8f0; border:0; border-radius:7px; padding:12px; font-size:13px; }
  .ease-modern .navigation>li>a:hover,.ease-modern .navigation>li>a:focus,.ease-modern .navigation>li>a.level-opened { background:#29364b; color:white; }
  .ease-modern .navigation>li.active>a,.ease-modern .navigation>li.active>a.level-opened { background:#475569; color:white; }
  .ease-modern .navigation>li>ul { border:0; border-radius:7px; margin-top:4px; }
  .ease-modern .navigation>li>ul>li { border:0; }
  .ease-modern .navigation ul { background:#101a2b; }
  .ease-modern .navigation ul li a { color:#c4cddd; border:0; padding:10px 14px 10px 32px; }
  .ease-modern .navigation ul li.active>a { background:#475569; color:#fff; }
  .ease-modern .navigation ul li a:hover,.ease-modern .navigation ul li a:focus { background:#29364b; color:#fff; }
  .ease-modern .panel { background:var(--ease-surface); border:1px solid var(--ease-line); border-radius:12px; box-shadow:0 3px 14px #1f293706; overflow:visible; margin-bottom:22px; }
  .ease-modern .panel-heading { background:#fff; border-bottom:1px solid var(--ease-line); padding:14px 18px; border-radius:12px 12px 0 0; }
  .ease-modern .panel-title { font-weight:650; color:var(--ease-ink); font-size:14px; }
  .ease-modern .panel-body { padding:18px; }
  .ease-modern h3.text-center { padding:15px; font-size:16px; font-weight:600; color:var(--ease-muted); }
  .ease-modern .btn { border-radius:7px; box-shadow:none; font-weight:550; transition:background-color .12s ease,border-color .12s ease; }
  .ease-modern .btn-default { background:#fff; color:#344256; border-color:#d8dfeb; }
  .ease-modern .btn-default:hover { background:#f1f4f8; border-color:#b4bfce; }
  .ease-modern .btn-primary { background:var(--ease-brand); border-color:var(--ease-brand); color:#fff; }
  .ease-modern .btn-primary:hover { background:#334155; border-color:#334155; }
  .ease-modern .btn-info { background:#eff6ff; border-color:#dbeafe; color:#2563eb; }
  .ease-modern .btn-warning { background:#fffbeb; border-color:#fde7b0; color:#b7770c; }
  .ease-modern .btn-success { background:#edfcf3; border-color:#c9eed8; color:#15803d; }
  .ease-modern .btn-danger { background:#fff1f2; border-color:#fecdd3; color:#be123c; }
  .ease-modern .btn-xs { padding:5px 8px; }
  .ease-modern .form-control { border-radius:7px; border:1px solid #d7deea; box-shadow:none; background:#fff; color:var(--ease-ink); }
  .ease-modern .form-control:focus { border-color:#94a3b8; box-shadow:0 0 0 3px #47556918; }
  .ease-modern input,.ease-modern select,.ease-modern textarea { accent-color:var(--ease-brand); }
  .ease-modern .select2-container .select2-choice { border-radius:7px; background:#fff; border-color:#d7deea; }
  .ease-modern .form-actions { background:#f8fafc; border-color:var(--ease-line); padding:16px 18px; border-radius:0 0 12px 12px; }
  .ease-modern .control-label { font-weight:550; color:#4d5b70; }
  .ease-modern .datatable,.ease-modern .datatable1,.ease-modern .datatable-scroll { overflow-x:auto; }
  .ease-modern .table { font-size:12px; background:#fff; margin-bottom:0; border-color:var(--ease-line); }
  .ease-modern .table>thead>tr>th,.ease-modern .table>thead>tr>td { background:#f8fafc; color:#66748a; font-size:11px; font-weight:650; border-color:var(--ease-line); padding:12px 10px; vertical-align:middle; white-space:nowrap; }
  .ease-modern .table>tbody>tr>td { padding:10px; border-color:#edf0f5; vertical-align:middle; }
  .ease-modern .table-hover>tbody>tr:hover>td { background:#f8faff; }
  .ease-modern .table-bordered>tbody>tr>td { border-left-color:#f2f4f8; border-right-color:#f2f4f8; }
  .ease-modern .middle-nav .btn { background:#fff; border-color:var(--ease-line); border-radius:9px; color:#344256; box-shadow:0 2px 8px #17223404; }
  .ease-modern .middle-nav .btn:hover { border-color:#94a3b8; color:var(--ease-brand); }
  .ease-modern .page-header .middle-nav { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0; }
  .ease-modern .page-header .middle-nav>li { margin:0; }
  .ease-modern .page-header .middle-nav .btn { display:flex; align-items:center; gap:8px; padding:10px 12px; border-color:transparent; background:#f8fafc; }
  .ease-modern .page-header .middle-nav .btn i { font-size:17px; margin:0; padding:0; display:inline-block; }
  .ease-modern .page-header .middle-nav .btn span { display:inline-block; margin:0; padding:0; font-size:12px; }
  .ease-modern .panel-body>.middle-nav { display:flex; flex-wrap:wrap; gap:14px; margin:0; padding:0; }
  .ease-modern .panel-body>.middle-nav>li { margin:0; flex:0 1 200px; }
  .ease-modern .panel-body>.middle-nav .btn { display:flex; align-items:center; gap:14px; min-height:82px; width:100%; padding:16px; text-align:left; border-radius:10px; }
  .ease-modern .panel-body>.middle-nav .btn i { display:flex; align-items:center; justify-content:center; flex:0 0 42px; height:42px; margin:0; padding:0; border-radius:10px; background:#f1f5f9; color:#475569; font-size:23px; }
  .ease-modern .panel-body>.middle-nav .btn span { display:block; padding:0; margin:0; font-size:13px; font-weight:600; }
  .ease-modern .alert { border-radius:8px; box-shadow:none; }
  .ease-modern .footer { color:#8b96a7; font-size:11px; padding:20px 0; border-color:var(--ease-line); }
  .ease-modern .footer a { color:#8b96a7; }
  .ease-modern .login-wrapper { max-width:420px; margin:70px auto 30px; }
  .ease-modern .login-wrapper .panel { box-shadow:0 12px 48px #1722340b; }
  .ease-modern .login-wrapper .form-control { min-height:40px; }
  .ease-list-controls { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:14px 16px; background:#fff; border-top:1px solid var(--ease-line,#e3e8f0); }
  .ease-list-filter { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0; }
  .ease-list-filter label { display:flex; align-items:center; gap:7px; margin:0; font-size:12px; color:#66748a; }
  .ease-list-filter input[type=search],.ease-list-filter select { border:1px solid #d7deea; border-radius:6px; height:32px; padding:4px 9px; background:#fff; font:inherit; }
  .ease-list-filter input[type=search] { width:180px; }
  .ease-pagination-summary { color:#7a879a; font-size:12px; }
  .ease-pagination { display:flex; align-items:center; gap:4px; }
  .ease-pagination a,.ease-pagination span { display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:32px; border-radius:6px; padding:4px 9px; border:1px solid #e3e8f0; font-size:12px; color:#4d5b70; text-decoration:none; }
  .ease-pagination a:hover { background:#f8fafc; border-color:#aeb9c9; }
  .ease-pagination [aria-current=page] { background:var(--ease-brand,#475569); color:#fff; border-color:var(--ease-brand,#475569); }
  .ease-pagination [aria-disabled=true] { color:#a6afbd; background:#f9fafb; }
  .ease-modern .datatable-header,.ease-modern .datatable-footer { padding:14px 16px; background:#fff; border-color:var(--ease-line); }
  .ease-modern .paginate_button,.ease-modern .paginate_active { border-radius:6px; background:#fff; border-color:#e3e8f0; box-shadow:none; }
  .ease-modern .paginate_active { background:var(--ease-brand); border-color:var(--ease-brand); color:white; }
  .ease-modern :focus-visible { outline:2px solid #475569; outline-offset:3px; }
  .ease-modern.ease-loading { cursor:progress; }
  .ease-modern .ease-loading-bar { position:fixed; z-index:10000; top:0; left:0; width:60%; height:3px; background:#475569; animation:ease-progress 1.2s ease-in-out infinite; }
  /* Keep the supplied desktop layout compact and contain wide tables locally. */
  .ease-modern { font-size:12px; }
  .ease-modern .page-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; min-height:90px; padding:12px 16px; border-radius:4px; box-shadow:none; }
  .ease-modern .page-header .logo { float:none; margin:0; }
  .ease-modern .page-header .middle-nav { float:none; margin-left:auto; }
  .ease-modern .page-header .middle-nav .btn { display:block; min-width:72px; padding:7px 10px; border:1px solid var(--ease-line); border-radius:3px; background:#fff; }
  .ease-modern .page-header .middle-nav .btn i { display:block; font-size:24px; margin-bottom:5px; }
  .ease-modern .page-header .middle-nav .btn span { display:block; font-size:12px; }
  .ease-modern .page-container { display:grid; grid-template-columns:230px minmax(0,1fr); gap:20px; align-items:start; position:relative; }
  .ease-modern .page-container:before,.ease-modern .page-container:after { display:none; }
  .ease-modern .page-container>.sidebar { grid-column:1; position:sticky; top:48px; left:auto; width:auto; max-height:calc(100vh - 60px); max-height:calc(100dvh - 60px); overflow-x:hidden; overflow-y:auto; scrollbar-width:thin; padding-bottom:8px; border-radius:4px; }
  .ease-modern .page-container>.page-content { grid-column:2; min-width:0; margin-left:0; }
  .ease-modern .page-container.hidden-sidebar { grid-template-columns:minmax(0,1fr); }
  .ease-modern .page-container.hidden-sidebar>.page-content { grid-column:1; }
  .ease-modern.full-width .page-container { grid-template-columns:minmax(0,1fr); }
  .ease-modern.full-width .page-container>.page-content { grid-column:1; }
  .ease-modern .navigation>li>a { padding:10px 12px; font-size:12px; border-radius:3px; }
  .ease-modern .navigation ul li a { padding:8px 12px 8px 30px; }
  .ease-modern .page-title { background:#40484c; color:#fff; padding:10px 12px; margin:0 0 14px; border-radius:3px; }
  .ease-modern .page-title h5 { color:inherit; font-size:16px; font-weight:600; letter-spacing:normal; }
  .ease-modern .page-title .pull-right { color:#e2e8f0; }
  .ease-modern .panel { border-radius:4px; box-shadow:none; margin-bottom:16px; }
  .ease-modern .panel-heading { padding:10px 12px; border-radius:4px 4px 0 0; }
  .ease-modern .panel-body { padding:12px; }
  .ease-modern h3.text-center { padding:8px; font-size:14px; margin:10px 0; }
  .ease-modern .form-actions { padding:10px 12px; border-radius:0 0 4px 4px; }
  .ease-modern .btn,.ease-modern .form-control,.ease-modern .select2-container .select2-choice { border-radius:3px; }
  .ease-modern .btn-xs { padding:3px 6px; }
  .ease-modern .table>thead>tr>th,.ease-modern .table>thead>tr>td { padding:8px; color:#344256; }
  .ease-modern .table>tbody>tr>td { padding:6px 8px; }
  .ease-modern .table td:has(>.btn-icon) { white-space:nowrap; }
  .ease-modern .table .btn-icon.btn-xs { padding:2px 5px; min-width:24px; line-height:1.4; }
  .ease-modern .panel-body>.middle-nav { gap:8px; }
  .ease-modern .panel-body>.middle-nav>li { flex:0 0 auto; }
  .ease-modern .panel-body>.middle-nav .btn { display:block; min-height:0; width:auto; padding:10px 14px; text-align:center; border-radius:3px; }
  .ease-modern .panel-body>.middle-nav .btn i { display:block; height:auto; margin:0 0 6px; padding:0; background:transparent; font-size:24px; }
  .ease-modern .panel-body>.middle-nav .btn span { font-size:12px; font-weight:400; }
  @media (max-width:991px) {
    .ease-modern .page-container { display:block; }
    .ease-modern .page-container>.sidebar { position:static; top:auto; max-height:none; margin-bottom:14px; }
    .ease-modern .page-header .middle-nav { margin-left:0; }
  }
  @keyframes ease-progress { from{transform:translateX(-100%)} to{transform:translateX(180%)} }
  @media (max-width:767px) { .ease-modern .page-header{padding:12px} .ease-modern .page-title h5{font-size:17px} .ease-modern .page-title .pull-right{float:none!important;display:block} .ease-list-controls{align-items:flex-start;flex-direction:column} .ease-list-filter input[type=search]{max-width:50vw} .ease-modern .sidebar{margin-bottom:16px} .ease-modern .login-wrapper{margin:35px auto;padding:0 12px} }
  @media (prefers-reduced-motion:reduce) { .ease-modern a,.ease-modern .btn{transition:none} .ease-modern .ease-loading-bar{animation:none;width:100%} }
}