/* =====================================================================
   SAS Radius — "Dijla Night" theme   (admin + user portal)
   ثيم كامل يغيّر الشكل فقط — كل الصفحات والوظائف والبيانات تبقى نفسها
   ===================================================================== */

@font-face{font-family:"SASTajawal";src:url(assets/fonts/Tajawal-Regular.ttf);font-weight:400}
@font-face{font-family:"SASTajawal";src:url(assets/fonts/Tajawal-Medium.ttf);font-weight:500}
@font-face{font-family:"SASTajawal";src:url(assets/fonts/Tajawal-Bold.ttf);font-weight:700}
@font-face{font-family:"SASTajawal";src:url(assets/fonts/Tajawal-ExtraBold.ttf);font-weight:800}

:root{
  --t-bg:#f3f5fb;
  --t-surface:#ffffff;
  --t-surface-2:#f8f9fd;
  --t-border:#e6e9f2;
  --t-text:#1b2234;
  --t-muted:#6b7591;
  --t-primary:#5b5bf0;
  --t-primary-2:#8b5cf6;
  --t-primary-soft:#eeeefe;
  --t-cyan:#06b6d4;
  --t-success:#10b981;
  --t-warning:#f59e0b;
  --t-danger:#ef4444;
  --t-info:#3b82f6;
  --t-grad:linear-gradient(135deg,#5b5bf0 0%,#8b5cf6 100%);
  --t-side:#0d1326;
  --t-side-2:#141c36;
  --t-side-text:#aab3cf;
  --t-radius:14px;
  --t-radius-sm:10px;
  --t-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 16px rgba(16,24,40,.06);
  --t-shadow-lg:0 10px 40px rgba(16,24,40,.12);
  --t-font:"SASTajawal","Open Sans",-apple-system,"Segoe UI",Roboto,sans-serif;

  /* PrimeNG variables */
  --primary-color:#5b5bf0;
  --primary-500:#5b5bf0;
  --highlight-bg:#eeeefe;
  --highlight-text-color:#3b3bc4;
  --focus-ring:0 0 0 .2rem rgba(91,91,240,.25);
  --border-radius:10px;
  --text-color:#1b2234;
  --surface-ground:#f3f5fb;
}

/* ---------- Base ---------- */
html body,
html body .p-component,
html[dir=rtl] body,
html[dir=rtl] body .p-component{font-family:var(--t-font)!important}
html body{background:var(--t-bg)!important;color:var(--t-text)}
html body ::selection{background:rgba(91,91,240,.2)}
html body a{color:var(--t-primary)}
html body ::-webkit-scrollbar{width:10px;height:10px}
html body ::-webkit-scrollbar-thumb{background:#c9cee0;border-radius:10px;border:2px solid transparent;background-clip:content-box}
html body ::-webkit-scrollbar-thumb:hover{background:#9aa3c2;background-clip:content-box}
html body ::-webkit-scrollbar-track{background:transparent}

/* ---------- Header ---------- */
html body .app-header.navbar,
html body .app-header{
  background:rgba(255,255,255,.85)!important;
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--t-border)!important;
  box-shadow:0 1px 0 rgba(16,24,40,.02);
}
html body .app-header.navbar .navbar-brand{
  background-color:transparent!important;
  border-bottom:0!important;
  height:60px!important;
  background-size:auto 30px!important;
}
html body .app-header .navbar-toggler{border-radius:10px;transition:background .2s}
html body .app-header .navbar-toggler:hover{background:var(--t-primary-soft)}
html body .app-header .navbar-nav .nav-link{
  color:var(--t-muted)!important;border-radius:12px;padding:.35rem .7rem!important;
  display:flex;align-items:center;gap:.5rem;transition:background .2s,color .2s
}
html body .app-header .navbar-nav .nav-link:hover{background:var(--t-primary-soft);color:var(--t-primary)!important}
html body .app-header .navbar-nav .nav-link .fa-2x{font-size:1.35em!important}
html body .app-header .img-avatar{
  width:34px!important;height:34px!important;border-radius:50%;
  box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(91,91,240,.35);
}
html body .app-header .d-md-down-none{font-weight:700;color:var(--t-text)}

/* ---------- Sidebar ---------- */
html body .sidebar{
  background:linear-gradient(180deg,var(--t-side) 0%,var(--t-side-2) 100%)!important;
  border:0!important;
  box-shadow:4px 0 24px rgba(13,19,38,.12);
}
html body .sidebar .sidebar-nav{padding:.75rem 0 1.5rem}
html body .sidebar .nav-title{
  color:#5d6890!important;font-size:11px!important;letter-spacing:.08em;
  padding:1.1rem 1.4rem .4rem!important;font-weight:700!important
}
html body .sidebar .nav-divider{border-top:1px solid rgba(255,255,255,.06)!important;margin:.5rem 1rem}
html body .sidebar .nav-item{padding:0 .6rem;border-bottom:0!important;font-size:.92rem!important}
html body .sidebar .sidebar-nav::-webkit-scrollbar-track{background:transparent!important;border:0!important}
html body .sidebar .sidebar-nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.12)!important}
html body .sidebar .nav-link{
  color:var(--t-side-text)!important;
  border-radius:10px!important;
  padding:.68rem .9rem!important;
  margin:2px 0;
  font-weight:500;
  font-size:.92rem;
  transition:background .18s ease,color .18s ease,transform .18s ease;
  border:0!important;
}
html body .sidebar .nav-link i{color:#6f7aa3!important;width:1.6rem!important;transition:color .18s}
html body .sidebar .nav-link:hover{
  background:rgba(255,255,255,.06)!important;color:#fff!important
}
html body .sidebar .nav-link:hover i{color:#c4c8ff!important}
html body .sidebar .nav-link.active{
  background:var(--t-grad)!important;color:#fff!important;
  box-shadow:0 6px 18px rgba(91,91,240,.35)
}
html body .sidebar .nav-link.active i{color:#fff!important}
html body .sidebar .nav-dropdown.open{background:transparent!important}
html body .sidebar .nav-dropdown.open>.nav-link{color:#fff!important;background:rgba(255,255,255,.04)!important}
html body .sidebar .nav-dropdown-items{padding:0}
html body .sidebar .nav-dropdown-items .nav-item{padding:0}
html body .sidebar .nav-dropdown-items .nav-link{
  font-size:.86rem;padding-top:.5rem!important;padding-bottom:.5rem!important;
}
html body:not(.sidebar-minimized) .sidebar .nav-dropdown-items{
  border-inline-start:1px dashed rgba(255,255,255,.1);
  margin-inline-start:1.55rem;padding-inline-start:.3rem;
}
html body .sidebar .nav-link .badge{border-radius:20px;padding:.3em .6em;font-weight:700}
html body .sidebar .sidebar-minimizer{background:rgba(0,0,0,.25)!important}

/* ---------- Main + breadcrumb ---------- */
html body .main{background:transparent}
html body .breadcrumb{
  background:rgba(255,255,255,.8)!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--t-border)!important;
  padding:.8rem 1.6rem!important;font-weight:500
}
html body .breadcrumb-item{color:var(--t-muted)}
html body .breadcrumb-item a{color:var(--t-muted)}
html body .breadcrumb-item.active{color:var(--t-text);font-weight:700}
html body .breadcrumb-item+.breadcrumb-item:before{content:"›"!important;color:#b3b9cf}
html body .main .container-fluid{padding-top:.5rem}

/* ---------- Cards ---------- */
html body .card,
html body .p-card,
html body .p-panel{
  border:1px solid var(--t-border)!important;
  border-radius:var(--t-radius)!important;
  box-shadow:var(--t-shadow)!important;
  background:var(--t-surface);
  overflow:hidden;
}
html body .card-header,
html body .p-panel .p-panel-header{
  background:var(--t-surface)!important;
  border-bottom:1px solid var(--t-border)!important;
  font-weight:700;color:var(--t-text);
  padding:.95rem 1.25rem!important;
  border-radius:var(--t-radius) var(--t-radius) 0 0!important;
}
html body .card-header i{color:var(--t-primary)}
html body .card-footer{background:var(--t-surface-2)!important;border-top:1px solid var(--t-border)!important}

/* ---------- Dashboard widgets (colored cards) ---------- */
html body .x-card,
html body .card.text-white,
html body .web-num-card{
  border:0!important;border-radius:18px!important;
  box-shadow:0 10px 30px -12px rgba(16,24,40,.35)!important;
  transition:transform .2s ease,box-shadow .2s ease;
  cursor:pointer;overflow:hidden;
}
html body .x-card:hover,
html body .card.text-white:hover,
html body .web-num-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -14px rgba(16,24,40,.45)!important}
html body .x-card .card-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.15)!important}
html body .x-card .bg-opacity-100{background:rgba(255,255,255,.08)!important}
html body .x-card .counter{font-weight:800;letter-spacing:-.02em}
html body .x-card .h5{font-weight:800!important;letter-spacing:.03em}
html body .x-card.bg-primary,  html body .card.text-white.bg-primary,  html body .web-num-card.bg-primary  {background:linear-gradient(135deg,#5b5bf0,#8b5cf6)!important}
html body .x-card.bg-info,     html body .card.text-white.bg-info,     html body .web-num-card.bg-info     {background:linear-gradient(135deg,#0ea5e9,#22d3ee)!important}
html body .x-card.bg-success,  html body .card.text-white.bg-success,  html body .web-num-card.bg-success  {background:linear-gradient(135deg,#059669,#34d399)!important}
html body .x-card.bg-warning,  html body .card.text-white.bg-warning,  html body .web-num-card.bg-warning  {background:linear-gradient(135deg,#f59e0b,#fbbf24)!important}
html body .x-card.bg-danger,   html body .card.text-white.bg-danger,   html body .web-num-card.bg-danger   {background:linear-gradient(135deg,#e11d48,#fb7185)!important}
html body .x-card.bg-secondary,html body .card.text-white.bg-secondary,html body .web-num-card.bg-secondary{background:linear-gradient(135deg,#475569,#94a3b8)!important}
html body .x-card.bg-dark,     html body .card.text-white.bg-dark,     html body .web-num-card.bg-dark     {background:linear-gradient(135deg,#0f172a,#334155)!important}
html body .x-card.bg-octonary, html body .web-num-card.bg-octonary{background:linear-gradient(135deg,#1e3a8a,#3b82f6)!important}
html body .x-card.bg-quaternary,html body .web-num-card.bg-quaternary{background:linear-gradient(135deg,#db2777,#f472b6)!important}
html body .x-card.bg-quinary,  html body .web-num-card.bg-quinary{background:linear-gradient(135deg,#7c3aed,#c084fc)!important}
html body .x-card.bg-denary,   html body .web-num-card.bg-denary{background:linear-gradient(135deg,#0d9488,#2dd4bf)!important}
html body .progress{border-radius:20px;background:rgba(255,255,255,.25)}
html body .progress-bar{border-radius:20px}

/* ---------- Buttons ---------- */
html body .btn{border-radius:10px!important;font-weight:600;padding:.45rem 1rem;transition:all .18s ease;border-width:1px}
html body .btn-primary{background:var(--t-grad)!important;border-color:transparent!important;box-shadow:0 6px 16px -6px rgba(91,91,240,.6)}
html body .btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}
html body .btn-success{background:var(--t-success)!important;border-color:var(--t-success)!important}
html body .btn-danger{background:var(--t-danger)!important;border-color:var(--t-danger)!important}
html body .btn-warning{background:var(--t-warning)!important;border-color:var(--t-warning)!important;color:#fff!important}
html body .btn-info{background:var(--t-info)!important;border-color:var(--t-info)!important;color:#fff!important}
html body .btn-secondary,html body .btn-light{background:#fff!important;border-color:var(--t-border)!important;color:var(--t-text)!important}
html body .btn-secondary:hover,html body .btn-light:hover{background:var(--t-surface-2)!important;border-color:#cfd4e5!important}

html body .p-button{
  border-radius:10px!important;font-weight:600;
  background:var(--t-grad);border:1px solid transparent;
  transition:all .18s ease;
}
html body .p-button:enabled:hover{filter:brightness(1.08);background:var(--t-grad);border-color:transparent}
html body .p-button:focus{box-shadow:var(--focus-ring)!important}
html body .p-button.p-button-success,html body .p-buttonset.p-button-success>.p-button{background:var(--t-success)!important;border-color:var(--t-success)!important}
html body .p-button.p-button-danger, html body .p-buttonset.p-button-danger>.p-button {background:var(--t-danger)!important;border-color:var(--t-danger)!important}
html body .p-button.p-button-warning,html body .p-buttonset.p-button-warning>.p-button{background:var(--t-warning)!important;border-color:var(--t-warning)!important}
html body .p-button.p-button-info,   html body .p-buttonset.p-button-info>.p-button   {background:var(--t-info)!important;border-color:var(--t-info)!important}
html body .p-button.p-button-help,   html body .p-buttonset.p-button-help>.p-button   {background:#a855f7!important;border-color:#a855f7!important}
html body .p-button.p-button-secondary,html body .p-buttonset.p-button-secondary>.p-button{background:#64748b!important;border-color:#64748b!important}
html body .p-button.p-button-text,html body .p-button.p-button-outlined,html body .p-button.p-button-link{background:transparent!important}
html body .p-button.p-button-outlined{border-color:currentColor!important}
html body .p-button.p-button-icon-only.p-button-rounded{border-radius:50%!important}

/* ---------- Forms ---------- */
html body .form-control,
html body .p-inputtext,
html body .p-dropdown,
html body .p-multiselect,
html body .p-calendar .p-inputtext,
html body .custom-select{
  border-radius:10px!important;
  border:1px solid #dfe3ee!important;
  background-color:#fff;
  min-height:38px;
  transition:border-color .18s,box-shadow .18s;
  color:var(--t-text);
}
html body .form-control:focus,
html body .p-inputtext:enabled:focus,
html body .p-dropdown:not(.p-disabled).p-focus,
html body .p-multiselect:not(.p-disabled).p-focus{
  border-color:var(--t-primary)!important;
  box-shadow:0 0 0 4px rgba(91,91,240,.12)!important;
}
html body .p-inputtext:enabled:hover,html body .p-dropdown:not(.p-disabled):hover{border-color:#b9bff6!important}
html body .input-group-text{
  background:var(--t-surface-2)!important;border-color:#dfe3ee!important;color:var(--t-muted)
}
html:not([dir=rtl]) body .input-group>.input-group-prepend>.input-group-text{border-radius:10px 0 0 10px!important}
html:not([dir=rtl]) body .input-group>.form-control:not(:first-child){border-radius:0 10px 10px 0!important}
html[dir=rtl] body .input-group>.input-group-prepend>.input-group-text{border-radius:0 10px 10px 0!important}
html[dir=rtl] body .input-group>.form-control:not(:first-child){border-radius:10px 0 0 10px!important}
html body label{font-weight:600;color:#3a4360}
html body .p-checkbox .p-checkbox-box{border-radius:6px}
html body .p-checkbox .p-checkbox-box.p-highlight,
html body .p-radiobutton .p-radiobutton-box.p-highlight{background:var(--t-primary)!important;border-color:var(--t-primary)!important}
html body .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--t-primary)!important}

/* dropdown panels / menus */
html body .p-dropdown-panel,
html body .p-multiselect-panel,
html body .p-menu,
html body .p-tieredmenu,
html body .p-contextmenu,
html body .p-overlaypanel,
html body .dropdown-menu{
  border:1px solid var(--t-border)!important;
  border-radius:12px!important;
  box-shadow:var(--t-shadow-lg)!important;
  overflow:hidden;padding:.35rem!important;
}
html body .p-menu .p-menuitem-link,
html body .p-tieredmenu .p-menuitem-link,
html body .p-contextmenu .p-menuitem-link,
html body .dropdown-item,
html body .p-dropdown-panel .p-dropdown-items .p-dropdown-item{border-radius:8px!important;margin:1px 0}
html body .p-menu .p-menuitem-link:hover,
html body .p-contextmenu .p-menuitem-link:hover,
html body .dropdown-item:hover{background:var(--t-primary-soft)!important}
html body .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:var(--t-primary-soft)!important;color:var(--t-primary)!important}

/* ---------- Data tables ---------- */
html body .p-datatable{border-radius:var(--t-radius);overflow:hidden}
html body .p-datatable .p-datatable-header{
  background:var(--t-surface)!important;border:0!important;border-bottom:1px solid var(--t-border)!important;padding:1rem!important
}
html body .p-datatable .p-datatable-thead>tr>th{
  background:var(--t-surface-2)!important;color:#55607f!important;
  font-size:.78rem;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;
  border-color:var(--t-border)!important;padding:.85rem 1rem!important;white-space:nowrap
}
html body .p-datatable .p-sortable-column.p-highlight{color:var(--t-primary)!important}
html body .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{color:var(--t-primary)!important}
html body .p-datatable .p-datatable-tbody>tr{transition:background .12s}
html body .p-datatable .p-datatable-tbody>tr>td{border-color:#eef0f6!important;padding:.75rem 1rem!important}
html body .p-datatable .p-datatable-tbody>tr:nth-child(even){background:#fbfcfe}
html body .p-datatable .p-datatable-tbody>tr:hover{background:#f3f3ff!important}
html body .p-datatable .p-datatable-tbody>tr.p-highlight{background:var(--t-primary-soft)!important;color:#2f2fa8!important}
html body .p-datatable .p-datatable-tfoot>tr>td{background:var(--t-surface-2)!important}
html body .table{color:var(--t-text)}
html body .table thead th{background:var(--t-surface-2);border-bottom:1px solid var(--t-border)!important;color:#55607f;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
html body .table td,html body .table th{border-color:#eef0f6!important}

/* paginator */
html body .p-paginator{background:var(--t-surface)!important;border:0!important;border-top:1px solid var(--t-border)!important;padding:.6rem!important}
html body .p-paginator .p-paginator-pages .p-paginator-page,
html body .p-paginator .p-paginator-first,
html body .p-paginator .p-paginator-prev,
html body .p-paginator .p-paginator-next,
html body .p-paginator .p-paginator-last{border-radius:10px!important;min-width:2.4rem;height:2.4rem;margin:0 2px;display:inline-flex;align-items:center;justify-content:center}
html body .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:var(--t-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 14px -6px rgba(91,91,240,.6)}

/* ---------- Tabs ---------- */
html body .p-tabview .p-tabview-nav{border-bottom:1px solid var(--t-border)!important;background:transparent!important}
html body .p-tabview .p-tabview-nav li .p-tabview-nav-link{
  background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;
  color:var(--t-muted)!important;font-weight:600;border-radius:0!important
}
html body .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{color:var(--t-primary)!important;border-bottom-color:var(--t-primary)!important}
html body .p-tabview .p-tabview-panels{background:transparent!important;border:0!important}
html body .nav-tabs .nav-link{border-radius:10px 10px 0 0}
html body .nav-tabs .nav-link.active{color:var(--t-primary);font-weight:700}

/* ---------- Dialogs / toasts ---------- */
html body .p-dialog{border-radius:18px!important;overflow:hidden;box-shadow:0 30px 80px rgba(13,19,38,.35)!important}
html body .p-dialog .p-dialog-header{border-bottom:1px solid var(--t-border)!important;padding:1.1rem 1.4rem!important;font-weight:800}
html body .p-dialog .p-dialog-footer{border-top:1px solid var(--t-border)!important;background:var(--t-surface-2)!important}
html body .p-component-overlay,html body .p-dialog-mask.p-component-overlay{background:rgba(13,19,38,.55)!important;backdrop-filter:blur(3px)}
html body .p-toast .p-toast-message{border-radius:14px!important;box-shadow:var(--t-shadow-lg)!important;border-width:0 0 0 5px!important}
html[dir=rtl] body .p-toast .p-toast-message{border-width:0 5px 0 0!important}
html body .swal2-popup{border-radius:20px!important;font-family:var(--t-font)!important}
html body .swal2-confirm{background:var(--t-grad)!important;border-radius:10px!important}

/* ---------- Badges / alerts / misc ---------- */
html body .badge{border-radius:20px;padding:.35em .7em;font-weight:700}
html body .badge-success{background:#d1fae5;color:#047857}
html body .badge-danger{background:#fee2e2;color:#b91c1c}
html body .badge-warning{background:#fef3c7;color:#b45309}
html body .badge-info{background:#dbeafe;color:#1d4ed8}
html body .badge-primary{background:var(--t-primary-soft);color:#3b3bc4}
html body .badge-secondary{background:#eef0f6;color:#475069}
html body .p-tag{border-radius:20px!important}
html body .alert{border-radius:12px;border:0}
html body .list-group-item{border-color:var(--t-border)}
html body .p-fieldset{border-radius:var(--t-radius)!important;border-color:var(--t-border)!important}
html body .p-fieldset .p-fieldset-legend{border-radius:10px!important;background:var(--t-surface-2)!important;border-color:var(--t-border)!important}
html body .p-panelmenu .p-panelmenu-header>a{border-radius:10px!important}

/* ---------- Footer ---------- */
html body .app-footer{
  background:#fff!important;border-top:1px solid var(--t-border)!important;
  color:var(--t-muted)!important;font-size:.85rem
}
html body .app-footer a{color:var(--t-primary);font-weight:600}

/* ---------- Loading (block-ui) ---------- */
html body .block-ui-wrapper{background:rgba(13,19,38,.45)!important;backdrop-filter:blur(2px)}
html body .sas-block-ui{background:var(--t-side)!important;border-radius:16px!important;box-shadow:var(--t-shadow-lg)}

/* =====================================================================
   LOGIN — admin (.login-background) + user portal (.login-page-container)
   ===================================================================== */
html body .login-background,
html body .login-page-container{
  background:
    radial-gradient(900px 600px at 15% 10%,rgba(139,92,246,.45),transparent 60%),
    radial-gradient(800px 600px at 90% 90%,rgba(6,182,212,.35),transparent 60%),
    radial-gradient(600px 400px at 80% 15%,rgba(91,91,240,.35),transparent 60%),
    #0b1022!important;
  min-height:100vh;
}
html body .login-background .image-container{opacity:.06!important;filter:grayscale(1)}
html body .login-background:before,
html body .login-page-container:before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:radial-gradient(circle at center,#000 30%,transparent 75%);
          mask-image:radial-gradient(circle at center,#000 30%,transparent 75%);
}
html body .login-background .container{position:relative;z-index:1}
html body .login-background .logo_image{
  max-height:96px;max-width:100%;
  background:rgba(255,255,255,.94);padding:12px 22px;border-radius:20px;
  box-shadow:0 20px 50px -10px rgba(139,92,246,.55),0 0 0 1px rgba(255,255,255,.4);
  animation:tFloat 6s ease-in-out infinite
}
@keyframes tFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
html body .login-card,
html body .login-page-container .card{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:24px!important;
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)!important;
  color:#fff;
}
html body .login-card h1,html body .login-card h2,
html body .login-page-container .card h1,html body .login-page-container .card h2{color:#fff;font-weight:800}
html body .login-card .text-muted,
html body .login-page-container .card .text-muted{color:rgba(255,255,255,.6)!important}
html body .login-card .input-group-text,
html body .login-page-container .card .input-group-text{
  background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important;color:#c7c9ff!important;min-width:44px;justify-content:center
}
html body .login-card .form-control,
html body .login-page-container .card .form-control{
  background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important;min-height:46px
}
html body .login-card .form-control::placeholder,
html body .login-page-container .card .form-control::placeholder{color:rgba(255,255,255,.45)}
html body .login-card .form-control:focus,
html body .login-page-container .card .form-control:focus{border-color:#a5a6ff!important;box-shadow:0 0 0 4px rgba(139,92,246,.25)!important;background:rgba(255,255,255,.1)!important}
html body .login-card select.form-control option{color:#111;background:#fff}
html body .login-card .btn-primary,
html body .login-page-container .card .btn-primary{
  min-height:48px;font-size:1.05rem;font-weight:800;border-radius:12px!important;
  background:linear-gradient(135deg,#6366f1,#a855f7 60%,#ec4899)!important;
  box-shadow:0 14px 30px -10px rgba(168,85,247,.7)!important
}
html body .login-card a,html body .login-page-container .card a{color:#c7c9ff}
html body .login-footer{background:transparent!important;color:rgba(255,255,255,.5)!important}
html body .login-box{opacity:1!important}

/* ---------- Mobile ---------- */
@media (max-width:991.98px){
  html body .sidebar .nav-item{padding:0 .4rem}
  html body .main .container-fluid{padding-left:10px!important;padding-right:10px!important}
  html body .card{border-radius:12px!important}
  html body .login-background .logo_image{max-height:70px;padding:8px 16px}
}